Upload drag & drop + anteprime file per la pagina conversazioni AI Bot

:information_source: Riepilogo Caricamento con trascinamento (Drag & Drop) + Anteprime dei file per la pagina delle conversazioni con il bot AI
:hammer_and_wrench: Repository GitHub - VaperinaDEV/drag-drop-upload-file-previews-ai-bot-page: Drag & Drop Upload + File Previews for AI Bot Conversations page · GitHub
:question: Guida all’installazione Come installare un tema o un componente del tema
:open_book: Principiante con i temi Discourse? Guida per principianti all’uso dei temi Discourse

Installa questo componente del tema

Ciao :waving_hand:

Il caricamento di un file nella pagina delle conversazioni con il bot AI funziona solo tramite il pulsante di caricamento e, una volta allegato un file, si vede solo il nome del file in una riga di testo semplice: nessuna anteprima, nessuna indicazione visiva di ciò che è stato effettivamente allegato.

Cosa aggiunge questo componente

  • Trascinamento ovunque nel pannello di conversazione — non solo sull’area di testo, l’intero pannello è una zona di rilascio con uno stato evidenziato durante il trascinamento.
  • Miniature di immagini reali per i caricamenti di immagini, generate lato client, visualizzate con il nome del file invece di semplice testo.
  • Badge colorati per estensione per i file non immagine (PDF, DOCX, XLSX, ZIP, MP3, file di codice, ecc.) in modo che l’elenco dei caricamenti sia visivamente scorrevole anche per i tipi di file che non possono avere un’anteprima reale.
  • Configurabile tramite le impostazioni del tema, un colore di fallback default_badge_color e un’impostazione extension_colors di tipo objects-schema in modo che gli amministratori possano aggiungere/sostituire i colori per estensione direttamente dall’interfaccia delle impostazioni del tema, senza bisogno di modificare il codice.

Impostazioni

Impostazione Descrizione
default_badge_color Colore esadecimale di fallback per le estensioni senza colore esplicito impostato
extension_colors Elenco di tipo objects-schema di righe { extension, color } per sostituire/estendere i colori di categoria integrati

Le categorie integrate coprono già la maggior parte dei tipi di file comuni direttamente (documenti, fogli di calcolo, presentazioni, archivi, audio, video, codice, font, e-book), quindi la maggior parte delle persone non avrà bisogno di modificare extension_colors.

1 Mi Piace