كيفية إضافة زر جديد داخل quick-access-profile؟

مطور
1

أهلاً!
هل من الممكن إضافة رابط جديد في هذا القسم:

Capture d’écran 2024-03-05 à 10.33.36
Capture d’écran 2024-03-05 à 10.33.36980×946 46.6 KB

سيكون بين “التفضيلات” و “الإشعارات”. إما عن طريق تعديل القالب الخاص بي أو إضافة مكون إضافي جديد.

شكراً لك!

2

أهلاً بك مجددًا. :slight_smile:

لديك دالة API addQuickAccessProfileItem حيث يمكنها إدراج عنصر قبل زر تسجيل الخروج.

https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/lib/plugin-api.gjs#L1893-L1907

على سبيل المثال:

<script type="text/discourse-plugin" version="0.8">
api.addQuickAccessProfileItem({
  icon: "pencil-alt",
  href: "/somewhere",
  content: "Test"
})
</script>

The image shows a computer user interface with a dropdown menu that includes options such as Summary, Activity, Invites, Drafts, Preferences, Pause notifications, Test, and Log Out. (Captioned by AI)
The image shows a computer user interface with a dropdown menu that includes options such as Summary, Activity, Invites, Drafts, Preferences, Pause notifications, Test, and Log Out. (Captioned by AI)374×350 7.49 KB

بعد ذلك، يمكنك استخدام CSS لإعادة ترتيب العناصر (وهذا ليس مثاليًا، ولكن ليس هناك الكثير من الخيارات)

.user-menu {
    .summary { order: 1 }
    .activity { order: 2 }
    .invites { order: 3 }
    .drafts { order: 4 }
    .preferences { order: 5 }
    
    /* الخاص بك هنا */
    .test { order: 6 }
    
    .do-not-disturb { order: 7 }
    .logout { order: 8 }
}

image
image378×212 3.98 KB

نأمل أن يكون هذا مفيدًا. :+1:

9 إعجابات
3

شكرا جزيلا !

4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.