what does “icon” stand for in settings?
Is it exact name of some icon from svg site? How do I get the exact name?
إعجاب واحد (1)
That could indeed be a great improvement!
إعجاب واحد (1)
I think I have a problem on my forum as the icons are specified as white, while background is white on categories page
Could I enforce different background here, as it is used for subcategories?
إعجابَين (2)
I’m looking at the code and trying to fix the following two issues, but I’m stuck on the second one.
Category icon list is not applied in category view (with Show subcategory list above topics in this category)
I managed to fix this one by replacing line 112 in header.html
if(iconItem && !attrs.category.parent_category_id) {
with
if (iconItem) {
and adding the following code to common.scss
.subcategory .category-icon-widget {
display: none;
}
Category lock icon next to category doesn’t change to new svg
Categories view:
Category view (with Show subcategory list above topics in this category):
I think this is the relevant code:
let classNames = "badge-category clear-badge";
if (restricted) {
classNames += " restricted";
}
...
html +=
`<span ${style} ` +
'data-drop-close="true" class="' +
classNames +
'"' +
(description ? 'title="' + escapeExpression(description) + '" ' : "") +
">";
which adds restricted class to a <span> with classes badge-category clear-badge which controls the subcategory lock icon display, but I cannot figure out how to also apply this to <div> with class category-text-title which controls category lock icon display.
إعجابَين (2)
Any chance that it will anytime soon? For some reason the categories boxes view also doesn’t display the colour blob or the lock icon so it might be outside this component’s control…
إعجاب واحد (1)
لا يزال من غير الممكن بالنسبة لي “فهم” ما الخطأ في اللون،
هل يمكن لأحد أن يساعدني وأين كان خطئي؟
والنتيجة
إعجاب واحد (1)
خطأ @pmusaraj
يجب أن تكون أوصاف الفئات الفرعية (وعناوينها) فريدة فقط ضمن الفئة الأصلية الخاصة بها.
لكن تُستخدم الأوصاف كمفتاح للعثور على الأيقونة في هذا المكون.
وبالتالي، إذا كان لديك فئتان فرعيتان تحت فئتين أصليتين مختلفتين ولهما نفس الوصف، فسيتم تطبيق الأيقونة عليهما معًا.
وبصراحة، أعتقد أن هذه في الواقع مشكلة في نظام Discourse، حيث يجب أن تكون الأوصاف فريدة عبر مثيل Discourse بأكمله، لكنها ليست كذلك.
هل من الممكن إصلاح هذا داخل المكون؟
إعجاب واحد (1)
لا أفهم سبب الحاجة إلى أن تكون الأسماء المستعارة فريدة على مستوى العالم، بينما، حسب علمي، ليس لها نطاق عالمي أبدًا. هل يمكنك شرح ذلك؟
ملاحظة: لقد رأيت موضوعك الجديد الذي يطرح سؤالًا حول سبب عدم كونها فريدة.
إعجاب واحد (1)
على سبيل المثال، تستخدم مكون أيقونات التصنيف (Category Icons Component) الرمز التعريفي (slug) لتحديد التصنيف الذي يجب ربط الأيقونة به. كيف يمكن للمسؤول أو المستخدم تحديد تصنيف فرعي بشكل فريد؟ هل يجب عليهم استخدام المسار “التصنيف-الفرعي” (أو “الوالد-الطفل-الحفيد” عند إصدار هذا التحسين)؟ يبدو هذا الأمر مرهقًا بعض الشيء.
إعجابَين (2)
من المرجح أنه يمكن للمكون إزالة تكرار الفئات الفرعية التي تحمل نفس الاسم المستعار (slug) تحت أبويّ مختلفين، لكن ذلك سيتطلب طريقة لتمرير اسم المستعار للفئة الأب في إعدادات المكون. وبصراحة، أعتقد أن هذا الحل لن يكون أنيقًا للغاية.
هل يمكنك تجربة تغيير الاسم المستعار (slug) لأحد الفئتين اللتين يحملان نفس الاسم المستعار؟ هل هناك سبب يمنعك من القيام بذلك (فقط الاسم المستعار يحتاج إلى تغيير، وليس اسم الفئة)؟
3 إعجابات
نعم، يبدو أن هذا هو الحل الأنسب، نظرًا لأن الـ slugs الخاصة بالفئات الفرعية في فئات أصلية مختلفة لا يجب أن تكون فريدة.
ومع ذلك، يمكن تحويل ذلك إلى ميزة مفيدة. على سبيل المثال، إذا كان لديك فئات تعتمد على المجموعات، وكثير منها يحتوي على منتديات للمساعدة والإعلانات كفئات فرعية، فيمكنك بسهولة إعداد أيقونة مساعدة مشتركة لجميع فئات المساعدة، وأيقونة مشتركة لجميع فئات الإعلانات باستخدام إدخالين فقط. وستلتقط أي فئات فرعية جديدة تحمل علامة “المساعدة” الأيقونة تلقائيًا.
في استخدامنا، ذهبتُ إلى أبعد من ذلك وجعلتُ الأمر خيارًا للمطابقة الجزئية للـ slug، بحيث يتطابق إدخال مثل “help,question-mark,#000080,false” مع “sw-help” و"help-forum" و"helpdesk".
العنصر الإضافي “false” في نهاية الإدخال يخبر النظام بعدم فرض مطابقة دقيقة.
لدي أيضًا خيار تحديد اللون كـ “catcol”، وفي هذه الحالة ستأخذ الأيقونة لون الفئة بدلاً من استخدام لون محدد منفصل.
اقتراحان للإدراج في تحديث لك.
3 إعجابات
أعتقد أن المكون استخدم المطابقة الجزئية في مرحلة ما، مما أربك بعض المستخدمين الذين كانوا يريدون أيقونة لكلمة “book” وليس لكلمة “booking”. ولكن مع وجود خيار لتفعيل أو إيقاف هذا السلوك لكل إعداد على حدة، سيكون هذا مفيدًا جدًا. (ربما يمكنك استخدام partial-match بدلاً من false كعنصر أخير، ليكون الأمر أسهل في الفهم.)
هذه إضافة رائعة.
سأكون سعيدًا بمراجعة طلب دمج (PR) لأي من هاتين الميزتين. شكرًا لك!
5 إعجابات
تم دمج https://github.com/pmusaraj/discourse-category-icons/pull/5، شكرًا لك @rogerco!
3 إعجابات
لقد واجهتُ مشكلةً بسيطةً فيما يتعلق بخيار لون الفئة، وذلك عندما تكون الإعدادات تستخدم نقاطًا أو مربعاتً بدلاً من الأشرطة. لقد قمت بإنشائه فقط لخيار الأشرطة في الإعدادات، وفي الخيارات الأخرى يعود إلى اللون الرمادي. أعتقد أنه يمكن إصلاحه إلى حد كبير باستخدام CSS، لكنني لم أحلّه بعد - وسأفعل!
3 إعجابات
شكرًا لك على هذا القالب الرائع @pmusaraj! 
أود استخدام أيقونة التعليقات، لكنني لست معجبًا جدًا بالإصدار الممتلئ. عندما أستخدم comments، يظهر الإصدار الممتلئ. عادةً ما يُقدَّم الإصدار الممتلئ على شكل “fas fa-comments”.
ماذا لو أردت استخدام الإصدار العادي الذي يُقدَّم عادةً على شكل “far fa-comments”؟
من بين الاختلافات التالية، هناك بعض الاختلافات التي تتطلب اشتراكًا مدفوعًا. هل هناك طريقة لاختيار اختلافات مختلفة، أم أن الإصدار الممتلئ هو الوحيد المتاح؟
3 إعجابات
لقد أضفت إلى سمة بلدي، على النحو التالي:
- $icons-sprite: icons8-chat.svg
كيف يمكنني الآن إضافة هذا إلى إعدادات السمة؟ إليك ما حاولت فعله…
إعجابَين (2)
استخدم “far-comments” في كلا الإعدادين، على هذا النحو:
الإصدارات المدفوعة غير متاحة للجمهور، لذا لا يمكننا تضمينها في Discourse. إذا سمحت ترخيصاتها، فيمكنك إضافتها كـ SVG sprite مخصص في نسختك. توجد تعليمات كاملة لذلك في مقالة إدخال Font Awesome 5 وأيقونات SVG، اقرأ بعناية قسم “إضافة أيقونات مخصصة”.
4 إعجابات
شكرًا لك على المساعدة في هذا! إضافة far-comments إلى كلا المنطقتين عملت بشكل مثالي!
هل يمكنك إلقاء نظرة سريعة على هذا السؤال الآخر الذي طرحته (ردًا على أحد تعليقاتك الأخرى في هذا الموضوع)…
إعجاب واحد (1)
مرحبًا، يا له من مكون موضوع رائع! أواجه صعوبة في إضافة Font Awesome أو رفع الأيقونات باستخدام رفع أيقونات sprite. أستطيع فقط إظهار question-circle. ما الخطأ الذي أقوم به؟ هل أحتاج إلى إضافة أكواد CSS؟
الصور أدناه
و
تظهر أسماء Font Awesome دائمًا أنها غير موجودة وتطلب الإنشاء؟ جربت الاسم المباشر والبادئة، مثل bullhorn أو fa-bullhorn.
تحديث: نجحت في جعل Font Awesome يعمل. وجدت أيقونة SVG في الإعدادات لإضافتها، لكنها لا تستخدم إعدادات اللون كما هو الحال مع question-circle.
أود استخدام أيقونات SVG مخصصة، لكنني بحاجة إلى شرح مبسط للمبتدئين حول كيفية القيام بذلك.
إعجاب واحد (1)
عند النظر إلى الموقع في ملفك الشخصي، أرى أيقونات للفئات، لذا ربما تكون قد حللت هذه المشكلة بالفعل؟ إذا لم يكن الأمر كذلك، فمن الصورة الملتقطة أعلاه، أعتقد أنك بحاجة إلى التأكد من أن ملف SVG في icons-sprite هو ملف SVG Sprite (وليس أيقونة فردية). لمزيد من التفاصيل، راجع: Replace Discourse's default SVG icons with custom icons in a theme
6 إعجابات