templates/areas/apk-section-grid/view.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  2. <div class="uk-container apk-container-1400 uk-margin-medium">
  3.     <h2 class="uk-h2">Section grille</h2>
  4.     <ul uk-tab>
  5.         <li><a href="#">Configurations</a></li>
  6.         <li class="uk-active"><a href="#">Contenu</a></li>
  7.     </ul>
  9.     <ul class="uk-switcher uk-margin">
  10.         <li>
  11.             <div>Alignement en colones</div>
  12.             {{ pimcore_select("grille", {
  13.                 "store" : [
  14.                     ['', 'Aucun'],
  15.                     ['uk-child-width-1-1', '1 colone'],
  16.                     ['uk-child-width-1-2@m', '2 colones'],
  17.                     ['uk-child-width-1-3@m', '3 colones'],
  18.                     ['uk-child-width-1-4@m', '4 colones'],
  19.                 ],
  20.                 "defaultValue" : ""
  21.             }) }}
  23.             <div>Largeur du container du texte</div>
  24.                 {{ pimcore_select("text-width", {
  25.                     "store" : [
  26.                         ['apk-container-800', '800px'],
  27.                         ['apk-container-900', '900px'],
  28.                         ['apk-container-1000', '1000px'],
  29.                         ['apk-container-1200', '1200px'],
  30.                         ['apk-container-1400', '1400px'],
  31.                         ['apk-container-1600', '1600px']
  32.                     ],
  33.                     "defaultValue" : "apk-container-1400"
  34.                 }) }}
  36.             <div>
  37.                 <strong>Bordure</strong> en dessus du titre ?
  38.                 <br>
  39.                 {{ pimcore_select("title-border", {
  40.                     "store" : [
  41.                         ['', 'non'],
  42.                         ['apk-border', 'oui']
  43.                     ],
  44.                     "defaultValue" : ""
  45.                 }) }}
  46.             </div>
  48.             <div>
  49.                 <strong>Alignement</strong> du titre
  50.                 <br>
  51.                 {{ pimcore_select("title-align", {
  52.                     "store" : [
  53.                         ['uk-text-left', 'gauche'],
  54.                         ['uk-text-center', 'centré'],
  55.                         ['uk-text-right', 'droite']
  56.                     ],
  57.                     "defaultValue" : "gauche"
  58.                 }) }}
  59.             </div>
  61.             <div>Couleur du fond</div>
  62.             {{ pimcore_select("fond", {
  63.                 "store" : [
  64.                     ['gray', 'gris'],
  65.                     ['', 'blanc']
  66.                 ],
  67.                 "defaultValue" : ""
  68.             }) }}
  70.         </li>
  72.         <li class="uk-active">
  73.         <div>Grid</div>
  75.             <h2>{{ pimcore_textarea("title",{"nl2br" : true}) }}</h2>
  77.             {% for i in pimcore_block('contentblock').iterator %}
  79.                 <div>Ombre portée</div>
  80.                 {{ pimcore_select("ombre", {
  81.                     "store" : [
  82.                         ['', 'non'],
  83.                         ['shadow', 'oui']
  84.                     ],
  85.                     "defaultValue" : ""
  86.                 }) }}
  88.                 <div uk-alert>
  90.                     <div class="uk-text-bold">Contenu</div>
  91.                     {{ pimcore_wysiwyg("grid-content") }}
  93.                 </div>
  94.             {% endfor %}
  95.             
  96.         </li>
  97.     </ul>
  98. </div>
  100. {% else %}
  102. <div class="apk-container-grid uk-position-relative {{ pimcore_select("padding") }} {{ pimcore_select("fond") }}">
  103.     <div class="uk-container {{ pimcore_select("text-width") }}">
  105.         <div class="{{ pimcore_select("title-border")}}">
  106.             <h2 class="{{ pimcore_select("title-align") }}">{{ pimcore_textarea("title",{"nl2br" : true}) }}</h2>
  107.         </div>
  109.         <div class="{{ pimcore_select("grille")}}" uk-grid uk-height-match="target: .apk-content">
  110.         {% for i in pimcore_block('contentblock').iterator %}
  111.             <div>
  112.                 <div class="apk-content {{ pimcore_select("ombre") }}">
  113.                     {{ pimcore_wysiwyg("grid-content") }}
  114.                 </div>
  115.             </div>
  116.         {% endfor %}
  117.         </div>
  119.     </div>
  120. </div>
  122. {% endif %}