Caricamento drag & drop + anteprime dei file per la pagina delle conversazioni con l'AI Bot

:information_source: Riepilogo Caricamento tramite trascinamento e anteprima 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
:heart: Ti è stato utile? > ./support --coffee
:question: Guida all’installazione Come installare un tema o un componente di tema
:open_book: Nuovo ai temi Discourse? Guida per principianti all’uso dei temi Discourse

Installa questo componente di tema

Ciao :waving_hand:

Il caricamento di un file nell’input della pagina delle conversazioni con il bot AI funziona solo tramite il pulsante di caricamento e, una volta allegato un file, si vede solo il suo nome in una riga di testo semplice, senza anteprima né indicazione visiva di ciò che è stato effettivamente allegato.

Cosa aggiunge questo componente

  • Trascinamento e rilascio ovunque nel pannello di conversazione — non solo nell’area di testo, l’intero pannello è un’area 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 solo testo.
  • Badge con estensioni codificate a colori per i file non immagine (PDF, DOCX, XLSX, ZIP, MP3, file di codice, ecc.) in modo che l’elenco dei caricamenti sia visivamente leggibile 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 schema-oggetti extension_colors che consente agli amministratori di aggiungere/sostituire i colori per estensione direttamente dall’interfaccia delle impostazioni del tema, senza necessità di modificare il codice.

Impostazioni

Impostazione Descrizione
default_badge_color Colore esadecimale di fallback per le estensioni senza un colore esplicito impostato
extension_colors Elenco schema-oggetti di righe { extension, color } per sostituire/estendere i colori delle categorie integrate

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

6 Mi Piace