prestui

بريستوي: مكتبة واجهة المستخدم لوحدات بريستاشوب

Prestui هي مكتبة واجهة المستخدم لمساعدتك في تطوير واجهات لوحدات بريستاشوب الخاصة بك. يسمح لك بكتابة HTML موجز واحد ، متوافق مع جميع الإصدارات الحديثة من Prestashop (1.5 ، 1.6 و 1.7). سوف تتكيف Prestui تلقائيًا اعتمادًا على إصدار Prestashop يتم استخدام الوحدة النمطية عليها.

على سبيل المثال ، يمكنك الكتابة:

 < ps-switch name =" switch " label =" Switch " yes =" Yes " no =" No " active =" true " > </ ps-switch >

وستحصل تلقائيًا على شيء من هذا القبيل ، HTML صالح لـ Prestashop (1.6+ هنا):

 < div class =" form-group " >
    < label class =" control-label col-lg-3 " > < span > Switch </ span > </ label >
    < div class =" col-lg-9 " >
        < span class =" switch prestashop-switch fixed-width-lg " >
            < input type =" radio " value =" 1 " name =" switch " id =" switch_on " checked =" checked " >
            < label for =" switch_on " > Yes </ label >
            < input type =" radio " value =" 0 " name =" switch " id =" switch_off " >
            < label for =" switch_off " > No </ label >
            < a class =" slide-button btn " > </ a >
        </ span >
    </ div >
</ div >

تعتمد Prestui على Riotjs 3 ، وهي مكتبة واجهة مستخدم تشبه React Light حقًا. يمكنك العثور على مزيد من المعلومات حول Riotjs على Github ووثائق كاملة على الموقع الرسمي.

التثبيت / الاستخدام

لاستخدام Prestui ، تحتاج إلى تضمين الملفات في الوحدة النمطية الخاصة بك. قم بتنزيل Prestui وحرك المجلد في /views/templates/admin/

تحتاج أيضًا إلى تضمين برنامج التحويل البرمجي Riotjs+لأن جميع المكونات تستند إليها. يمكنك تنزيل نسخة وإدراجها في الوحدة ، أو يمكنك استخدام CDN.

يمكنك الآن تضمين Prestui و Riotjs مثل هذا:

 $ this -> context -> controller -> addJS ( ' path/to/riot+compiler.js ' )

$ html = $ this -> display ( __FILE__ , ' path/to/your/file.tpl ' )

return $ html. $ this -> display ( __FILE__ , ' views/templates/admin/prestui/ps-tags.tpl ' );

إذا كنت بحاجة فقط إلى عدد قليل من العلامات ، فيمكنك تعيين متغير مع المجموعات فقط التي تحتاجها ، قبل تقديم علامات PS:

 $ this -> smarty -> assign ( ' tags ' , array ( ' tabs ' , ' panel ' ));

العلامات المتاحة

جميع العلامات المتاحة وسماتها مدرجة على الويكي

مساهمة

وجدت خطأ أو لديك فكرة؟ استخدم نظام تذاكر Github. إذا كنت ترغب في المساعدة وإضافة ميزة أو إصلاح خطأ ، فأنت بحاجة إلى تقديم طلب سحب:

• إنشاء شوكة من هذا الريبو
• قم بإنشاء فرع جديد مثل "Deftern-xxxxxx"
• ارتكب تغييراتك على فرع DEV
• إنشاء طلب سحب الخاص بك على جيثب

رخصة

بريستوي مرخصة بموجب ترخيص معهد ماساتشوستس للتكنولوجيا