تحميل المواضيع في منفذ إضافة جديد قمت بإضافته

مطور
1

مرحبًا. أحاول تمرير قائمة من الموضوعات إلى {{topic-list topics=myChosenTopics}} في قالب جديد أنشأته في إضافة.

لذلك أحاول معرفة كيفية تعيين قيمة “myChosenTopics” في ملف الجافاسكريبت الخاص بي بحيث يمكن تمريرها إلى topic-list.

أقرب ما وجدته هو طريقة setupComponent(args, component) {..component.set('myChosenTopics', myChosenTopics); الموضحة هنا: https://meta.discourse.org/t/how-to-add-a-featured-topic-list-to-your-discourse-homepage/132949.

هل توجد طريقة أفضل؟

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

2

أعتقد أنني نجحت في جعل هذا يعمل. الهدف: تحميل مواضيع معينة في مكان محدد في قالب جديد (على الأرجح يعمل أيضًا لإضافتها إلى القوالب الموجودة، لكنني لم أختبر ذلك):

  1. قم بإدراج منفذ إضافة اختراعك الخاص في القالب الخاص بك (منفذ الإضافة الذي اخترعته يسمى “great-topics”، مثل):

{{plugin-outlet name="great-topics"}}

  1. أضف كود Handlebars (أي المكون الخاص بك) في موصل:

[your-plugin]/assets/javascripts/discourse/connectors/great-topics/new-component.hbs

<div>أنا داخل منفذ الإضافة! قم بتحميل المواضيع:</div>
{{topic-list topics=featuredTopics showPosters=true}}
  1. أضف كود جافا سكريبت للمكون الموجود في موصلك الجديد:

[your-plugin]/assets/javascripts/discourse/connectors/great-topics/new-component.js.es6
[تم تكييف هذا الكود من منشور ميتا التالي الذي يحتوي على كود لتحميل المواضيع التي تحمل الوسم “featured”: https://meta.discourse.org/t/how-to-add-a-featured-topic-list-to-your-discourse-homepage/132949]

const ajax = require('discourse/lib/ajax').ajax;
const Topic = require('discourse/models/topic').default;

setupComponent(args, component) {
 ajax("/tag/featured.json").then(function (result) {
                 
   let featuredTopics = [];
   // إنشاء مصفوفة فارغة، سنضيف المواضيع إليها

   var featuredUsers = result.users;
   // الحصول على المستخدمين ذوي الصلة

   result.topic_list.topics.slice(0, 4).forEach(function (topic) {
   // نقوم باستخراج المواضيع بدءًا من 0 وانتهاءً بـ 4
   // هذا يعني أننا سنعرض 3 مواضيع إجمالاً. زد الرقم 4 لعرض المزيد.

     topic.posters.forEach(function (poster) {
        poster.user = $.grep(featuredUsers, function (e) { return e.id == poster.user_id; })[0];
                        });
         // ربط المستخدمين بموضوعنا

      featuredTopics.push(Topic.create(topic));
        // إضافة مواضيعنا إلى مصفوفة featuredTopics
     });
   }) //نهاية result.topic.topic_list...
                    
component.set('featuredTopics', featuredTopics);  //هنا تتم إضافة المواضيع إلى المكون
 
component.set("loadingTopics", false); //الكود أعلاه لا يحتوي على مؤشر تحميل. لكن هذا موجود في حال رغبت في إضافة مؤشر تحميل. يجب إضافته إلى ملف hbs أيضًا. انظر المنشور المرتبط في ميتا أعلاه

  }); //نهاية ajax 


 }//نهاية setup component

هذا يعمل معي، على الأقل، لتحميل المواضيع التي تحمل الوسم “featured” في منفذ الإضافة في قالب الجديد.

لرؤية هذا يعمل، سيتعين عليك إعادة تشغيل الخادم.

3

هذه الفكرة تبدو مثيرة للاهتمام.