Téléchargement de prestui - Téléchargement du code source prestui

prestui

Composants tiers

1.0.0

Télécharger

PROSTUI: bibliothèque d'interface utilisateur pour les modules Prestashop

Prestui est une bibliothèque d'interface utilisateur pour vous aider à développer des interfaces pour vos modules Prestashop. Il vous permet d'écrire un HTML concis, compatible avec toutes les versions récentes de Prestashop (1,5, 1,6 et 1.7). PROSTUI s'adaptera automatiquement en fonction de la version Prestashop sur laquelle le module est utilisé.

Par exemple, vous pouvez écrire:

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

Et vous obtiendrez automatiquement quelque chose comme ça, un HTML valide pour Prestashop (1.6+ ici):

 < 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 >

PROSTUI est basé sur RiotJS 3, une bibliothèque d'interface utilisateur de type réactive vraiment légère. Vous pouvez trouver plus d'informations sur Riotjs sur GitHub et une documentation complète sur le site officiel.

Installation / utilisation

Pour utiliser PROSTUI, vous devez inclure les fichiers dans votre module. Téléchargez PRESTUI et déplacez le dossier dans /views/templates/admin/

Vous devez également inclure le compilateur RiotJS + car tous les composants sont basés sur lui. Vous pouvez télécharger une copie et l'inclure dans le module, ou vous pouvez utiliser un CDN.

Vous pouvez maintenant inclure Prestui et Riotjs comme ceci:

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

Si vous n'avez besoin que de quelques balises, vous pouvez affecter une variable avec uniquement les groupes dont vous avez besoin, avant de rendre PS-Tags:

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

Tags disponibles

Toutes les balises disponibles et leurs attributs sont répertoriés sur le wiki

Contribution

Vous avez trouvé un bug ou avez une idée? Utilisez le système de billets de GitHub. Si vous souhaitez aider et ajouter une fonctionnalité ou corriger un bogue, vous devez faire une demande de traction: