 |
Résumé | AI Bot - Nouvelle modale de question |
 |
Dépôt | GitHub - VaperinaDEV/aibot-new-question-modal |
 |
Guide d’installation | Comment installer un thème ou un composant de thème |
 |
Nouveau sur les thèmes Discourse ? | Guide du débutant pour l’utilisation des thèmes Discourse |
Installer ce composant de thème
Bonjour 
Discourse AI - AI Bot est requis pour utiliser ceci.
Ce composant de thème est en fait une version modale des fonctions de la page d’accueil de ask.discourse.com. Vous pouvez ainsi créer une nouvelle conversation avec le bot IA destinataire.
Cette modale est en plein écran, ce qui donne l’impression que vous êtes sur une autre page. C’était l’objectif.
Les parties principales :
Avatar : L’avatar du bot IA a un spinner qui tourne toujours dans l’avatar de la modale, mais il indique également quand il écrit.
Message IA : Vous pouvez également utiliser du HTML ici.
Liens rapides : Ajoutez autant de questions que vous le souhaitez.
L’affichage des liens rapides est limité par les paramètres et il se mélange lorsque vous rouvrez la modale.
max quick links desktop par défaut : 5
max quick links mobile par défaut : 3
Conversations récentes : Ce bouton redirige vers la page /search avec les paramètres in:messages, @aibot-username
C’est tout pour la modale. Vous pouvez tout changer, personnaliser dans les paramètres du thème. 
Le bouton d’ouverture de la modale AI Bot peut être placé dans la barre latérale à 3 endroits.
-
sidebar-footer-actions
-
before-sidebar-sections
-
after-sidebar-sections
Dans les paramètres du thème, vous pouvez changer le style du bouton.
Voyons les paramètres du thème
Paramètres du thème
- quick_links : Ici, vous pouvez configurer les questions des boutons rapides.
- max quick links desktop : Nombre maximum de liens rapides affichés sur le bureau.
- max quick links mobile : Nombre maximum de liens rapides affichés sur mobile.
- show_for_groups : Paramètre requis. Ajoutez le nom du groupe pour afficher le bouton de la barre latérale.
- aibot_id : Paramètre requis. Ajoutez l’ID du bot IA que vous souhaitez utiliser pour cela.
- aibot_username : Paramètre requis. Ajoutez le nom d’utilisateur du bot IA que vous souhaitez utiliser pour cela.
- aibot_avatar : Paramètre requis. Téléchargez une image pour le bot IA qui apparaît dans la modale.
- sibebar aibot button postition : Sélectionnez la position du bouton de la barre latérale.
- sidebar-footer-actions (par défaut)
- before-sidebar-sections (en haut de la barre latérale)
- after-sidebar-sections (en bas de la barre latérale)
- sibebar aibot button style : Sélectionnez le style du bouton de la barre latérale.
- btn-primary (par défaut)
- btn-default
- sidebar aibot button border-radius : Changez l’arrondi du bouton de la barre latérale.
- sidebar aibot button before icon : Changez l’icône du bouton de la barre latérale.
- aibot recent messages icon : Changez l’icône du bouton des conversations récentes.
- modal background : Changez l’arrière-plan de la modale.
- modal content wrapper background : Changez l’arrière-plan du conteneur de contenu de la modale.
- modal content wrapper border radius : Changez l’arrondi du conteneur de contenu de la modale.
- quick buttons style : Sélectionnez le style des boutons rapides.
- btn-primary (par défaut)
- btn-default
- quick buttons border radius : Changez l’arrondi des boutons rapides.
- mobile quick buttons wrapper border radius : Changez l’arrondi de l’arrière-plan du conteneur des boutons rapides mobiles.
- aibot avatar spinner primary color : Changez la couleur primaire du spinner de l’avatar
var(--tertiary)par défaut. - aibot avatar spinner secondary color : Changez la couleur secondaire du spinner de l’avatar
#ffffffpar défaut. - aibot message border color : Cette bordure est sur le côté droit du message.
var(--tertiary)par défaut. - textarea border-radius : Changez l’arrondi de la zone de texte.
- send button border radius : Changez l’arrondi du bouton d’envoi.
- recent messages button border radius : Changez l’arrondi du bouton des conversations récentes.
- recent messages button color : Changez la couleur du bouton des conversations récentes. Cela change aussi la couleur de l’icône.
- recent messages button hover color : Changez la couleur au survol du bouton des conversations récentes.
- recent messages button hover background : Changez l’arrière-plan au survol du bouton des conversations récentes.
- recent messages button border : Changez la bordure du bouton des conversations récentes.
- spinner loader border : Changez la bordure du chargeur spinner de la modale. Il apparaît lorsque vous envoyez le message.
- spinner loader border right color : Changez la couleur du côté droit de la bordure du chargeur spinner.
Il y a aussi des traductions de thèmes…
Traductions du thème
- aibot_modal_title : C’est le titre de la modale.
- aibot_message : C’est le message du bot IA dans la modale.
- input_placeholder : C’est le placeholder dans la zone de texte.
- input_submit : C’est le titre du bouton d’envoi.
- input_length : Ce message apparaît lorsque le texte est trop court.
- disclaimer : Ce texte apparaît sous la zone de texte dans la modale.
- new_question : C’est le texte du bouton de la barre latérale.
- recent_messages : C’est le texte du bouton des conversations récentes de la modale.
Ce composant de thème masque le bouton de partage des messages privés du bot IA. Le texte
discourse_ai.ai_bot.default_pm_prefixest le préfixe par défaut des messages privés de l’IA, il changera automatiquement en fonction du sujet de la conversation. Vous pouvez le modifier dans/admin/customize/site_texts
Crédit : Discourse Ask Theme
J’ai donc décidé de supprimer les boutons rapides déroulants. À la place, j’ai ajouté 2 nouveaux paramètres pour contrôler le nombre maximum de liens rapides sur la vue bureau / mobile et j’ai également fait quelques ajustements sur l’avatar IA modal, la section message pour mieux s’adapter aux écrans plus petits.