Carga con arrastrar y soltar + vistas previas de archivos para la página de conversaciones con bots de IA

:information_source: Resumen Carga con arrastrar y soltar + vistas previas de archivos para la página de conversaciones con el bot de IA
:hammer_and_wrench: Repositorio GitHub - VaperinaDEV/drag-drop-upload-file-previews-ai-bot-page: Drag & Drop Upload + File Previews for AI Bot Conversations page · GitHub
:heart: ¿Te resultó útil? > ./support --coffee
:question: Guía de instalación Cómo instalar un tema o un componente de tema
:open_book: ¿Nuevo en temas de Discourse? Guía para principiantes sobre el uso de temas de Discourse

Instalar este componente de tema

Hola :waving_hand:

Subir un archivo a la entrada de la página de conversaciones del bot de IA solo funciona a través del botón de carga, y una vez que se adjunta un archivo, solo se ve su nombre en una fila de texto plano, sin vista previa ni indicación visual de lo que realmente se adjuntó.

Qué añade este componente

  • Arrastrar y soltar en cualquier parte del panel de conversación: no solo en el área de texto, sino que todo el panel es una zona de destino con un estado resaltado durante el arrastre.
  • Miniaturas de imagen reales para las cargas de imágenes, generadas en el lado del cliente y mostradas junto al nombre del archivo en lugar de solo texto.
  • Insignias de extensión con código de color para archivos que no son imágenes (PDF, DOCX, XLSX, ZIP, MP3, archivos de código, etc.), de modo que la lista de cargas sea visualmente escaneable incluso para tipos de archivo que no pueden tener una vista previa real.
  • Configurable mediante ajustes de tema, un color de respaldo default_badge_color y una configuración de esquema de objetos extension_colors para que los administradores puedan añadir o sobrescribir colores por extensión directamente desde la interfaz de ajustes del tema, sin necesidad de editar código.

Ajustes

Ajuste Descripción
default_badge_color Color hexadecimal de respaldo para extensiones sin un color explícito configurado
extension_colors Lista de esquema de objetos de filas { extension, color } para sobrescribir o ampliar los colores de categoría integrados

Las categorías integradas ya cubren la mayoría de los tipos de archivo comunes de serie (documentos, hojas de cálculo, presentaciones, archivos, audio, video, código, fuentes, libros electrónicos), por lo que la mayoría de las personas no necesitarán tocar extension_colors en absoluto.

6 Me gusta