prestui

Prestui: Biblioteca de UI para módulos Prestashop

Prestui es una biblioteca de UI para ayudarlo a desarrollar interfaces para sus módulos Prestashop. Le permite escribir un HTML conciso, compatible con todas las versiones recientes de Prestashop (1.5, 1.6 y 1.7). Prestui se adaptará automáticamente dependiendo de la versión PrestaShop en la que se use el módulo.

Por ejemplo, puedes escribir:

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

Y automáticamente obtendrá algo como esto, un HTML válido para Prestashop (1.6+ aquí):

 < 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 se basa en RioTJS 3, una biblioteca de interfaz de usuario realmente ligera react. Puede encontrar más información sobre RioTJS en GitHub y una documentación completa en el sitio web oficial.

Instalación / uso

Para usar Prestui, debe incluir los archivos en su módulo. Descargue prestui y mueva la carpeta en /views/templates/admin/

También debe incluir RioTJS+Compilador ya que todos los componentes se basan en él. Puede descargar una copia e incluirla en el módulo, o puede usar un CDN.

Ahora puede incluir prestui y riotjs como este:

 $ 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 solo necesita unas pocas etiquetas, puede asignar una variable con solo los grupos que necesita, antes de representar PS-Tags:

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

Etiquetas disponibles

Todas las etiquetas disponibles y sus atributos se enumeran en la wiki

Contribución

¿Encontró un error o tiene una idea? Use el sistema de tickets de GitHub. Si desea ayudar y agregar una función o arreglar un error, debe hacer una solicitud de extracción:

• Crea una bifurcación de este repositorio
• Cree una nueva rama como "Feature-XXXXXX"
• Comprometer sus cambios en la rama de desarrollo
• Cree su solicitud de extracción en GitHub

Licencia

Prestui tiene licencia bajo la licencia MIT