prestui

Prestui : Prestashop 모듈 용 UI 라이브러리

Prestui는 Prestashop 모듈의 인터페이스를 개발하는 데 도움이되는 UI 라이브러리입니다. 이를 통해 최신 버전의 Prestashop (1.5, 1.6 및 1.7)과 호환되는 하나의 간결한 HTML을 작성할 수 있습니다. Prestui는 모듈이 사용되는 Prestashop 버전에 따라 자동으로 적응합니다.

예를 들어, 당신은 다음을 쓸 수 있습니다.

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

그리고 Prestashop 용 유효한 HTML (여기) : 다음과 같은 것을 자동으로 얻게됩니다.

 < 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을 기반으로합니다. GitHub에서 Riotjs에 대한 자세한 내용과 공식 웹 사이트에서 전체 문서를 찾을 수 있습니다.

설치 / 사용

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-TAG를 렌더링하기 전에 필요한 그룹만으로 변수를 할당 할 수 있습니다.

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

사용 가능한 태그

사용 가능한 모든 태그와 그 속성은 위키에 나열되어 있습니다.

기부금

버그를 찾았거나 아이디어가 있습니까? Github의 티켓 시스템을 사용하십시오. 기능을 도와 주거나 버그를 수정하려면 풀 요청을 수행해야합니다.

• 이 저장소의 포크를 만듭니다
• "feaction-xxxxxx"와 같은 새 지점 만들기
• Dev Branch에서 변경 사항을 커밋하십시오
• GitHub에서 풀 요청을 작성하십시오

특허

Prestui는 MIT 라이센스에 따라 라이센스가 부여됩니다