⮟ رأس القائمة المنسدلة

:mag: نظرة عامة

تسمح لك مكونات السمات هذه بإضافة روابط مع نصوص وأيقونات وقوائم منسدلة إلى رأس موقع Discourse الأصلي.

نحن نرحب بتقارير الأخطاء وطلبات الميزات وطلبات السحب؛ يتيح الرعاية للفريق في Pavilion تحديد أولويات العمل على هذا المكون.

:computer: الكود

عرض مستودع GitHub

:gear: الإعدادات

هناك مجموعة متنوعة من الإعدادات التي يمكنك تكوينها لتخصيص المكون، بما في ذلك تخصيص الروابط، ومصادر الأيقونات، وإضافة أمان الروابط، والموضع، وما إلى ذلك.

يمكن العثور على قائمة بجميع الإعدادات وشروحات مفصلة لها هنا.

:thinking: متى تستخدم

يعد هذا المكون مفيدًا إذا كنت تريد أيقونات وروابط وقوائم منسدلة متوافقة مع رأس Discourse الحالي. إنها طريقة رائعة للحصول على الكثير من الروابط التي يمكن الوصول إليها دون فوضى غير ضرورية أو خروج الشريط الجانبي عن السيطرة.

إذا كنت بحاجة إلى الكثير من الروابط المنسدلة، فراجع القوائم المنسدلة للرأس، والتي تنشئ صف قائمة رأس فوق رأس Discourse الأصلي.

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

:clapper: معاينة

سطح المكتب:

Desktop

الجوال:
نظرًا لضيق المساحة على الجوال، يمكن تشغيل الروابط عن طريق النقر على زر السهم لأسفل.


تثبيت مكون السمة

49 إعجابًا

لست متأكدًا من السبب، لكن هذا لا يبدو أنه يعمل معي، فبمجرد تمكينه يختفي رأسي، على سمة نظيفة بدون مكونات أخرى، جربت سمات أساسية متعددة أيضًا

<div id="ember7" class="d-header-wrap ember-view"><div></div></div>

2.9.0.beta4

(c99a6b10fb)

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

مرحباً @Fma965، أعتذر، لقد قمت بإصلاح بعض الأخطاء البسيطة، يجب أن يعمل الآن لديك. أخبرني كيف سار الأمر.

3 إعجابات

يعمل بشكل رائع الآن، شكراً!

هناك شيء واحد يجب ملاحظته وهو أنه نظرًا لأن هذه لا تستخدم علامات a، فلا يمكنك النقر بزر الماوس الأوسط على الروابط كما يمكنك في المكون الإضافي لروابط الرأس، هل هناك سبب لعدم استخدام علامات a؟

إعجابَين (2)

@Fma965

حسنًا.. هذه نقطة مثيرة للاهتمام. السبب في أنني لم أستخدم علامات الربط هو أن كل رابط هو عنصر واجهة مستخدم قد ينشئ قائمة منسدلة إذا كانت هناك عناصر قائمة منسدلة. باستخدام عنصر الواجهة، أستفيد أيضًا من طريقة click() التي تستدعي: DiscourseURL.routeTo(this.attrs.url);.

هذا له بعض الفوائد مثل الحفاظ على سجل مكان وجودك في الموضوع. على سبيل المثال، إذا نقرت على رابط لموضوع بعلامة ربط، فإنه يبدأ دائمًا من أعلى الموضوع. ومع ذلك، إذا كنت قد زرت الموضوع من قبل وكنت تقرأ في منتصف الموضوع، فإن نهج routeTo سيضعك في نفس الموضع في الموضوع.

أتساءل عما إذا كانت هناك طريقة لإضافة وظيفة النقر الأوسط إلى نقرات عناصر الواجهة… سأضطر إلى البحث في ذلك، ربما لدى شخص ما في فريق Discourse فكرة.

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

نعم، لقد افترضت أن الأمر يتعلق بهذا، لقد كان مجرد شيء ذكره لي أحد المشرفين، اعتقدت أنني سأثير النقطة هنا فقط في حال :slight_smile:

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

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

هل هناك أي فرصة لإضافة خيار “الهدف” (الفتح في علامة تبويب جديدة) إلى الروابط التي نضيفها هناك، كما هو الحال في مكوني السمة الآخرين؟

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

أقوم بتعبئة عناصر القائمة الفرعية يدويًا من مصدر خارجي وأرسل طلبات ajax قليلة داخل حلقة لاستردادها. بطبيعة الحال، إذا كانت هناك عناصر كثيرة. يتم تحميل المكون قبل الانتهاء من جميع الطلبات وتكون بعض العناصر مفقودة. هل من الممكن تعديل المصدر لتحقيق ذلك؟

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

مكون رائع. شكراً لك على المشاركة :heart:.

مرحباً! شكراً على هذه المكونات الرائعة :slight_smile:

يبدو أن هناك هامشًا مفقودًا على اليمين عند عدم الاتصال بالمنتدى. إليك كيف يبدو:
Capture d’écran 2022-12-05 à 16.22.20

بينما إذا كنت متصلاً، فهذا جيد.

آمل أن يساعد ذلك في تحسينه.

هل هناك أي فرصة لـ:

  1. روابط إلى عناوين URL دائمة؟
  2. روابط مستهدفة لفتح علامات تبويب جديدة كما ذكر سابقًا؟

نحن نقوم بإعداد نسخة جديدة على خوادم Discourse ونحاول مطابقة قائمة Discourse الخاصة بنا مع موقع WP الخاص بنا عن كثب قدر الإمكان.

شكرا لك

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

لقد قمت للتو بتثبيت هذه المكونة لتحل محل مكونات “روابط رأس مخصصة” و “تذييل سهل”.

وأنا أحب هذه المكونة حقًا، إنها رائعة!

تعمل بالنسبة لي. هل تقصد هدفًا فارغًا أو شيئًا كهذا أو عناوين URL خارجية بشكل عام (والتي تعمل بالنسبة لي)؟

لاحظت شيئًا واحدًا: على الأجهزة المحمولة، لا يمكنني التمرير لأسفل. يبدو أن لدي الكثير من القوائم. :wink: هل يمكن تعديل هذا؟

إعجابَين (2)

لقد قمت للتو بتقديم طلب سحب (PR) لهذه المشكلة:

عندما تتحقق من الرابط أعلاه، يمكنك رؤية أن CSS المعدل يعمل كما ينبغي. :slight_smile:

3 إعجابات

مرحباً، شكراً على هذه المكونات الرائعة!
ومع ذلك، لاحظت أنه عند النقر على رابط، يتم استبدال جميع النصوص والأيقونات بتلك الخاصة بالعنصر الأخير.

لاحظت أيضًا أنه إذا نقرت على الشعار، تتغير نصوص وأيقونات الروابط.

أرفق مثال فيديو قصير:

رابط الصفحة هو: https://oii.francescomancuso.it/forum/

كيف يمكنني إصلاح ذلك؟ شكراً جزيلاً مقدماً!

مكون سمة رائع! : الشيف يقبل الأصابع:
سيصبح أفضل إذا تمكنا أيضًا من ضبطه بحيث تفتح الروابط في علامة تبويب جديدة، بدلاً من نفس علامة التبويب كما هو الحال الآن. : +1:

مرحباً فرانشيسكو :wave:

سألقي نظرة بكل سرور، لكنك قمت بتغيير التخطيط ويبدو أنك لم تعد تستخدم المكون لعرض الروابط.

لا يمكنني إعادة إنتاج المشكلة في منتدى الاختبار الخاص بي.

إذا، بالصدفة، يمكنك إلقاء نظرة أخرى وإخبارنا إذا كنت لا تزال تواجه المشكلة، فلا تتردد في القيام بذلك. :slight_smile:

إذا تم تنفيذ مثل هذه الميزة، فهل تعتقد أنه يجب أن تتجاوز تفضيلات المستخدمين فيما يتعلق بالروابط الخارجية (إعداد فتح جميع الروابط الخارجية في علامة تبويب جديدة

image

إعجابَين (2)

أهلاً، شكراً جزيلاً على ردك.

لقد قررت تبديل التصميمات لإنشاء رسومات موحدة عبر جميع مجالات منصتي.
بعد إجراء ترحيل للنطاق، سأتحقق مما إذا كان الخطأ قد تم حله.

أتمنى لك يوماً سعيداً :smiley:

إعجابَين (2)

أعتقد أنه يجب أن يتبع تفضيلات المستخدمين. إلا إذا تم تجاوزها من قبل مسؤول أو مشرف :+1:

إذًا… لقد قمت للتو بتطبيق هذا المكون السمة وحصلنا بالفعل على بعض التعليقات الصالحة جدًا من بعض أعضائنا القدامى.

لذا، بشكل أساسي، إذا قمت بما يلي:

  • (1) النقر على زر البحث في الرأس أولاً، ثم
  • (2) تحريك مؤشر الماوس فوق رأس القائمة المنسدلة ثانيًا.
    → سيظهر رأس القائمة المنسدلة أسفل مربع البحث وهو ليس ما نبحث عنه. من الناحية المثالية، يجب أن يختفي شريط البحث قبل ظهور القائمة المنسدلة.

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


اشتكى عضو آخر أيضًا من مظهره على الهاتف المحمول، هل هناك طريقة لتمكين هذا المكون السمة على سطح المكتب فقط؟

شكرًا :+1:

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