Upload com Arrastar e Soltar + Pré-visualização de Arquivos para a página de Conversas com IA

:information_source: Resumo Arrastar e soltar + pré-visualizações de arquivos para a página de conversas do AI Bot
:hammer_and_wrench: Repositório GitHub - VaperinaDEV/drag-drop-upload-file-previews-ai-bot-page: Drag & Drop Upload + File Previews for AI Bot Conversations page · GitHub
:question: Guia de Instalação Como instalar um tema ou componente de tema
:open_book: Novo em Temas do Discourse? Guia para iniciantes sobre o uso de Temas do Discourse

Instalar este componente de tema

Olá :waving_hand:

Carregar um arquivo na página de conversas do AI Bot só funciona através do botão de upload, e uma vez que um arquivo é anexado, tudo o que você vê é o nome do arquivo em uma linha de texto simples, sem pré-visualização, sem indicação visual do que você realmente anexou.

O que este componente adiciona

  • Arrastar e soltar em qualquer lugar no painel de conversas — não apenas na área de texto, todo o painel é uma zona de soltura com um estado destacado enquanto arrasta.
  • Miniaturas reais de imagens para uploads de imagens, geradas no lado do cliente, mostradas com o nome do arquivo em vez de apenas texto.
  • Emblemas de extensão com código de cores para arquivos não imagem (PDF, DOCX, XLSX, ZIP, MP3, arquivos de código, etc.) para que a lista de uploads seja visualmente escaneável mesmo para tipos de arquivo que não podem ter uma pré-visualização real.
  • Configurável via configurações do tema, uma cor de fallback default_badge_color, e uma configuração de esquema de objetos extension_colors para que administradores possam adicionar/sobrescrever cores por extensão diretamente da interface de configurações do tema, sem necessidade de edição de código.

Configurações

Configuração Descrição
default_badge_color Cor hexadecimal de fallback para extensões sem cor explícita definida
extension_colors Lista de esquema de objetos de linhas { extension, color } para sobrescrever/estender as cores de categoria integradas

As categorias integradas já cobrem a maioria dos tipos de arquivo comuns prontamente (documentos, planilhas, apresentações, arquivos, áudio, vídeo, código, fontes, e-books), então a maioria das pessoas não precisará tocar em extension_colors de forma alguma.

2 curtidas