الهاشتاجات تحصل على #تجديد

إعلانات
,
1

لطالما دعمت Discourse ربط الفئات (Announcements) والعلامات (release-notes) باستخدام علامات التصنيف (#). مع تقديم Discourse Chat، أردنا أن نكون قادرين على ربط قنوات الدردشة باستخدام علامات التصنيف، مما تطلب بعض التعديلات على كيفية عمل النظام للسماح باقتراح القنوات مع الإكمال التلقائي وأيضًا للطبخ في المنشورات ورسائل الدردشة. قررنا أيضًا استغلال الوقت لتعديل تصميم قائمة الإكمال التلقائي وعلامات التصنيف المطبوعة.

ملخص التغييرات المضمنة في هذا التعديل:

  • القدرة على البحث عن قنوات الدردشة إذا كانت الدردشة ممكّنة لديك
  • نتائج البحث عن علامات التصنيف تعطي الأولوية للمطابقات الدقيقة بناءً على الاسم المستعار (slug)، واعتمادًا على ما إذا كنت تستخدمها في منشور أو رسالة دردشة، فإننا نعطي الأولوية لأنواع مختلفة من النتائج (على سبيل المثال، الفئات في الأعلى في المنشور، ولكن القنوات في الأعلى في الدردشة)
  • يتم عرض أيقونة مميزة لكل نتيجة
  • نمط جديد لعلامات التصنيف المطبوعة التي تتضمن الأيقونة المميزة

نتائج الإكمال التلقائي الجديدة:

image
image574×434 20.8 KB

النمط الجديد المطبوع للإكمال التلقائي لعلامات التصنيف، والذي يتطابق بشكل وثيق مع نمط @mention.

image
image1567×376 51.4 KB

يمكنك الاشتراك لاستخدام هذا الإصدار الجديد من الإكمال التلقائي لعلامات التصنيف والطبخ عن طريق تمكين إعداد الموقع enable_experimental_hashtag_autocomplete على موقع Discourse الخاص بك:

image
image1493×163 18.7 KB

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

تم تمكين هذه الميزة الآن على Discourse Meta أيضًا :sparkles:

42 إعجابًا
2

مثال لهذه الهاشتاجات الجديدة على ميتا. لماذا لا تلقي نظرة على #announcements؟ أو تقرأ بعض release-notes!

12 إعجابًا
3

تم تقسيم 23 مشاركة إلى موضوع جديد: إضافة ألوان وتنسيق فئات فرعية إلى إشارات الفئات والدردشة

5

إليك مثال سريع لما يبدو عليه الربط بقناة دردشة من منشور: #general::channel

وهنا مثال سريع لما يبدو عليه الربط بقناة دردشة من قناة دردشة أخرى:

7 إعجابات
21

تم فصل مشاركة إلى موضوع جديد: تغيير علامات التصنيف الحالية إلى التصميم الجديد

22

تحديث هنا – لقد جعلنا هذا هو الإعداد الافتراضي لجميع المواقع، بعد إجراء بعض التغييرات حول كيفية معالجة علامات التصنيف. نعرض الآن أيضًا ألوانًا للأيقونات بما في ذلك نمط الفئة الفرعية الأصلي :rainbow: :

Support Feature #general::channel Announcements > Blog

قريبًا سيتم حذف الكود القديم الذي يشير إلى نظام علامات التصنيف السابق أيضًا.

16 إعجابًا
23

يبدو هذا جيدًا جدًا. ولكن كيف يعمل هذا بالنسبة للأشخاص المكفوفين؟ أعتقد أن

accessibility General #general::channel #documentation:devs

قد يفتقر إلى تسميات aria… إليك معاينة HTML المطابقة.

<p dir="ltr">
<a class="hashtag-cooked" href="/tag/accessibility" data-type="tag" data-id="109" data-slug="accessibility" tabindex="-1">
  <svg class="fa d-icon d-icon-tag svg-icon hashtag-color--tag-109 svg-string" xmlns="http://www.w3.org/2000/svg">
    <use href="#tag"></use>
  </svg>
  <span>accessibility</span>
</a> 
<a class="hashtag-cooked" href="/c/general/124" data-type="category" data-id="124" data-slug="general" tabindex="-1">
  <span class="hashtag-category-badge hashtag-color--category-124"></span>  
  <span>General</span>
</a> 
<a class="hashtag-cooked" href="/chat/c/general/508" data-type="channel" data-id="508" data-slug="general" tabindex="-1">
  <svg class="fa d-icon d-icon-comment svg-icon hashtag-missing svg-string" xmlns="http://www.w3.org/2000/svg">
    <use href="#comment"></use>
  </svg>
  <span>general</span>
</a> 
<a class="hashtag-cooked" href="/c/documentation/devs/56" data-type="category" data-id="56" data-slug="devs" tabindex="-1">
  <span class="hashtag-category-badge hashtag-color--category-56"></span>
  <span>developers</span>
</a>
</p>
7 إعجابات
24

شكراً لملاحظتك، هذه نقطة رائعة. على الأقل بعض aria-labels على كل هاشتاج في محلها. سأحاول الحصول على التزام بهذا هذا الأسبوع.

7 إعجابات
28

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

شيء كهذا؟ لم أجربه!

./launcher enter app
rake posts:rebake
إعجابَين (2)
29

أعتقد أن هذا يستهدف بشكل أكبر:

لست متأكدًا من جزء bundle exec مع ذلك. لا أعرف ما إذا كان ذلك مطلوبًا لموقع مباشر؟

5 إعجابات
30

بدون bundle exec، يبدو أنه يعمل على موقع إنتاجي :slight_smile:

root@Canapin-app:/var/www/discourse# rake hashtags:mark_old_format_for_rebake
Finding posts matching old format, this could take some time...
[!] You are about to mark 0 posts containing hashtags in the old format to rebake. [CTRL+c] to cancel, [ENTER] to continue

Done, rebakes will happen when periodical updates job runs.
6 إعجابات