 |
Zusammenfassung | AI Bot - Neues Frage-Modal |
 |
Repository | GitHub - VaperinaDEV/aibot-new-question-modal |
 |
Installationsanleitung | So installieren Sie ein Theme oder eine Theme-Komponente |
 |
Neu bei Discourse-Themes? | Anfängerleitfaden zur Verwendung von Discourse-Themes |
Install this theme component
Hallo 
Discourse AI - AI Bot wird benötigt, um dies zu verwenden.
Diese Theme-Komponente ist eigentlich eine Modalversion der Homepage-Funktionen von ask.discourse.com. So können Sie eine neue Konversation mit dem Empfänger AI Bot erstellen.
Dieses Modal ist im Vollbildmodus, sodass der Eindruck entsteht, Sie befänden sich auf einer anderen Seite. Oder so ähnlich wäre das Ziel gewesen.
Die Hauptteile:
Avatar: Der aibot-Avatar hat einen Spinner, der sich im Modal-Avatar immer dreht, aber auch anzeigt, wann er schreibt.
KI-Nachricht: Sie können hier auch HTML verwenden.
Schnelllinks: Fügen Sie so viele Fragen hinzu, wie Sie möchten.
Die Anzeige der Schnelllinks ist durch Einstellungen begrenzt und wird beim erneuten Öffnen des Modals gemischt.
max quick links desktop Standard: 5
max quick links mobile Standard: 3
Letzte Konversationen: Diese Schaltfläche leitet zur Seite /search mit den Parametern in:messages, @aibot-username weiter.
Das war’s für das Modal. Sie können alles in den Theme-Einstellungen ändern und anpassen. 
Der Button zum Öffnen des AI Bot Modals kann an 3 Stellen in der Seitenleiste platziert werden.
-
sidebar-footer-actions
-
before-sidebar-sections
-
after-sidebar-sections
In den Theme-Einstellungen können Sie den Stil des Buttons ändern.
Schauen wir uns die Theme-Einstellungen an
Theme-Einstellungen
- quick_links: Hier können Sie die Fragen für die Schnellschaltflächen einrichten.
- max quick links desktop: Maximale Anzahl von Schnelllinks, die auf dem Desktop angezeigt werden.
- max quick links mobile: Maximale Anzahl von Schnelllinks, die auf Mobilgeräten angezeigt werden.
- show_for_groups: Erforderliche Einstellung. Fügen Sie den Gruppennamen hinzu, um den Seitenleisten-Button anzuzeigen.
- aibot_id: Erforderliche Einstellung. Fügen Sie die AI Bot-ID hinzu, die Sie für diese verwenden möchten.
- aibot_username: Erforderliche Einstellung. Fügen Sie den AI Bot-Benutzernamen hinzu, den Sie für diese verwenden möchten.
- aibot_avatar: Erforderliche Einstellung. Laden Sie ein Bild für den AI Bot hoch, das im Modal angezeigt wird.
- sibebar aibot button postition: Wählen Sie die Position des Seitenleisten-Buttons.
- sidebar-footer-actions (Standard)
- before-sidebar-sections (oben in der Seitenleiste)
- after-sidebar-sections (unten in der Seitenleiste)
- sibebar aibot button style: Wählen Sie den Stil des Seitenleisten-Buttons.
- btn-primary (Standard)
- btn-default
- sidebar aibot button border-radius: Ändern Sie die Rundung des Seitenleisten-Buttons.
- sidebar aibot button before icon: Ändern Sie das Symbol vor dem Seitenleisten-Button.
- aibot recent messages icon: Ändern Sie das Symbol für den Button “Letzte Konversationen”.
- modal background: Ändern Sie den Hintergrund des Modals.
- modal content wrapper background: Ändern Sie den Hintergrund des Inhalts-Containers des Modals.
- modal content wrapper border radius: Ändern Sie die Rundung des Inhalts-Containers des Modals.
- quick buttons style: Wählen Sie den Stil der Schnellschaltflächen.
- btn-primary (Standard)
- btn-default
- quick buttons border radius: Ändern Sie die Rundung der Schnellschaltflächen.
- mobile quick buttons wrapper border radius: Ändern Sie die Rundung des Hintergrunds des Schnellschaltflächen-Containers für Mobilgeräte.
- aibot avatar spinner primary color: Ändern Sie die primäre Farbe des Avatar-Spinners
var(--tertiary)standardmäßig. - aibot avatar spinner secondary color: Ändern Sie die sekundäre Farbe des Avatar-Spinners
#ffffffstandardmäßig. - aibot message border color: Diese Umrandung befindet sich auf der rechten Seite der Nachricht.
var(--tertiary)standardmäßig. - textarea border-radius: Ändern Sie die Rundung des Textfeldes.
- send button border radius: Ändern Sie die Rundung der Sende-Schaltfläche.
- recent messages button border radius: Ändern Sie die Rundung der Schaltfläche “Letzte Konversationen”.
- recent messages button color: Ändern Sie die Farbe der Schaltfläche “Letzte Konversationen”. Dies ändert auch die Farbe des Symbols.
- recent messages button hover color: Ändern Sie die Hover-Farbe der Schaltfläche “Letzte Konversationen”.
- recent messages button hover background: Ändern Sie den Hover-Hintergrund der Schaltfläche “Letzte Konversationen”.
- recent messages button border: Ändern Sie die Umrandung der Schaltfläche “Letzte Konversationen”.
- spinner loader border: Ändern Sie die Umrandung des Lade-Spinners im Modal. Er erscheint, wenn Sie die Nachricht senden.
- spinner loader border right color: Ändern Sie die Farbe der rechten Seite des Lade-Spinners im Modal.
Es gibt auch einige Theme-Übersetzungen…
Theme-Übersetzungen
- aibot_modal_title: Dies ist der Titel des Modals.
- aibot_message: Dies ist die Nachricht des KI-Bots im Modal.
- input_placeholder: Dies ist der Platzhalter im Textfeld.
- input_submit: Dies ist der Titel der Sende-Schaltfläche.
- input_length: Diese Nachricht wird angezeigt, wenn der Text zu kurz ist.
- disclaimer: Dieser Text erscheint unter dem Textfeld im Modal.
- new_question: Dies ist der Text der Seitenleisten-Schaltfläche.
- recent_messages: Dies ist der Text der Schaltfläche “Letzte Konversationen” im Modal.
Diese Theme-Komponente blendet die Teilen-Schaltfläche aus den persönlichen Nachrichten des KI-Bots aus. Der Text
discourse_ai.ai_bot.default_pm_prefixist der Standardtitel für KI-PMs, der sich automatisch je nach Thema der Konversation ändert. Sie können ihn unter/admin/customize/site_textsändern.
Credit: Discourse Ask Theme
Daher habe ich beschlossen, die scrollbaren Quick-Buttons zu entfernen. Stattdessen habe ich 2 neue Einstellungen hinzugefügt, um die maximale Anzahl von Quick-Links für Desktop-/Mobilansicht zu steuern, und einige Anpassungen am modalen KI-Avatar und im Nachrichtenbereich vorgenommen, damit sie auf kleineren Bildschirmen besser passen.