مكون سمة مؤشر عدم الاتصال

– وصف هذا المكون/القالب في جملة أو جملتين –

أهلاً :wave: مكون القالب هذا هو مؤشر بسيط غير متصل بالإنترنت يظهر عندما يواجه المستخدم مشاكل في الاتصال بالإنترنت.

– أضف لقطات شاشة (إذا كانت منطبقة) –

– أضف المزيد من التفاصيل واشرح الإعدادات (إذا كانت منطبقة) –

على سطح المكتب، يظهر المؤشر في الأسفل على اليمين.

هناك بعض الإعدادات التي يمكنك من خلالها تخصيص المؤشر.

offline indicator icon
يمكنك استخدام أيقونات FontAwesome. تظهر هذه الأيقونة قبل عنوان Oops…You’re offline.

offline indicator width
هذا العرض يؤثر فقط على عرض سطح المكتب. على الهاتف المحمول، يستخدم width: calc(100% - 20px);

offline indicator rounding
هذه هي دائرة نصف قطر حدود المؤشر. يمكنك جعل الزوايا مستديرة بزيادة القيمة.

وترجمات…

– أضف روابط المعاينة والمستودع –
|||
|-|-|-|
| :hammer_and_wrench:|المستودع| GitHub - VaperinaDEV/discourse-offline-indicator |
| :question:|دليل التثبيت|How to install a theme or theme component|
| :open_book:|جديد في مكونات قوالب Discourse؟| Beginner’s guide to using Discourse Themes

26 إعجابًا

مرحباً، هل يعمل هذا عند إعادة بناء المنتدى (بمعنى الـ 5-6 دقائق التي يستغرقها عادةً)؟

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

هذا مكون سمة، لذا يمكنك إضافته من صفحة /admin/customize/themes دون الحاجة إلى إعادة بناء. :+1:

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

أعتقد أنه يسأل عما إذا كانت الرسالة تظهر أثناء إعادة البناء.

3 إعجابات

أوه. :man_facepalming: نعم. هذا منطقي أكثر بالفعل. :slightly_smiling_face: خطأي.

4 إعجابات

مرحباً،

هذا لن يظهر أثناء إعادة البناء. اعتدت إنشاء مؤشر غير متصل بالإنترنت باستخدام offline.js الذي يتحقق دائمًا من الأيقونة المصغرة، ويقوم بطلبات بحيث يظهر أثناء إعادة البناء أيضًا. ولكن يبدو أن هذا غير ضروري لهذه الميزة بالنسبة لي ويمكن أن يربك المستخدمين بشأن المشكلة؟ هل هي من جانب الخادم أم من اتصالهم بالإنترنت.

أعتقد أنه يمكنك القيام بذلك مع إشعار عام أيضًا. فقط أضف إشعارًا قبل إعادة البناء. :slightly_smiling_face:

3 إعجابات

شكراً جزيلاً على هذه المكونات الرائعة! :grinning:

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