كيفية العثور على المسارات أو استخدام عناوين URL النسبية التي تتضمن حقولاً ديناميكية

أحاول إضافة مسارات (routes) إلى أحد الإضافات التي أستخدمها (Discourse Tab Bar)، ولم أستطع العثور على أي شيء ذي صلة أو سهل الفهم بالنسبة لي عبر البحث في منصة Meta.

أحاول تحديد اسم المسار الذي يؤدي إلى، على سبيل المثال:

domain.com/u/admin/follow/feed

أعلم أنه يمكنني استخدام إما اسم مسار محدد مسبقًا أو عنوان URL نسبي. والسؤال هو:

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

  2. كيف يمكنني استخدام عنوان URL نسبي عندما يحتوي العنوان على اسم المستخدم (أو نصوص ديناميكية أخرى مثل أسماء المجموعات)؟ على سبيل المثال، للعناوين الموجودة في لوحة التفضيلات.

أعرف هذه :slightly_smiling_face:. يمكنك استبدال /u/username بـ my لإنشاء رابط عام.

مثال:

https://meta.discourse.org/u/jammydodger/preferences/account

يصبح

https://meta.discourse.org/my/preferences/account

https://meta.discourse.org/my/preferences/account

شكرًا لك @JammyDodger، لقد ساعدت كثيرًا.

ملاحظة: ما زلت أبحث عن إجابة بخصوص المسارات، لأنه يبدو أنه بالنسبة للموضوع الذي أستخدمه https://meta.discourse.org/t/discourse-tab-bar-for-mobile/، عند استخدام عنوان URL النسبي، لا يتغير لون الزر النشط كما هو متوقع.

مرحبًا،

أنا أيضًا أستخدم إضافة شريط التبويبات في Discourse وإضافة المتابعة. أضفت رابط /my/follow/feed إلى شريط التبويبات في Discourse. لكن تفعيل التبويب لم يعمل في منتداي أيضًا :grinning_face_with_smiling_eyes:. الآن قمت بإجراء تعديل بسيط على CSS لجعل ذلك يعمل.

أستهدف فئة الجسم الحالية وهي .user-follow-page، وهذا يساعدنا في الاحتفاظ بتعديلات CSS على صفحة المتابعة. وبهذه الفئة يمكننا بسهولة استهداف التبويب ذي الصلة في شريط التبويبات الخاص بـ Discourse.

ما يجب علينا فعله هو تغيير لون التبويب النشط العالق إلى اللون الافتراضي (غير النشط)، وإضافة لون التبويب النشط إلى التبويب الذي يحتوي على data-destination /my/follow/feed.

data-destination هو الرابط الذي قمت بإعداده في مكون موضوع شريط التبويبات للتبويبات.

أضف هذا إلى قسم CSS المحمول في مكون جديد.

body.user-follow-page {
  .d-tab-bar {
    .tab {
      &.active {
        color: var(--primary-medium);
      }
      &[data-destination="/my/follow/feed"] {
        color: var(--tertiary);
      }
    }
  }
}

أعتقد أن هذا هو الرابط: discourse/app/assets/javascripts/discourse/app/routes/app-route-map.js at 9d5da2b383765becb824a8f3ff3665abc8e527fa · discourse/discourse · GitHub

رد رائع. :heart: :awthanks: