Prestui adalah perpustakaan UI untuk membantu Anda mengembangkan antarmuka untuk modul prestashop Anda. Ini memungkinkan Anda untuk menulis satu HTML ringkas, kompatibel dengan semua versi prestashop terbaru (1.5, 1.6 dan 1.7). Prestui akan secara otomatis beradaptasi tergantung pada versi prestashop yang digunakan modul.
Misalnya, Anda bisa menulis:
< ps-switch name =" switch " label =" Switch " yes =" Yes " no =" No " active =" true " > </ ps-switch >Dan Anda akan secara otomatis mendapatkan sesuatu seperti ini, HTML yang valid untuk Prestashop (1.6+ di sini):
< 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 didasarkan pada Riotjs 3, perpustakaan antarmuka pengguna seperti reaksi yang sangat ringan. Anda dapat menemukan informasi lebih lanjut tentang Riotjs di GitHub dan dokumentasi lengkap di situs web resmi.
Untuk menggunakan prestui, Anda harus memasukkan file ke dalam modul Anda. Unduh Prestui dan pindahkan folder di /views/templates/admin/
Anda juga perlu menyertakan riotjs+compiler karena semua komponen didasarkan padanya. Anda dapat mengunduh salinan dan memasukkannya ke dalam modul, atau Anda dapat menggunakan CDN.
Anda sekarang dapat memasukkan prestui dan riotjs seperti ini:
$ 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 ' );Jika Anda hanya memerlukan beberapa tag, Anda dapat menetapkan variabel dengan hanya grup yang Anda butuhkan, sebelum memberikan ps-tag:
$ this -> smarty -> assign ( ' tags ' , array ( ' tabs ' , ' panel ' ));Semua tag yang tersedia dan atributnya terdaftar di wiki
Menemukan bug atau punya ide? Gunakan sistem tiket GitHub. Jika Anda ingin membantu dan menambahkan fitur atau memperbaiki bug, Anda perlu membuat permintaan tarik:
Prestui dilisensikan di bawah lisensi MIT