استخدام معلومات الخطاب والحسابات الأساسية في CSS مخصص؟

مرحباً بالجميع،

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

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

إعجاب واحد (1)

يمكنك البدء من هنا:

<script type="text/discourse-plugin" version="1.4.0">
    api.modifyClass("component:topic-list", {
      pluginId: "returnTopicList",
      didInsertElement: function() {
        this._super();
        console.log(this.topics);
      }
    });
</script>

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

إعجاب واحد (1)

أهلاً @Canapin،

شكراً على المساعدة! أنا جاهل تماماً بكيفية عمل جافاسكربت في Discourse، هل يمكنك شرح ما يفعله/كيف يعمل وكيف أتعامل معه؟

لقد بحثت عن مكان يمكنني من خلاله التعرف على كيفية عمله، هل لديك أي اقتراحات أيضاً؟

إعجابَين (2)

لمزيد من السياق، أحاول الحصول على عدد المواضيع في كل فئة لسحبها من Discourse واستخدامها في الجدول لـ Discuss1-4. إذا أمكن، أود أيضًا فرز الفئة الفرعية للموضوع من A-F. كل ما أريده هو أن يتم تحديثه عند نقل موضوع ما حتى لا أضطر إلى القيام بذلك يدويًا.
آمل أن أكون قد وصفت هذا جيدًا ولا تتردد في طلب توضيحات :slight_smile:

(اعتذار عن فوضى الجدول)

إعجاب واحد (1)

لا أفهم تمامًا ما تريد تحقيقه. أين تريد عرض هذه الطاولة؟ في صفحة جديدة أم صفحة موجودة؟
ماذا تعني A B C D E F؟ ماذا تعني مناقشة 1 إلى 4؟ هل هي فئات؟
هل تحتاج إلى العدد الإجمالي للمشاركات من كل فئة؟

إعجاب واحد (1)

حسنًا، دعني أحاول إعادة صياغتها لأنني ارتكبت خطأ بسيطًا في تسمية العلامات بالفئات الفرعية.

إذًا، دعنا نجعل المناقشة 1-4 = الفئة 1-4
وستكون A-F للـ علامات

لذا، دعنا نتظاهر بأن الجدول فارغ. أقوم بإنشاء موضوع جديد تحت الفئة 1 وأضيف علامة ‘A’. الآن يجب أن يعرض الجدول موضوعًا واحدًا بجوار الفئة 1 وتحت ‘A’:

في حال قمت بإزالة العلامة ‘A’ وتعيين العلامة ‘C’، سيتم تحديث الجدول وفقًا لذلك.

هل هناك طريقة للقيام بذلك؟

إعجاب واحد (1)

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

إعجابَين (2)

لغة CSS سطحية للغاية لهذا الغرض. إنها لغة تنسيق للمساعدة في التخطيط والمظهر والإحساس.

ما تريده هو حل شامل باستخدام Rails لحساب بياناتك وتلخيصها وتسلسلها، و Ember JavaScript لاستقبال البيانات وتقديمها بشكل جيد في مسار، و CSS لتنسيقها حسب الحاجة. يمكنك حتى استخدام مكتبة D3 لإنشاء تصور جميل بشكل خاص.

ألقِ نظرة على إضافاتي Word Cloud أو Network Vis التي تفعل كل هذا بالضبط. قم بتعديلها لتناسب متطلباتك.

4 إعجابات

أود أن يتم عرضه لكل مستخدم

إعجاب واحد (1)

رائع! سأتحقق من هذا

إعجابَين (2)

مرحباً @merefield،

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

إعجاب واحد (1)

بالتأكيد ستحتاج إلى إنشاء حسابك المخصص، ولكن ما شاركته كان هيكلًا مناسبًا يتجاوز جميع الأجزاء الصحيحة للهندسة المعمارية.

ما تفعله به متروك لك…

إعجابَين (2)