prestui

Prestui: ห้องสมุด UI สำหรับโมดูล Prestashop

Prestui เป็นห้องสมุด UI ที่จะช่วยคุณพัฒนาอินเทอร์เฟซสำหรับโมดูล Prestashop ของคุณ ช่วยให้คุณสามารถเขียน 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 ซึ่งเป็นไลบรารีอินเทอร์เฟซผู้ใช้ที่มีปฏิกิริยาตอบสนองที่มีน้ำหนักเบาจริงๆ คุณสามารถค้นหาข้อมูลเพิ่มเติมเกี่ยวกับ 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-Tags:

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

แท็กที่มีอยู่

แท็กที่มีอยู่ทั้งหมดและแอตทริบิวต์ของพวกเขาอยู่ใน Wiki

ผลงาน

พบข้อผิดพลาดหรือมีความคิด? ใช้ระบบตั๋วของ GitHub หากคุณต้องการช่วยและเพิ่มคุณสมบัติหรือแก้ไขข้อบกพร่องคุณต้องทำคำขอดึง:

• สร้างส้อมของ repo นี้
• สร้างสาขาใหม่เช่น "feature-xxxxxx"
• กระทำการเปลี่ยนแปลงของคุณในสาขา dev
• สร้างคำขอดึงของคุณบน gitHub

ใบอนุญาต

Prestui ได้รับใบอนุญาตภายใต้ใบอนุญาต MIT