التحكم في عرض قائمة التنقل (الشريط الجانبي)

|||
| - | - | - |
| :information_source: | ملخص | يسمح بعرض الأقسام والروابط للموظفين والمستخدمين المسجلين والمجهولين |
| :hammer_and_wrench: | المستودع| https://github.com/Lillinator/navigation-menu-display-control |
| :question: | دليل التثبيت | كيفية تثبيت سمة أو مكون سمة |
| :open_book: | جديد في سمات Discourse؟ | دليل المبتدئين لاستخدام سمات Discourse |

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

الوصف

يتيح مكون السمة Navigation Menu Display Control عرض أقسام وروابط افتراضية مختلفة للموظفين فقط و/أو للمستخدمين المسجلين فقط. يمكنك أيضًا تحديد أقسام مخصصة أو روابط مخصصة (يتم تضمين أسماء العناصر النائبة). بالإضافة إلى ذلك، يوجد إعداد لعرض قسم قائمة مخصص للمستخدمين المجهولين فقط، بالإضافة إلى إعدادات لتحديد ترتيب الأقسام الافتراضية (الفئة، العلامات، الدردشة، القنوات، الرسائل). الأقسام والروابط في الإعدادات هي قوائم يمكن تحريرها بالأقسام الموجودة (انظر لقطات الشاشة أدناه)، بالإضافة إلى العديد من الأقسام المخصصة أو الروابط التي ترغب في إضافتها.

الإعدادات

:point_right:t2: بالنسبة لأقسام القوائم المخصصة، يجب أن تكون مرئية عالميًا عند إعدادها (يجب تمكين مربع الاختيار اجعل هذا القسم عامًا ومرئيًا للجميع).
القسم العلوي يسمى “community” في الكود، لذا إذا كنت ترغب في إخفاء هذا القسم، استخدم اسم القسم “community”. يمكنك استخدام الروابط المثبتة مع المكونات الإضافية، على سبيل المثال، روابط المستندات والذكرى السنوية وأعياد الميلاد.
هناك أيضًا إعدادات تتجاوز بعضها البعض - وجود رابط معين في المزيد مرئي للمستخدمين المسجلين سيتم تجاوزه بواسطة إعداد القائمة المنسدلة المزيد المرئي للموظفين فقط.

اسم الإعداد الوصف
show these sections for staff only قائمة الأقسام التي تظهر للموظفين فقط. يمكن أن تشمل أقسام مخصصة بتنسيق تسمية “Staff Menu = staff-menu”.
show these sections for logged-in only قائمة الأقسام التي تظهر للمستخدمين المسجلين فقط. يمكن أن تشمل أقسام مخصصة بتنسيق تسمية “User Menu = user-menu”.
show these links for staff only قائمة الروابط التي تظهر للموظفين فقط. يمكن أن تشمل روابط مخصصة مسماة بنفس تنسيق الحالة (“Staff Link” = “Staff Link”).
show these links for logged-in only قائمة الروابط التي تظهر للمستخدمين المسجلين فقط. يمكن أن تشمل روابط مخصصة مسماة بنفس تنسيق الحالة (“User Link” = “User Link”).
show more for staff only مربع اختيار لعرض قسم القائمة المنسدلة “المزيد” للموظفين فقط.
show more for logged-in only مربع اختيار لعرض قسم القائمة المنسدلة “المزيد” للمستخدمين المسجلين فقط.
show custom for anon only حقل نصي لقسم قائمة مخصص ليتم عرضه للمستخدمين المجهولين فقط (يتم إخفاؤه عن المستخدمين المسجلين).
show navigation menu to logged-in only مربع اختيار لعرض قائمة الشريط الجانبي للتنقل بأكملها للمستخدمين المسجلين فقط (إخفائها عن المستخدمين المجهولين).
hide custom menus globe icon إخفاء أيقونة الكرة الأرضية للموظفين لأقسام القوائم المخصصة (غير مرئية لغير الموظفين افتراضيًا).
default menu section ordering يسمح بإعادة ترتيب أقسام القائمة الافتراضية (لا ينطبق على القوائم المخصصة).

لقطات الشاشة

إعدادات أقسام الموظفين والمستخدمين المسجلين فقط

إعدادات روابط الموظفين والمستخدمين المسجلين فقط

إعدادات قسم المزيد، قسم القائمة المخصص للمستخدمين المجهولين فقط، أيقونة الكرة الأرضية، إخفاء قائمة التنقل بأكملها، وتغيير ترتيب أقسام القائمة الافتراضية


بالنسبة لأقسام الشريط الجانبي للتنقل المخصصة لمجموعات معينة، يرجى استخدام مكون السمة Group Menu Sections.

24 إعجابًا

تمت إضافة قسم للسماح بإعادة ترتيب أقسام القائمة الافتراضية.

5 إعجابات

لا أعتقد أن إخفاء الروابط يعمل بشكل صحيح في الوقت الحالي.

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

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

ومع ذلك - فإنها تعمل إذا تم استخدام نص العنوان الكامل (مع المسافات والأحرف الكبيرة). لذا ربما يجب تغيير OP فقط (هل يمكن تحويله إلى ويكي؟) والتعليمات في TC. أو ربما هناك حاجة إلى تغيير أساسي للاتساق.

إعجابَين (2)

شكرا ناثان. نعم، لقد تغير شيء ما هناك. سألقي نظرة على هذا خلال عطلة نهاية الأسبوع.

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

حسناً، لا يزال المكون يعمل بشكل صحيح، ولكن تنسيق اسم فئة الرابط المخصص قد تغير، لذا كان عليّ إجراء بعض التغييرات على توثيق الحقل في المكون و OP. يرجى تحديث مكون السمة.

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

على سبيل المثال، إذا كنت أرغب في عرض رابط مخصص محدد يسمى “مستودع GitHub” للمستخدمين المسجلين فقط:

سأدخل نفس اسم الرابط في إعداد “إظهار هذه الروابط للمسجلين فقط” في مكون السمة:

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

لاحظ أنه بالنسبة لأقسام القائمة المخصصة (وليس الروابط)، لا يزال اصطلاح التسمية كما كان من قبل - لا يزال بأسلوب السليج بأحرف صغيرة (على سبيل المثال، “اسم القائمة المخصصة” = custom-menu-name).

شكراً مرة أخرى على لفت انتباهي @nathank :عناق:

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

4 إعجابات

مرحباً ليلي،

ألاحظ ما يلي:

  • لا يمكنني إعادة ترتيب الأقسام سواء استخدمت الاسم البشري أو الاسم المستعار (slug)
  • الشريط الجانبي بأكمله يتم إخفاؤه للضيوف حتى عندما لم أقم بتحديد هذا الخيار
إعجاب واحد (1)

لا يمكنك إعادة ترتيب الأقسام المخصصة باستخدام هذا المكون. لقد تحققت للتو من وظيفة إعادة الترتيب وهي تعمل كما هو متوقع.

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

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

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


هل لا يتم عرض أي شيء في وضع عدم تسجيل الدخول؟

يجب أن يكون هذا إعداد تبديل…

image

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

انظر إلى منشوري أعلاه :slight_smile:

تعديل: ربما يجب أن أفكر في إزالة تلك الأمثلة واستخدام لقطة الشاشة فقط للعرض. :thinking:

4 إعجابات

[اقتباس=“ليلي، المشاركة: 18، الموضوع: 277687”]
ربما يجب عليّ التفكير في إزالة تلك واستخدام لقطة الشاشة لإظهارها
[/اقتباس]

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

إعجابَين (2)

أعتقد أن تنسيق CSS الخاص بقسم ⋮ المزيد قد تغير (لم يعد btn-flat موجودًا)

اضطررت إلى استخدام هذا لإخفائه للمستخدمين المجهولين:

.anon button.sidebar-more-section-links-details-summary {
    display: none;
}

إليك طلب سحب (PR):

3 إعجابات

تم دمج هذا. شكراً مرة أخرى ناثان :hugs:

لقد قمت أيضًا بإصلاح إخفاء الشريط الجانبي بالكامل لوظيفة المجهول التي كانت معطلة بعض الشيء.

3 إعجابات

مرحباً،

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

سأقدم لك 3 طرق مختلفة للقيام بذلك:

1. استخدم مكون السمة هذا

قم بإنشاء قائمة جانبية مخصصة مع رابط إلى /login واستخدم هذا الإعداد في مكون السمة:


2. استخدم CSS في سمة أو مكون جديد/موجود

إذا كنت ترغب فقط في إضافة رابط في القسم العلوي أسفل “منشوراتي”، يمكنك إضافة الرابط إلى /login عبر رابط “تخصيص هذا القسم” مثل هذا. على سبيل المثال، إذا كان الرابط يسمى “تسجيل الدخول أو الاشتراك”:

ثم انتقل إلى سمة أو مكون سمة وقم بتحرير HTML/CSS كما يلي:

ضع في اعتبارك أن مراجع الروابط في هذا القسم العلوي حساسة لحالة الأحرف:

.sidebar-section-link-wrapper[data-list-item-name="Login or Signup"] {
  display: none;
}

.anon .sidebar-section-link-wrapper[data-list-item-name="Login or Signup"] {
  display: block;
}

النتيجة في وضع التصفح المتخفي / المجهول:


3. استخدم مكون السمة التالي

نعم، لقد قمت بإنشاء مكون سمة محدد منذ فترة طويلة يقوم بذلك. كما أنه يفعل العكس - يعرض قسمًا للأعضاء فقط (المستخدمين المسجلين).

3 إعجابات

حسنًا. شكراً جزيلاً على التوجيه المفصل.

إعجابَين (2)