مكون سمة إخفاء الفئات

[keegan (Keegan George)]

Hi all, I’ve created a simple theme component. I hope this could be of use for some!

Overview

This is a theme component that allows you to hide specific categories from either the hamburger menu or category boxes.

Why would you need this component?

If your discourse website has a lot of categories and you would like to hide some from appearing in either the menu bar or on the main page, this component can be helpful.

Screenshots

Preview of Hamburger Menu: Before → After

Settings Menu:

More details on how to use this theme component and installation instructions are available at the component’s GitHub repository.

	Preview	Discourse Theme Creator
	Repository	View on GitHub
	Install Guide	How to install a theme or theme component
	New to Discourse Themes?	Beginner’s guide to using Discourse Themes

[nathank (Nathan Kershaw)]

This looks pretty cool, but what advantage does it give you over muting a category?

[keegan (Keegan George)]

Correct me if I’m wrong, but from what I understand is that when I mute a category it basically means no notifications? When I tried muting a category it still appears in the hamburger menu and category boxes.

This theme component is more of a stylistic change. It hides desired categories visually, but still keeps notifications and all other functionality for the category intact.

[nathank (Nathan Kershaw)]

@keegan

When I tried muting a category it still appears in the hamburger menu and category boxes

This only occurs (I think) if the user has a topic in one of those categories that is unmuted.

Your component would prevent that occurring, which could be helpful in situations where you really want to suppress the category and keep things tidy.

[jrgong]

Hey keegan,

this component looks exactly like something we need in the future. Our use case is very specific in which we want to hide sub-categories from one specific parent category.

In combination with the code snippet from here this might achieve exactly what we are looking for:

Hide subcategories without hiding their topics in topic list?

Yeah, there was an issue with how the category was set that I missed locally. I edited the snippet above, and it should work now. The snippet above allows you to set the categories you want this to work on. If you want it to work on all categories, you’d use something like this. <script type="text/discourse-plugin" version="0.8"> const { on } = require("discourse-common/utils/decorators"); const useParentCategory = function () { const parentCategory = this.attrs.topic.category.parentC…

[Heliosurge (Dan DeMontmorency)]

Hi this seems to be broken after latest discourse update.

[keegan (Keegan George)]

@Heliosurge Thanks for letting me know, will fix this as soon as I can and will post an update here.

[keegan (Keegan George)]

Hey @Heliosurge,

The issues with the theme component are now fixed. It should be working correctly now.

[Heliosurge (Dan DeMontmorency)]

Thank you Keegan. An interesting idea as had posted a help topic as had used css prior to accomplish this.

One member @manuel had given me a great piece of css as I was using this to hide many subcategories so only Parents show in hamburger.

So as a Though maybe adding a toggle to hide just subcategories.

.hamburger-panel .category-link.subcategory {
      display:none;
}

This setting can make things very convenient if ppl have alot of subs to hide.

[keegan (Keegan George)]

@Heliosurge

Sounds very convenient! Thanks! I’ve added that now to this theme component, so you can now toggle the ability to hide subcategories in the hamburger menu and/or category-list context.

FEATURE: Ability to hide subcategories in hamburger & list contexts

[Heliosurge (Dan DeMontmorency)]

Awesome! Thank you keep up the fantastic work.

[huynhthai824 (Sora &\)]

مرحباً @keegan
هل يمكننا إخفاء الفئة في القائمة العلوية؟
شكراً لك!

[carbonrich (Richard Hawkins)]

أتلقى الخطأ التالي عند التثبيت (على 3.1.0beta3):

Error: expected “]”. ┌──> /tmp/discourse_theme_526e702e5adb76bf8137c869c5f6d389/discourse-category-hider/stylesheets/mobile/categories.scss 6 │ [data-category-id=‘#{$box}’] { │ ^^^^ ╵ ╷ 1 │ [data-category-id=“str-split(, "|")”] │ ━ error in interpolated output ╵ mobile/categories.scss 6:26 @import /var/www/discourse/mobile.scss 1:993 root stylesheet

[Lilly (Lillian Louis)]

نعم، سيكون هذا مفيدًا باستثناء أن التثبيت معطل الآن لأحدث إصدار من Discourse.

[keegan (Keegan George)]

@carbonrich

أحصل على الخطأ التالي عند التثبيت (على 3.1.0beta3):

@Lilly

نعم، سيكون هذا مفيدًا باستثناء أن التثبيت معطل الآن لأحدث إصدار من Discourse.

لقد قمت للتو بنشر إصلاح، يرجى محاولة التثبيت مرة أخرى/تحديث المكون.

@huynhthai824

هل يمكننا إخفاء الفئة في القائمة العلوية؟

لقد أضفت هذه الميزة للتو. يمكنك الآن إضافة اسم الفئة إلى إعداد السمة category_breadcrumb لإخفاء فئات معينة من القائمة المنسدلة لمسار الفئة.

[huynhthai824 (Sora &\)]

عذرا، ولكن ليس هناك تأثير

هل أنا على حق؟

[keegan (Keegan George)]

تأكد من استخدام اسم الفئة لهذا، وليس اسم الفئة المختصر.

[huynhthai824 (Sora &\)]

شكرا لك،
نجاح،
الجميع، لاحظ الأحرف الكبيرة أو الصغيرة

[martyn_thomas]

مرحباً

تعمل هذه المكونة بشكل جيد في شاشة الفئة القياسية وشريط التنقل، ولكن:

إنها لا تزيل الفئات من قائمة الهامبرغر، إلا إذا تم تعيين الشريط الجانبي إلى الوضع القديم.

هل هناك طريقة لإخفاء الفئات في الشريط الجانبي/قائمة الهامبرغر القياسية؟

لقد جربت إعداد “قائمة هامبرغر للفئة”، لكن لا يبدو أنني تمكنت من جعلها تعمل.

شكراً

[Lilly (Lillian Louis)]

مرحباً @martyn_thomas

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