سحب وإفلات التحميل + معاينات الملفات لصفحة محادثات روبوت الذكاء الاصطناعي

:information_source: ملخص سحب وإفلات للتحميل + معاينات الملفات لصفحة محادثات روبوت الذكاء الاصطناعي
: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:

لا يعمل تحميل الملف إلى صفحة محادثات روبوت الذكاء الاصطناعي إلا من خلال زر التحميل، وبعد إرفاق ملف، كل ما تراه هو اسمه في سطر نصي عادي، بدون معاينة، وبدون أي مؤشر بصري لما أرفقته فعلياً.

ما يضيفه هذا المكون

  • السحب والإفلات في أي مكان في لوحة المحادثة — ليس فقط على منطقة النص، بل اللوحة بأكملها هي منطقة إفلات مع حالة مميزة أثناء السحب.
  • صور مصغرة حقيقية لتحميلات الصور، يتم إنشاؤها على جانب العميل، وتُعرض مع اسم الملف بدلاً من النص فقط.
  • شارات ملونة حسب الامتداد للملفات غير المرئية (PDF، DOCX، XLSX، ZIP، MP3، ملفات الكود، إلخ) بحيث يمكن مسح قائمة التحميل بصرياً حتى لأنواع الملفات التي لا يمكن لها أن تكون لها معاينة حقيقية.
  • إعدادات قابلة للتخصيص عبر إعدادات السمة، لون احتياطي default_badge_color، وإعدادات مخطط كائنات extension_colors بحيث يمكن للمسؤولين إضافة/تجاوز الألوان لكل امتداد مباشرة من واجهة إعدادات السمة، دون الحاجة إلى تعديل الكود.

الإعدادات

الإعداد الوصف
default_badge_color لون سداسي احتياطي للامتدادات التي لا تحتوي على لون محدد صراحةً
extension_colors قائمة مخطط كائنات من صفوف { extension, color } لتجاوز/توسيع ألوان الفئة المدمجة

تغطي الفئات المدمجة بالفعل معظم أنواع الملفات الشائعة بشكل افتراضي (المستندات، جداول البيانات، العروض التقديمية، الأرشيفات، الصوت، الفيديو، الكود، الخطوط، الكتب الإلكترونية)، لذلك لن يحتاج معظم الأشخاص إلى تعديل extension_colors على الإطلاق.

إعجاب واحد (1)