prestui

Prestui：Prestashopモジュール用のUIライブラリ

Prestuiは、Prestashopモジュールのインターフェイスを開発するのに役立つUIライブラリです。 Prestashopのすべてのバージョン（1.5、1.6、および1.7）と互換性のある1つの簡潔なHTMLを書くことができます。 Prestuiは、モジュールが使用されているPrestashopバージョンに応じて自動的に適応します。

たとえば、あなたは書くことができます：

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

そして、あなたは自動的にこのようなものを取得します、Prestashopの有効なHTML（ここで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に基づいています。RiotJS3は、非常に軽いReactのようなユーザーインターフェイスライブラリです。 GithubでRioTJの詳細については、公式Webサイトで完全なドキュメントをご覧ください。

インストール /使用

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タグをレンダリングする前に、必要なグループのみを使用して変数を割り当てることができます。

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

利用可能なタグ

利用可能なすべてのタグとその属性は、wikiにリストされています

貢献

バグを見つけたのですか、それともアイデアがありますか？ Githubのチケットシステムを使用します。機能を支援して追加したい場合、またはバグを修正する場合は、プルリクエストを作成する必要があります。

• このレポのフォークを作成します
• 「feature-xxxxxx」のような新しいブランチを作成する
• 開発者ブランチで変更をコミットします
• GitHubでプルリクエストを作成します

ライセンス

PrestuiはMITライセンスの下でライセンスされています