Drag & Drop-Upload und Dateivorschau für die Seite „AI Bot Conversations“

Anpassung Themenkomponente
,
1
:information_source: Zusammenfassung Drag & Drop Upload + Datei-Vorschauen für die AI-Bot-Gesprächsseite
: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: War es hilfreich? > ./support --coffee
:question: Installationsanleitung So installieren Sie ein Theme oder ein Theme-Component
:open_book: Neu bei Discourse Themes? Einsteigerleitfaden zur Nutzung von Discourse Themes

Dieses Theme-Component installieren

Hallo :waving_hand:

Das Hochladen einer Datei auf der AI-Bot-Gesprächsseite funktioniert derzeit nur über den Upload-Button. Sobald eine Datei angehängt ist, wird lediglich ihr Dateiname in einer einfachen Textzeile angezeigt – ohne Vorschau und ohne visuelle Anzeigeelemente, die zeigen, was genau Sie angehängt haben.

Was dieses Component hinzufügt

  • Drag & Drop überall im Gesprächspanel – nicht nur in das Textfeld, sondern das gesamte Panel ist eine Drop-Zone, die beim Ziehen hervorgehoben wird.
  • Echte Bildminiaturen für Bild-Uploads, die client-seitig generiert und zusammen mit dem Dateinamen angezeigt werden, anstatt nur Text.
  • Farbcodierte Erweiterungs-Badges für Nicht-Bilddateien (PDF, DOCX, XLSX, ZIP, MP3, Code-Dateien usw.), damit die Upload-Liste auch für Dateitypen, die keine echte Vorschau ermöglichen, visuell überschaubar bleibt.
  • Konfigurierbar über Theme-Einstellungen, einschließlich einer default_badge_color als Fallback-Farbe und einer extension_colors-Einstellung im Objects-Schema, damit Administratoren Farben pro Erweiterung direkt über die Theme-Einstellungs-UI hinzufügen oder überschreiben können, ohne Code bearbeiten zu müssen.

Einstellungen

Einstellung Beschreibung
default_badge_color Fallback-Hex-Farbe für Erweiterungen, für die keine explizite Farbe festgelegt ist
extension_colors Objects-Schema-Liste aus { extension, color }-Zeilen, um die eingebauten Kategorie-Farben zu überschreiben oder zu erweitern

Die eingebauten Kategorien decken bereits die meisten gängigen Dateitypen ab (Dokumente, Tabellenkalkulationen, Präsentationen, Archive, Audio, Video, Code, Schriftarten, E-Books), sodass die meisten Benutzer extension_colors gar nicht anpassen müssen.

6 „Gefällt mir“