Перетаскивание для загрузки и предварительный просмотр файлов на странице чата с ИИ-ботом

:information_source: Краткое описание Перетаскивание (Drag & Drop) для загрузки файлов + предварительный просмотр файлов на странице диалогов с ИИ-ботом
:hammer_and_wrench: Репозиторий GitHub - VaperinaDEV/drag-drop-upload-file-previews-ai-bot-page: Drag & Drop Upload + File Previews for AI Bot Conversations page · GitHub
:question: Руководство по установке Как установить тему или компонент темы
:open_book: Только начинаете использовать темы Discourse? Руководство для начинающих по использованию тем Discourse

Установить этот компонент темы

Привет :waving_hand:

Загрузка файла на страницу диалогов с ИИ-ботом в настоящее время возможна только через кнопку загрузки. После прикрепления файла вы видите лишь его имя в виде обычного текстовой строки: нет ни предварительного просмотра, ни визуальных подсказок о том, что именно вы прикрепили.

Что добавляет этот компонент

  • Перетаскивание (Drag & Drop) в любую область панели диалогов — не только в текстовое поле, но и по всей панели, которая выделяется во время перетаскивания.
  • Реальные миниатюры изображений для загруженных картинок, генерируемые на стороне клиента и отображаемые вместе с именем файла вместо простого текста.
  • Цветные значки расширений для файлов, не являющихся изображениями (PDF, DOCX, XLSX, ZIP, MP3, файлы кода и т. д.), что позволяет визуально сканировать список загруженных файлов даже для типов, не поддерживающих настоящий предварительный просмотр.
  • Настройка через параметры темы: цвет по умолчанию для значков (default_badge_color) и параметр схемы объектов extension_colors, позволяющий администраторам добавлять или переопределять цвета для конкретных расширений прямо из интерфейса настроек темы, без необходимости редактирования кода.

Настройки

Параметр Описание
default_badge_color Цвет в формате HEX, используемый по умолчанию для расширений, для которых не задан явный цвет
extension_colors Список объектов схемы вида { extension, color } для переопределения или расширения встроенных цветов категорий

Встроенные категории уже покрывают большинство распространенных типов файлов (документы, таблицы, презентации, архивы, аудио, видео, код, шрифты, электронные книги), поэтому большинству пользователей не потребуется изменять extension_colors.

1 лайк