This theme component allows you to add a custom tab containing links in the user dropdown menu.
You can customize the tab’s icon, set links to be visible to users/moderators/admins, and set a custom icon for each link.
 |
Preview | Preview on theme-creator.discourse.org |
 |
Repository | github.com/awesomerobot/discourse-user-menu-tab |
 |
New to Discourse Themes? | Beginner’s guide to using Discourse Themes |
Install this theme component
@awesomerobot, is it possible to request to have a menu item only showing to a specific group/tl ?
Yeah definitely possible, currently the component does:
if (this.currentUser.moderator) {
parseTabSettings(settings.moderator_only_tab_links);
return items;
}
…swap out this.currentUser.moderator to check for a group membership… and then settings.moderator_only_tab_links would be swapped out for the specific links for that group.
I can look into adding a setting that accepts various group names and links when I get a chance.
Thank you for the component. It is very helpful. A minor request - when I hover on the newly created tab, there is no description and there is no place to add a description.
Am I missing something?
You’re not missing something, there was no way to add a description. I’ve just added the ability to add one, so if you update the component you should see the option at the bottom of the component’s settings.
Hi Kris 
This is awesome 
thank you!
I have a question is that possible somehow to add target blank to the tab link? I have some extra part which points outside of the forum.
Thanks again! Have a nice day! 
Not to overload the requests, but Don’s request got me thinking about other enhancements. If it could, for example, position the custom tab icon to the rightmost, change the color of the icon and the tab’s background, with blank target links to my sister sites, it could replace my current horizontal header links… I mention different color of icon & background because that would help distinguish the menu separately from the current site.
مرحباً كريس. هل هناك أي فرصة لإضافة هذا إلى إعدادات tc؟ نحن نبحث حاليًا في تطبيق هذه القائمة الإضافية لمستخدمينا المميزين 
مرحباً @awesomerobot، نتطلع إلى تنفيذ هذه الميزة. هل تقبلون طلبات السحب (PRs) إذا قمنا بتوظيف مطور لإضافة الميزة إلى المستودع الرسمي؟
أحببت هذا المكون، ولكنه غير متوافق مع إعداد قائمة المستخدم الجديدة على ما أعتقد؟ هل هناك خطط لمكون مشابه لتخصيص القائمة الجديدة؟
ظهرت بعض الأفكار… ربما يكون شيئًا يمكن للمسؤول أو حتى للمستخدم تخصيصه فورًا بدون مكون، لكننا ما زلنا نجرب الإصدار الأولي وبعض المفاهيم الأخرى قبل التفكير بجدية في كيفية عمل ذلك.
لذلك، بمجرد أن نبدأ في جعل قائمة المستخدم الجديدة هي الافتراضية، قد يكون من المنطقي بناء مكون جديد إذا كان الأشخاص يفتقدون هذه الوظيفة. هل هذا شيء قد يكون منطقيًا أكثر كقسم شريط جانبي مخصص بدلاً من علامة تبويب في قائمة المستخدم؟
في الواقع، سأجد أنه من المفيد جدًا إذا كانت هناك خيارات مماثلة لتخصيص كليهما (من خلال مكون سمة أو في الواجهة الخلفية) حتى أتمكن كمسؤول من إزالة أو إضافة أقسام من أي منهما ولن تتكرر العناصر في المكون الآخر.
على سبيل المثال، قد أرغب في إعداد قائمة مخفضة (ولكن مع علامة تبويب المسؤول) في بعض المجتمعات:
بعد ذلك، لن أحتاج إلى قسم مسؤول في الشريط الجانبي. أو الإشارات المرجعية. بينما في حالات أخرى قد يكون من المنطقي وجودها هناك.
شكرا لهذه الميزة الرائعة.
لقد كنت أحاول إضافة أيقونة جديدة، ولكن يبدو أنني أفتقد شيئًا ما.
إنها تعمل مع النجمة والطفل، ولكن ليس مع أيقونات Font Awesome.
نحن لسنا على Font Awesome 6 بعد، لذا ستحتاج إلى البحث في مجموعة الإصدار 5 عن الأيقونات المتاحة هنا: Find the Perfect Icon for Your Project in Font Awesome 5 | Font Awesome
يبدو أن هذه الأيقونة تمت إعادة تسميتها إلى shop في الإصدار 6، لكنها كانت موجودة في الإصدار 5 باسم مختلف: store-alt. لذا، إذا قمت بتحديث additional icons و custom tab icon لاستخدام store-alt، فيجب أن يعمل ذلك!
لقد قمت بتنزيل هذا القالب حتى أتمكن من تعديل قائمة منسدلة لملف تعريف المستخدم. المشكلة هي أنني لا أعرف كيفية تطبيق التغييرات. لديها فقط خيار معاينة في الأسفل ولا يوجد مكان للحفظ. حاولت طلب المساعدة في منشور القالب ولكن تم حذف منشوري لسبب ما. أي مساعدة ستكون موضع تقدير كبير!
لقد اتبعت التعليمات وأنشأت عنصر القائمة الجديد الخاص بي على هذا النحو:
ثم قمت بمعاينته للتأكد من أنه يعمل على هذا النحو:
ولكن بعد ذلك لا يوجد مكان لتطبيق / حفظ التغييرات! هل فاتني شيء ما حول طريقة عمل القوالب؟ هل يجب علي تعديل كود المستودع نفسه؟ آسف لكوني غبيًا، أنا جديد جدًا في هذا.
لقد نجح الأمر، شكرًا لك!
