 |
Resumen | Bot de IA - Modal de Nueva Pregunta |
 |
Repositorio | GitHub - VaperinaDEV/aibot-new-question-modal |
 |
Guía de Instalación | Cómo instalar un tema o componente de tema |
 |
¿Nuevo en Temas de Discourse? | Guía para principiantes sobre el uso de Temas de Discourse |
Instalar este componente de tema
Hola 
Discourse AI - Se requiere AI Bot para usar esto.
Este componente de tema es en realidad una versión modal de las funciones de la página de inicio de ask.discourse.com. Así que puedes crear una nueva conversación con el Bot de IA destinatario.
Este modal ocupa toda la pantalla, por lo que da la impresión de que estás en otra página. O algo así habría sido el objetivo.
Las partes principales:
Avatar: El avatar del bot de IA tiene un spinner que gira constantemente en el avatar del modal, pero también indica cuándo está escribiendo.
Mensaje de IA: Aquí también puedes usar HTML.
Enlaces rápidos: Añade tantas preguntas como quieras.
La visualización de enlaces rápidos está limitada por la configuración y se baraja cada vez que abres el modal de nuevo.
max quick links desktop por defecto: 5
max quick links mobile por defecto: 3
Conversaciones recientes: Este botón redirige a la página /search con los parámetros in:messages, @aibot-username
Eso es todo sobre el modal. Puedes cambiar y personalizar todo en la configuración del tema. 
El botón de apertura del modal del Bot de IA se puede colocar en la barra lateral en 3 puntos.
-
sidebar-footer-actions
-
before-sidebar-sections
-
after-sidebar-sections
En la configuración del tema puedes cambiar el estilo del botón.
Veamos la configuración del tema
Configuración del Tema
- quick_links: Aquí puedes configurar las preguntas de los botones rápidos.
- max quick links desktop: Número máximo de enlaces rápidos que aparecen en el escritorio.
- max quick links mobile: Número máximo de enlaces rápidos que aparecen en el móvil.
- show_for_groups: Configuración Requerida. Añade el nombre del grupo para mostrar el botón de la barra lateral.
- aibot_id: Configuración Requerida. Añade el ID del Bot de IA que quieres usar para esto.
- aibot_username: Configuración Requerida. Añade el nombre de usuario del Bot de IA que quieres usar para esto.
- aibot_avatar: Configuración Requerida. Sube una imagen para el Bot de IA que aparece en el modal.
- sibebar aibot button postition: Selecciona la posición del botón de la barra lateral.
- sidebar-footer-actions (por defecto)
- before-sidebar-sections (parte superior de la barra lateral)
- after-sidebar-sections (parte inferior de la barra lateral)
- sibebar aibot button style: Selecciona el estilo del botón de la barra lateral.
- btn-primary (por defecto)
- btn-default
- sidebar aibot button border-radius: Cambia el redondeo del botón de la barra lateral.
- sidebar aibot button before icon: Cambia el icono del botón de la barra lateral.
- aibot recent messages icon: Cambia el icono del botón de conversaciones recientes.
- modal background: Cambia el fondo del modal.
- modal content wrapper background: Cambia el fondo del contenedor del contenido del modal.
- modal content wrapper border radius: Cambia el redondeo del contenedor del contenido del modal.
- quick buttons style: Selecciona el estilo de los botones rápidos.
- btn-primary (por defecto)
- btn-default
- quick buttons border radius: Cambia el redondeo de los botones rápidos.
- mobile quick buttons wrapper border radius: Cambia el redondeo del fondo del contenedor de botones rápidos móviles.
- aibot avatar spinner primary color: Cambia el color primario del spinner del avatar
var(--tertiary)por defecto. - aibot avatar spinner secondary color: Cambia el color secundario del spinner del avatar
#ffffffpor defecto. - aibot message border color: Este borde está en el lado derecho del mensaje.
var(--tertiary)por defecto. - textarea border-radius: Cambia el redondeo del área de texto.
- send button border radius: Cambia el redondeo del botón de enviar.
- recent messages button border radius: Cambia el redondeo del botón de mensajes recientes.
- recent messages button color: Cambia el color del botón de mensajes recientes. También cambia el color del icono.
- recent messages button hover color: Cambia el color al pasar el ratón por encima del botón de mensajes recientes.
- recent messages button hover background: Cambia el fondo al pasar el ratón por encima del botón de mensajes recientes.
- recent messages button border: Cambia el borde del botón de mensajes recientes.
- spinner loader border: Cambia el borde del cargador spinner del modal. Aparece cuando envías el mensaje.
- spinner loader border right color: Cambia el color del lado derecho del cargador spinner.
También hay algunas traducciones del tema…
Traducciones del Tema
- aibot_modal_title: Este es el título del modal.
- aibot_message: Este es el mensaje del Bot de IA en el modal.
- input_placeholder: Este es el placeholder en el área de texto.
- input_submit: Este es el título del botón de enviar.
- input_length: Este mensaje aparece cuando el texto es demasiado corto.
- disclaimer: Este texto aparece debajo del área de texto en el modal.
- new_question: Este es el texto del botón de la barra lateral.
- recent_messages: Este es el texto del botón de mensajes recientes del modal.
Este componente de tema oculta el botón de compartir de los mensajes privados del Bot de IA. El texto
discourse_ai.ai_bot.default_pm_prefixes el prefijo por defecto del título de los mensajes privados de IA, cambiará automáticamente según el tema de la conversación. Puedes cambiarlo en/admin/customize/site_texts
Crédito: Discourse Ask Theme
Así que he decidido eliminar los botones rápidos desplazables. En lugar de eso, he añadido 2 nuevas configuraciones para controlar el número máximo de enlaces rápidos en la vista de escritorio/móvil y también he hecho algunos ajustes en el avatar de IA modal y la sección de mensajes para que encajen mejor en pantallas más pequeñas.