prestui Download - prestui Quellcode Download

prestui

Komponenten von Drittanbietern

1.0.0

Herunterladen

Prestui: UI -Bibliothek für Prestashop -Module

Prestui ist eine UI -Bibliothek, mit der Sie Schnittstellen für Ihre Prestashop -Module entwickeln können. Sie können eine prägnante HTML schreiben, die mit allen neueren Versionen von Prestashop (1,5, 1,6 und 1,7) kompatibel ist. Prestui passt sich automatisch an, je nachdem, auf welcher Prestashop -Version das Modul verwendet wird.

ZB, Sie können schreiben:

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

Und Sie erhalten automatisch so etwas, ein gültiges HTML für Prestashop (1.6+ hier):

 < 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 basiert auf RIOTJS 3, einer wirklich leichten Reaktions-ähnlichen Benutzeroberflächenbibliothek. Weitere Informationen zu RIOTJS auf GitHub finden Sie auf der offiziellen Website.

Installation / Verwendung

Um Prestui zu verwenden, müssen Sie die Dateien in Ihr Modul einbeziehen. Laden Sie Prestui herunter und verschieben Sie den Ordner in /views/templates/admin/

Sie müssen auch den RIOTJS+Compiler einbeziehen, da alle Komponenten darauf basieren. Sie können eine Kopie herunterladen und in das Modul aufnehmen oder eine CDN verwenden.

Sie können jetzt Prestui und Riotjs wie folgt einbeziehen:

 $ 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 ' );

Wenn Sie nur wenige Tags benötigen, können Sie nur die von Ihnen benötigten Gruppen eine Variable zuweisen, bevor Sie PS-TAGs rendern:

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

Verfügbare Tags

Alle verfügbaren Tags und ihre Attribute sind im Wiki aufgeführt

Beitrag

Einen Fehler gefunden oder eine Idee haben? Verwenden Sie das Tickets -System von Github. Wenn Sie helfen und eine Funktion hinzufügen oder einen Fehler beheben möchten, müssen Sie eine Pull -Anfrage stellen: