templates/areas/apk-right-left/view.html.twig line 1

Open in your IDE?
  2. {% if editmode %}
  4. <div class="uk-container apk-container-1400">
  6.     <div class="uk-alert" uk-alert>
  7.         <h2 class="uk-h2">APK RIGHT LEFT</h2>
  8.     </div>
  10.     <ul class="uk-tab" uk-tab>
  11.         <li><a href="#">Configurations</a></li>
  12.         <li class="uk-active"><a href="#">Content Edit</a></li>
  13.     </ul>
  15.     <ul class="uk-switcher uk-margin">
  16.         <li class="apk-size-20">
  17.             {# Colonne 1 #}
  18.             <div uk-margin>
  19.                 <div>Sens de l'image</div>
  20.                 {{ pimcore_select("image-direction", {
  21.                     "store" : [
  22.                         ['image-left', 'Image ?? gauche'],
  23.                         ['image-right', 'Image ?? droite'],
  24.                     ],
  25.                     "defaultValue" : "image-left"
  26.                 }) }}
  28.                 <div>Type de heading pour le titre ?</div>
  29.                 {{ pimcore_select("content-heading", {
  30.                     "store" : [
  31.                         ['span', 'span'],
  32.                         ['h2', 'Heading 2'],
  33.                         ['h3', 'Heading 3'],
  34.                         ['h4', 'Heading 4'],
  35.                         ['h5', 'Heading 5'],
  36.                         ['h6', 'Heading 6']
  37.                     ],
  38.                     "defaultValue" : "h2"
  39.                 }) }}
  41.                 <div><strong>Style</strong> du heading pour le titre ?</div>
  42.                 {{ pimcore_select("content-heading-style", {
  43.                     "store" : [
  44.                         ['h2', 'Heading 2'],
  45.                         ['h3', 'Heading 3'],
  46.                         ['h4', 'Heading 4'],
  47.                         ['h5', 'Heading 5'],
  48.                         ['h6', 'Heading 6']
  49.                     ],
  50.                     "defaultValue" : "h2"
  51.                 }) }}
  52.             </div>
  53.         </li>
  54.         
  55.         <li class="uk-active">
  56.             <div>
  57.                 <div>Titre</div>
  58.                 <h2 class="uk-h2">{{ pimcore_textarea("content-title",{"nl2br" : true}) }}</h2>
  59.             </div>
  61.             <hr>
  63.             <div>
  64.                 <div>Image</div>
  65.                 {{ pimcore_image('image', {width: 300, height: 300}) }}
  66.             </div>
  68.             <hr>
  69.             
  70.             <div>Liste Icons</div>
  71.             {% for i in pimcore_block('contentblock').iterator %}
  72.                 <div>Icon</div>
  73.                 {{ pimcore_image('icon', {width: 50, height: 50}) }}
  75.                 <div>Sous-titre</div>
  76.                 {{ pimcore_input("icon-title") }}
  77.             {% endfor %}
  79.         </li>
  81.     </ul>
  82. </div>
  84. {% else %}
  86. <div class="apk-container-right-left">
  87.     <div class="uk-container apk-container-1600">
  89.         {% if not pimcore_textarea("content-title").isEmpty() %}
  90.             {% set content_heading = pimcore_select("content-heading").getData() ?: 'h2' %}
  91.             {% if content_heading == 'h1' %}
  92.                 {% set content_heading = 'h2' %}
  93.             {% endif %}
  94.             {% set contentHeadingStyle = pimcore_select("content-heading-style").getData() %}
  96.             <div class="uk-text-center uk-margin-medium-bottom">
  97.                 <{{ content_heading }} class="uk-{{ contentHeadingStyle }}">
  98.                     {{ pimcore_textarea("content-title", {
  99.                     "nl2br" : true})|raw }}
  100.                 </{{ content_heading }}>
  101.             </div>
  102.         {% endif %}
  104.         <div class="uk-grid uk-grid-large" uk-grid>
  105.             <div class="uk-width-1-2@m">
  106.                 {% for i in pimcore_block('contentblock').iterator %}
  107.                     <div class="uk-grid" uk-grid>
  108.                         <div class="uk-width-auto@s">
  109.                             <div class="apk-container-icons">
  110.                                 {% if pimcore_image('icon') is not empty and not pimcore_image('icon').isEmpty() %}
  111.                                     {{ pimcore_image('icon').thumbnail('global-image').html()|raw }}
  112.                                 {% endif %}
  113.                             </div>
  114.                         </div>
  115.                         <div class="uk-width-expand@s uk-flex uk-flex-middle apk-subtitle-icons">
  116.                             <h3>{{ pimcore_input("icon-title") }}</h3>
  117.                         </div>
  118.                     </div>
  119.                 {% endfor %}
  120.             </div>
  122.             <div class="uk-width-1-2@m {% if pimcore_select('image-direction').data == 'image-left' %} uk-flex-first {% endif %}">
  123.                 <div class="apk-container-image">
  124.                     {% if pimcore_image('image') is not empty and not pimcore_image('image').isEmpty() %}
  125.                         {{ pimcore_image('image').thumbnail('global-image').html()|raw }}
  126.                     {% endif %}
  127.                 </div>
  128.             </div>
  129.         </div>
  131.     </div>
  132. </div>
  134. {% endif %}