 |
Riepilogo | AI Bot - Nuova finestra modale per domande |
 |
Repository | GitHub - VaperinaDEV/aibot-new-question-modal |
 |
Guida all’installazione | Come installare un tema o un componente tema |
 |
Nuovo ai temi di Discourse? | Guida per principianti all’uso dei temi di Discourse |
Installa questo componente tema
Ciao 
Discourse AI - È necessario l’AI Bot per utilizzarlo.
Questo componente tema è in realtà una versione modale delle funzioni della homepage di ask.discourse.com. In questo modo puoi creare una nuova conversazione con l’AI Bot destinatario.
Questa modale è a schermo intero, quindi dà l’impressione di essere su un’altra pagina. O qualcosa del genere sarebbe stato l’obiettivo.
Le parti principali:
Avatar: L’avatar dell’aibot ha uno spinner che gira sempre nell’avatar modale, ma indica anche quando sta scrivendo.
Messaggio AI: Puoi usare anche l’HTML qui.
Link rapidi: Aggiungi quante domande vuoi.
La visualizzazione dei link rapidi è limitata dalle impostazioni e si mescola ogni volta che riapri la modale.
max quick links desktop predefinito: 5
max quick links mobile predefinito: 3
Conversazioni recenti: Questo pulsante reindirizza alla pagina /search con i parametri in:messages, @aibot-username
Questo è tutto per la modale. Puoi cambiare, personalizzare tutto nelle impostazioni del tema. 
Il pulsante di apertura della modale AI Bot può essere posizionato nella barra laterale in 3 punti.
-
sidebar-footer-actions
-
before-sidebar-sections
-
after-sidebar-sections
Nelle impostazioni del tema puoi cambiare lo stile del pulsante.
Vediamo le impostazioni del tema
Impostazioni del tema
- quick_links: Qui puoi configurare le domande per i pulsanti rapidi.
- max quick links desktop: Numero massimo di link rapidi visualizzati sul desktop
- max quick links mobile: Numero massimo di link rapidi visualizzati sul mobile
- show_for_groups: Impostazione richiesta. Aggiungi il nome del gruppo per visualizzare il pulsante nella barra laterale.
- aibot_id: Impostazione richiesta. Aggiungi l’ID dell’AI Bot che vuoi usare per questo.
- aibot_username: Impostazione richiesta. Aggiungi il nome utente dell’AI Bot che vuoi usare per questo.
- aibot_avatar: Impostazione richiesta. Carica un’immagine per l’AI Bot che appare nella modale.
- sibebar aibot button postition: Seleziona la posizione del pulsante nella barra laterale.
- sidebar-footer-actions (predefinito)
- before-sidebar-sections (in cima alla barra laterale)
- after-sidebar-sections (in fondo alla barra laterale)
- sibebar aibot button style: Seleziona lo stile del pulsante nella barra laterale.
- btn-primary (predefinito)
- btn-default
- sidebar aibot button border-radius: Cambia l’arrotondamento del pulsante nella barra laterale.
- sidebar aibot button before icon: Cambia l’icona del pulsante nella barra laterale.
- aibot recent messages icon: Cambia l’icona del pulsante delle conversazioni recenti.
- modal background: Cambia lo sfondo della modale.
- modal content wrapper background: Cambia lo sfondo del contenitore del contenuto della modale.
- modal content wrapper border radius: Cambia l’arrotondamento del contenitore del contenuto della modale.
- quick buttons style: Seleziona lo stile dei pulsanti rapidi.
- btn-primary (predefinito)
- btn-default
- quick buttons border radius: Cambia l’arrotondamento dei pulsanti rapidi.
- mobile quick buttons wrapper border radius: Cambia l’arrotondamento dello sfondo del contenitore dei pulsanti rapidi per dispositivi mobili.
- aibot avatar spinner primary color: Cambia il colore primario dello spinner dell’avatar
var(--tertiary)per impostazione predefinita. - aibot avatar spinner secondary color: Cambia il colore secondario dello spinner dell’avatar
#ffffffper impostazione predefinita. - aibot message border color: Questo bordo si trova sul lato destro del messaggio.
var(--tertiary)per impostazione predefinita. - textarea border-radius: Cambia l’arrotondamento della textarea.
- send button border radius: Cambia l’arrotondamento del pulsante di invio.
- recent messages button border radius: Cambia l’arrotondamento del pulsante delle conversazioni recenti.
- recent messages button color: Cambia il colore del pulsante delle conversazioni recenti. Cambia anche il colore dell’icona.
- recent messages button hover color: Cambia il colore al passaggio del mouse del pulsante delle conversazioni recenti.
- recent messages button hover background: Cambia lo sfondo al passaggio del mouse del pulsante delle conversazioni recenti.
- recent messages button border: Cambia il bordo del pulsante delle conversazioni recenti.
- spinner loader border: Cambia il bordo del loader spinner della modale. Appare quando invii il messaggio.
- spinner loader border right color: Cambia il colore del lato destro del loader spinner.
Ci sono anche alcune traduzioni del tema…
Traduzioni del tema
- aibot_modal_title: Questo è il titolo della modale.
- aibot_message: Questo è il messaggio dell’AI Bot nella modale.
- input_placeholder: Questo è il placeholder nella textarea.
- input_submit: Questo è il titolo del pulsante di invio.
- input_length: Questo messaggio appare quando il testo è troppo corto.
- disclaimer: Questo testo appare sotto la textarea nella modale.
- new_question: Questo è il testo del pulsante nella barra laterale.
- recent_messages: Questo è il testo del pulsante delle conversazioni recenti nella modale.
Questo componente tema nasconde il pulsante di condivisione dai messaggi personali dell’AI Bot. Il testo
discourse_ai.ai_bot.default_pm_prefixè il prefisso predefinito del titolo dei messaggi privati dell’IA, cambierà automaticamente a seconda dell’argomento della conversazione. Puoi cambiarlo in/admin/customize/site_texts
Crediti: Discourse Ask Theme
Quindi ho deciso di rimuovere i pulsanti rapidi scorrevoli. Invece di questo, ho aggiunto 2 nuove impostazioni per controllare il numero massimo di collegamenti rapidi nella visualizzazione desktop/mobile e ho anche apportato alcune modifiche all’avatar AI modale e alla sezione dei messaggi per adattarli meglio agli schermi più piccoli.