أعمل على نموذج أولي لمكون شريط تقدم.
كان الغرض الأولي هو وجود شريط تقدم للتبرعات ليراه المستخدمون في منتداي، حيث يتم دفع رسوم الخوادم من قبل مستخدمينا، عبر حسابي على ko-fi.com.
في كل مرة يتم فيها تقديم تبرع عبر ko-fi، يرسل ko-fi طلبًا إلى برنامج PHP قمت بإنشائه، والذي يقوم بتشغيل طلب لتحديث إعداد المبلغ الحالي في Discourse.
جزء برنامج PHP ليس متعلقًا مباشرة بالمكون، وأود مكونًا يمكن استخدامه للعديد من الأغراض الأخرى.
ليس لدي المعرفة لإنشاء مكون متقن، لكن أعتقد أنه قد يثير اهتمام بعض الأشخاص الآخرين هنا، لذا إذا كنت تفكر في ميزات مثيرة للاهتمام، أو تعرف شيفرة أفضل مني وتعتقد أنه يمكن تحسينها وجعلها أكثر كفاءة، فلا تتردد في المشاركة
يتم ضبط شريط التقدم وكذلك الأرقام عبر CSS.
تستخدم الأرقام خاصية CSS content لأنني لم أكن أعرف كيفية تحديثها في الوقت الفعلي بطريقة أخرى.
ما أود إضافته:
تعطيل المكون أو إخفاؤه تلقائيًا عند الوصول إلى المبلغ المطلوب
أوصاف لكل إعداد
أشعر أن الشيفرة ليست “بأسلوب ترميز Discourse”. لا تستخدم أي شيء من Discourse. لا أعني أنه يجب عليها ذلك، ولكن ربما يمكن أن تكون طريقة أنظف للقيام بذلك بالإضافة إلى الاستفادة من طرق Discourse الحالية لبعض الميزات الحالية أو المستقبلية.
إذا كنت مهتمًا بمثل هذا المكون، فلا تتردد في مشاركة أي شيء لديك لتقوله عنه