AI Bot - Nuova finestra di domanda

:information_source: Riepilogo AI Bot - Nuova finestra modale per domande
:hammer_and_wrench: Repository GitHub - VaperinaDEV/aibot-new-question-modal
:question: Guida all’installazione Come installare un tema o un componente tema
:open_book: Nuovo ai temi di Discourse? Guida per principianti all’uso dei temi di Discourse

Installa questo componente tema

Ciao :wave:

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.

aibot-spinner


Messaggio AI: Puoi usare anche l’HTML qui.
Screenshot 2024-10-20 at 16.27.18


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
Screenshot 2024-10-20 at 16.33.38


Questo è tutto per la modale. Puoi cambiare, personalizzare tutto nelle impostazioni del tema. :slight_smile:

Il pulsante di apertura della modale AI Bot può essere posizionato nella barra laterale in 3 punti.

  1. sidebar-footer-actions

  2. before-sidebar-sections

  3. 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 #ffffff per 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

14 Mi Piace