Загрузка prestui - Загрузка исходного кода prestui

prestui

Сторонние компоненты

1.0.0

Скачать

Prestui: библиотека пользовательского интерфейса для модулей Prestashop

Prestui - это библиотека пользовательского интерфейса, которая поможет вам разработать интерфейсы для ваших модулей Prestashop. Это позволяет вам писать один краткий HTML, совместимый со всеми недавними версиями Prestashop (1,5, 1,6 и 1,7). Prestui автоматически адаптируется в зависимости от того, в какой версии Prestashop используется модуль.

Например, вы можете написать:

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

И вы автоматически получите что -то подобное, действительный HTML для Prestashop (1,6+ здесь):

 < 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 основан на RIOTJS 3, действительно легкой библиотеке пользовательских интерфейсов, похожей на реагирование. Вы можете найти больше информации о RIOTJS на GitHub и полную документацию на официальном сайте.

Установка / Использование

Чтобы использовать Prestui, вам необходимо включить файлы в свой модуль. Загрузите Prestui и переместите папку в /views/templates/admin/

Вам также необходимо включить компилятор RIOTJS+, поскольку на нем основаны все компоненты. Вы можете скачать копию и включить ее в модуль, или вы можете использовать CDN.

Теперь вы можете включить Prestui и Riotjs, как это:

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

Если вам нужно только несколько тегов, вы можете назначить переменную только с необходимыми группами, прежде чем рендеринг PS-Tags:

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

Доступные теги

Все доступные теги и их атрибуты перечислены на вики

Вклад

Нашел ошибку или у вас есть идея? Используйте билеты GitHub. Если вы хотите помочь и добавить функцию или исправить ошибку, вам нужно сделать запрос на вытягивание: