أحاول إنشاء مكون سمة يضيف زرًا مخصصًا للمواضيع الموسومة. على سبيل المثال: المواضيع الموسومة بـ event-tag سيكون لها زر بجوار الفئة يسمى Event والذي سيرتبط بصفحة الفعاليات.
<script type="text/discourse-plugin" version="0.8">
api.modifyClass("component:topic-category", {
didInsertElement: function() {
this._super();
console.log("Welcome to the topics page!")
}
});
</script>
يمكنني الوصول إلى صفحة الموضوع والحصول على استجابة تقول “مرحبًا”، لكنني ما زلت غير متأكد من كيفية سحب علامات الصفحة الحالية لمعرفة ما إذا كان يجب عليّ ملء الزر أم لا.
ووجدت أنه إذا قمت فقط بتسجيل console.log(this)، فقد تمكنت من إخراج جميع البيانات الموجودة على الصفحة، بما في ذلك العلامات. أعتقد أنه يمكنني المتابعة من هنا الآن عن طريق سحب بيانات العلامة الموجودة على الصفحة والتحقق مما إذا كانت موجودة في الإعدادات أم لا. بمجرد أن أقوم بتلميع هذا وأعتقد أنه جاهز للجمهور، سأنشره في فئة مكونات السمات. اعتقدت فقط أنني سأشارك اكتشافاتي في حال كان هناك أي شخص آخر يتعلم كيفية إنشاء مكونات السمات!