نمط فئة التصويت البديل

يوفر مكون السمة هذا تنسيقات بديلة لأي فئات محددة تستخدم إضافة التصويت في Discourse.

التثبيت

رابط المستودع
https://github.com/discourse/discourse-alternative-voting-category-style

إذا لم تكن معتادًا على مكونات السمة وطريقة تثبيتها، فاطلع على دليل تثبيت السمة. وإذا كنت ترغب في معرفة المزيد عن سمات Discourse، فتصفح هذا الدليل.

معاينة

preview2558×1286 133 KB

الفكرة العامة مستوحاة من هذا النموذج الأولي الذي أنشأه @erlend_sh.

ميزات بارزة

• عرض مدمج
• عداد أصوات أكثر بروزًا
• أيقونة ملونة تشير إلى أنك صوتت في الموضوع

الإعدادات

هناك إعداد واحد حاليًا يُستخدم لتحديد الفئات التي سيتم تطبيق النمط عليها:

voting-settings1462×337 27.4 KB

تخصيصات إضافية

إذا كنت ترغب في تخصيص مظهر وسوم معينة داخل موضوع التصويت الخاص بك (انظر وسم “قيد التنفيذ” في صورة المعاينة أعلاه)، فيمكنك إنشاء مكون إضافي وتعديل كود CSS التالي ليناسب احتياجاتك:

.voting-category.list-container {
    .topic-list-item:not(.about-topic) {
        // تنسيق عام لجميع الوسوم المدرجة
        [data-tag-name="in-progress"],
        [data-tag-name="my-tag-one"],
        [data-tag-name="my-tag-two"] {
            font-weight: bold;
            text-transform: uppercase;
            font-family: Trebuchet MS;
        }
        // تنسيق محدد للوسوم الفردية
        [data-tag-name="in-progress"] {
            color: #9e63d0;
        }
        [data-tag-name="my-tag-one"] {
            color: #5bd04a;
        }
        [data-tag-name="my-tag-two"] {
            color: #5f5dd0;
        }
    }
}

المستقبل

الشيء الوحيد الذي قد تلاحظ أنه مفقود من النموذج الأولي الأصلي هو مقتطف من الموضوع تحت عنوانه. سيتطلب هذا الميزة تغييرات في النواة أو إضافة التصويت، وسيتعين الانتظار بذلك حاليًا.

كما هو معتاد، يرجى إخباري إذا واجهت أي مشاكل.

شكرًا كبيرًا لـ @simon و @erlend_sh على عملهم معي في هذا

Great theme component! One thing I found was that the unlisted icon is not fitting into your design. The topic title is overlapping it.

Thanks for the quick feedback! I will try to get that fixed a little later today

Edit: @Sean_R I just pushed a quick fix. I may try to tinker with it a little more to get it even better, but there shouldn’t be any more overlap!

Looks good now

I also had to change the CSS to make the topic list wider.

Was

.voting-category.list-container {
  max-width: $small-width;

Changed to

.voting-category.list-container {
  max-width: $large-width;

Thanks for confirming that is fixed!

The smaller width was based on the original design. The rationale was that there was so little information displayed on each topic row that it would look odd at full width. I can imagine some people might feel the opposite - that the smaller width looks odd. A width option to toggle via a theme setting would be an easy addition. I’ll add that to my to-do list with this.

This component has been updated! The changes include:

• Support for font awesome changes
• Additional setting to toggle between small-width and large-width

Does this component still work?

I use an instance of free.discourse.group and am looking for an alternative for the Discourse Vote Plugin

The component still works, but it is meant to be used alongside the voting plugin, not instead. It only provides an alternative style option for the voting plugin.

Ah, now I get it, thanks for your attention

هل لا يزال هناك شخص يستخدم هذا بنشاط؟ جربته مع الإصدار الحالي من إضافة التصويت (0.5)، وتبدو جيدة جدًا، لكنها لا تبدو وظيفية بعد الآن - على الأقل في نسختنا.

هل يمكنك توضيح ما الذي لا يعمل؟ لقد جربته للتو ويبدو أن كل شيء يعمل بشكل صحيح. نود التنويه إلى أن هذا المكون مخصص للتنسيق فقط في الوقت الحالي. لا يمكنك التصويت مباشرة من قائمة المواضيع.

شكرًا لك على الرد الفوري!!!

أولاً

ملاحظة: هذا المكون مخصص للتنسيق فقط في الوقت الحالي. لا يمكنك التصويت مباشرة من قائمة المواضيع.

حسنًا، لم أكن أدرك ذلك. ظننت أنه سيتيح بالضبط ذلك: التصويت من قائمة المواضيع. جيد أن أعرف هذا. سأحتاج إلى إعادة التقييم إذن.

ثانيًا
لا يبدو أنه يعرض البيانات/الأصوات الفعلية. إليك صورتين: إحداهما مع تفعيل النمط والأخرى مع تعطيله.

صورة شاشة 2020-10-07 الساعة 21.47.41|690x218، 100%1770×560 16.5 KB

صورة شاشة 2020-10-07 الساعة 21.51.152298×526 52.4 KB

كنت أشك في وجود تعارض مع السمة المستخدمة، ولكن حتى عند استخدام سمة أخرى، يبدو أن المشكلة لم تُحل.

حسناً، لقد جربته للتو على موقع محدّث ولا أواجه أي مشاكل في عداد الأصوات أو مؤشر “لقد صوتت”:

Screen Shot 2020-10-07 at 1.09.23 PM2302×1092 145 KB

هل يمكنك التحقق من وجود أي أخطاء في وحدة تحكم المتصفح؟ هل جربت استخدام سمة افتراضية جديدة تماماً دون إضافة أي مكونات أخرى أو تخصيصات؟

يجب أن تتمكن من إضافة قاعدة CSS إلى سمة/مكون ما لإصلاح هذا الأمر. لم أقم بتثبيت إضافة التقييمات لاختبار ذلك، لكنني أعتقد أنه يجب أن يكون شيئًا مثل:

.rating-list {
  margin-left: 65px;
}

أنا أعمل حاليًا على هذا المكون (لم يتم لمسه منذ فترة طويلة!)، لذا سأرى ما إذا كان بإمكاني جعل أي محتوى مخصص لقائمة المواضيع يتم وضعه بشكل صحيح افتراضيًا.

ممتاز، شكرًا لك

لقد قمت بتثبيت مكون السمة هذا وتم تمكينه في فئتين. تبدو إحداهما بها خلل، وتبدو الأخرى جيدة. الفرق هو أن اسم الفئة يظهر في القائمة، ويتداخل مع عدد الأصوات. الفرق الوحيد الذي يمكنني التفكير فيه هو أن الفئة التي بها الخلل لديها فئات فرعية، بينما الأخرى ليس لديها.\n\nبها خلل، ولديها فئات فرعية:\n

image878×278 17.7 KB

image840×280 17.9 KB

شكراً على التقرير! إذا قمت بتحديث المكون، يجب أن تحصل على الإصلاح التالي:

شكراً جزيلاً على هذه الاستجابة فائقة السرعة! الإصلاح يعمل.

ملاحظة: يرجى إضافة وسم #voting، فهذه المكونات جيدة جدًا لدرجة أنه لا ينبغي إخفاؤها.

هل يوجد مكون سمة يجعل مؤشر التصويت على المواضيع الفردية بنفس المظهر؟

يقوم هذا المكون أيضًا بإخفاء الأعمدة التي تعرض المشاركين والمشاهدات ووقت النشاط. قد يكون من الجيد فصل ذلك، بحيث يمكن للمرء تمكين تغيير نمط التصويت بسهولة دون إخفاء تلك أيضًا؟

أو - انقل

  .posters,
  .views,
  .activity {
    display: none;
  }

إلى داخل @if $use_compact_width == \"true\" {
؟