.OVERLAY

Mit Overlays können modale Nachrichten und interaktive Schaltflächen dargestellt werden.

.text('text')

Zeigt den Text in einem Overlay an.

RAGAI.OVERLAY.text('Ich bin ein Text');

.button(buttonConfig[])

Zeigt ein Overlay mit interaktiven Schaltflächen an.

RAGAI.OVERLAY.button(
  [
    {text:'ja',className:'btn btn-primary',onClick:function(){}},
    {text:'nein',className:'btn btn-primary',onClick:function(){}},
  ]
);

.textAndButton('text', buttonConfig[])

Zeigt ein Overlay mit Text und interaktiven Schaltflächen an.

RAGAI.OVERLAY.textAndButton('text',
  [
    {text:'ja',className:'btn btn-primary',onClick:function(){}},
    {text:'nein',className:'btn btn-primary',onClick:function(){}},
  ]
);

.html('html')

Zeigt ein Overlay mit interpretierten HTML an.

RAGAI.OVERLAY.html('<h1>HTML Overlay</h1>');

.loading('text')

Zeigt ein Overlay mit einer Ladeanimation und einem Text an.

RAGAI.OVERLAY.loading('Wird geladen ...');

.prompt('text', buttonConfig[])

Zeigt ein Overlay mit einem Eingabefeld für einen Prompt an.

RAGAI.OVERLAY.prompt('Du bist jetzt freundlich',
  [
    {text:'ja',className:'btn btn-primary',onClick:function(){}},
    {text:'nein',className:'btn btn-primary',onClick:function(){}},
  ]);

.promptArea('text', buttonConfig[])

Zeigt ein Overlay mit einem großen Eingabefeld für einen Prompt an.

RAGAI.OVERLAY.promptArea('Du bist jetzt freundlich',
  [
    {text:'ja',className:'btn btn-primary',onClick:function(){}},
    {text:'nein',className:'btn btn-primary',onClick:function(){}},
  ]);

.uploadImage('title', 'instruction', onImageLoaded_function)

Zeigt ein Overlay mit einem Eingabefeld und einer Möglichkeit, ein Bild hochzuladen, an.

RAGAI.OVERLAY.uploadImage('Bild-Upload', 'Analysiere das folgende Bild', ('content', 'name', 'type') => {});

.uploadFile('title', 'instruction', onFileLoaded_function)

Zeigt ein Overlay mit einem Eingabefeld und einer Möglichkeit, eine Datei hochzuladen, an.

RAGAI.OVERLAY.uploadFile('Datei-Upload', 'Analysiere die folgende Datei', ('content', 'name', 'type') => {});

.stageList('text')

Zeigt ein Overlay mit allen eingestellten Stages und optionalem Text an.

RAGAI.OVERLAY.stageList('Ich bin ein Text');

.stageChangeDialog('text')

Zeigt ein Overlay mit allen eingestellten Stages bis auf die aktuell eingestellte Stage und optionalem Text an.

RAGAI.OVERLAY.stageChangeDialog('Ich bin ein Text');

.uploadImage('title', 'instruction, callback(base64image))

Zeigt ein Overlay mit einem Datei-Upload für Bilder. Nach der Bildauswahl wir im Callback das Bild als base64string weitergegeben.

RAGAI.OVERLAY.uploadImage('Bild zur Analyse auswählen', 'Bild hierher ziehen (PNG, JPEG, WEBP, Non-animated GIF)', async function passImage(base64image) {

});

.close()

Schließt das bestehende individuelle Overlay.

RAGAI.OVERLAY.close();

.prompt_getInput()

Gibt das HTML-Element des Eingabefeldes der promptArea zurück.

RAGAI.OVERLAY.prompt_getInput();

.fileUpload_getTextArea()

Gibt das HTML-Element des Eingabefeldes des uploadFile zurück.

RAGAI.OVERLAY.fileUpload_getTextArea();

.fileUpload_getValue()

Gibt den Wert des Eingabefeldes des uploadFile zurück.

RAGAI.OVERLAY.fileUpload_getValue();

.prompt_getInputValue()

Gibt den Wert des Eingabefeldes der promptArea zurück.

RAGAI.OVERLAY.prompt_getInputValue();