على الرغم من أن هذه الطريقة في القيام بالأشياء ممكنة تقنيًا، إلا أنها ليست النهج المثالي.
بدلاً من استخدام علامات <script> و jQuery $(document).ready، سيكون من الأفضل العمل مع نظام العرض الخاص بـ Ember بشكل صحيح.
للبدء، سيكون من الجيد إنشاء مستودع مكونات سمة (theme component) مع هيكل مجلد مناسب لمكون السمة الخاص بك. ألقِ نظرة على discourse_theme CLI حيث سيقوم بإنشاء هذا الهيكل لك، وسيجعل من السهل عليك تطوير المكون. (بدلاً من ذلك، هناك أيضًا هيكل سمة إذا كنت تحتاج فقط إلى الهيكل وليس أي من الميزات الأخرى لـ theme CLI).
من هنا، سأستخدم الأدوات التي يوفرها Discourse للتوسيع مثل apiInitializers و pluginAPI و plugin outlets، وما إلى ذلك، لتحقيق ما تحاول القيام به.
أفضل طريقة للتعرف على هذه الأشياء هي تصفح أدلة المطورين هنا على Meta (خاصة أقسام السمة/مكون السمة). بالإضافة إلى ذلك، سأقوم بالمرور عبر فئة Theme component والعثور على مستودعات GitHub الخاصة بها. سيساعدك النظر إلى أكوادهم وكيفية تحقيق الأشياء أيضًا.
آمل أن يساعد هذا!