Download prestui - Download do código fonte prestui

prestui

Componentes de terceiros

1.0.0

Baixar

Prestui: biblioteca da interface do usuário para módulos de PrestaShop

O Prestui é uma biblioteca da interface do usuário para ajudá -lo a desenvolver interfaces para seus módulos PrestaShop. Ele permite que você escreva um HTML conciso, compatível com todas as versões recentes do Prestashop (1.5, 1.6 e 1,7). Prestui se adaptará automaticamente, dependendo da versão Prestashop em que o módulo é usado.

Por exemplo, você pode escrever:

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

E você obterá automaticamente algo assim, um HTML válido para PrestaShop (1.6+ aqui):

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

O Prestui é baseado no RioTJS 3, uma biblioteca de interface de usuário realmente leve de reação leve. Você pode encontrar mais informações sobre RioTJs no Github e uma documentação completa no site oficial.

Instalação / uso

Para usar o Prestui, você precisa incluir os arquivos no seu módulo. Faça o download do Prestui e mova a pasta em /views/templates/admin/

Você também precisa incluir o RioTJS+Compiler, pois todos os componentes são baseados nele. Você pode baixar uma cópia e incluí -la no módulo, ou pode usar um CDN.

Agora você pode incluir Prestui e 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 ' );

Se você precisar apenas de algumas tags, poderá atribuir uma variável apenas com os grupos necessários, antes de renderizar os PS-Tags:

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

Tags disponíveis

Todas as tags disponíveis e seus atributos estão listados no wiki

Contribuição

Encontrou um bug ou tem uma ideia? Use o sistema de ingressos do GitHub. Se você quiser ajudar e adicionar um recurso ou corrigir um bug, precisará fazer uma solicitação de tração: