تعديل DirectoryTables

مطور
1

أعلم أن هذا غبي قبل أن أسأل، لكنني أقبل أنني غبي أيضًا.

كيف أقوم بتعديل هذا في سمة مخصصة:

<DirectoryTable
              @items={{this.model}}
              @columns={{this.columns}}
              @showTimeRead={{this.showTimeRead}}
              @order={{this.order}}
              @asc={{this.asc}}
            />

(تعديل) الهدف سيكون تغيير هذا إلى، ربما.. صفوف وأعمدة مع عناصر div.

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

قبل أن ترد يا كريس، أقدر وقتك.

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

توقيت جيد! هذا الأسبوع بدأت في تحديث الدليل للانتقال من <table> إلى تخطيط <div> أكثر مرونة يعيد إنشاء تخطيط الجدول باستخدام CSS grid. لذا إذا كان بإمكانك الانتظار أسبوعًا أو أسبوعين، فيجب أن يكون هذا هو الإعداد الافتراضي الجديد.

بخلاف ذلك، سيتعين عليك تجاوز القالب الافتراضي الخاص بنا هنا من داخل سمة. لدينا بعض التفاصيل حول تجاوزات القوالب في Developing Discourse Themes & Theme Components

إعجابَين (2)
4

هذا بالضبط ما كنت أحتاجه، شكراً جزيلاً لك!

5

الترتيب حسب الموقع؟ عرض أقرب الأعضاء أولاً؟ :innocent:

6

لقد قمت بتثبيت السمة المخصصة الخاصة بي، وقمت بتعديل هذا الملف: “discourse/app/assets/javascripts/discourse/app/components/directory-table.hbs at ba3f62f576068035bc8fbda615e595960cd4520c · discourse/discourse · GitHub”، وتحققت من التحديثات وقمت بتثبيتها، لكنني لا أرى أي تغييرات. لقد أضفت فئة إلى “directory-table-container” كاختبار. هل أحتاج إلى إعادة بناء الحاوية؟

موقع الملف المعدل:
$theme/javascripts/discourse/app/components/directory-table.hbs

7

إذًا، لقد اكتشفت الجدول وعناصر td، ولكن أين توجد عناصر tr بالضبط؟

8

تم دمج هذا العمل المذكور سابقًا في Discourse، ولم نعد نستخدم table لجداول المستخدمين ونستخدم الآن مزيجًا من div و CSS grid

سيتعين عليك التحقق من مكون DirectoryItem، والذي يوجد هنا: https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/components/directory-item.hbs

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

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.