templates/areas/apk-grid-icon/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 grid</h2>
  4.     <ul uk-tab>
  5.         <li><a href="#">Configurations</a></li>
  6.         <li class="uk-active"><a href="#">Contenu</a></li>
  7.     </ul>
  8.     <ul class="uk-switcher uk-margin">
  9.         <li>
  10.             
  11.             <div>Alignement en colones</div>
  12.             {{ pimcore_select("grille", {
  13.                 "store" : [
  14.                     ['', 'Aucun'],
  15.                     ['uk-child-width-1-2', '2 colones'],
  16.                     ['uk-child-width-1-3@m', '3 colones'],
  17.                     ['uk-child-width-1-2@s uk-child-width-1-4@m', '4 colones'],
  18.                 ],
  19.                 "defaultValue" : ""
  20.             }) }}
  21.             <div>Type de heading pour le titre ?</div>
  22.             {{ pimcore_select("content-heading", {
  23.                 "store" : [
  24.                     ['h1', 'Heading 1'],
  25.                     ['h2', 'Heading 2'],
  26.                 ],
  27.                 "defaultValue" : "h2"
  28.             }) }}
  29.             <div><strong>Style</strong> du heading pour le titre ?</div>
  30.             {{ pimcore_select("content-heading-style", {
  31.                 "store" : [
  32.                     ['h1', 'Heading 1'],
  33.                     ['h2', 'Heading 2'],
  34.                 ],
  35.                 "defaultValue" : "h2"
  36.             }) }}
  37.         </li>
  38.         <li class="uk-active">
  39.         <div>Grid</div>
  40.             <div class="uk-text-bold">Titre</div>
  41.             <h2>{{ pimcore_textarea("grid-title",{ "nl2br" : true}) }}</h2>
  42.             <div class="uk-text-bold">Description</div>
  43.             <p>{{ pimcore_textarea("grid-description", {"nl2br" : true})|raw }}</p>
  44.             {% for i in pimcore_block('contentblock').iterator %}
  45.                 <div uk-alert>
  46.                     <div>Couleur</div>
  47.                     {{ pimcore_select("section-couleur", {
  48.                         "store" : [
  49.                             ['apk-bg-darkblue', 'Fond bleu foncĂ©'],
  50.                             ['apk-blue', 'Contour bleu'],
  51.                             ['apk-light-blue', 'Contour bleu clair'],
  52.                             ['apk-yellow', 'Contour jaune'],
  53.                             ['apk-orange', 'Contour orange'],
  54.                         ],
  55.                         "defaultValue" : "apk-blue"
  56.                     }) }}
  57.                     <div class="uk-text-bold">Image</div>
  58.                     {{ pimcore_image("grid-image",{ "width" : 65}) }}
  59.                     <div class="uk-text-bold">Chiffres</div>
  60.                     <h3>{{ pimcore_textarea("grid-numbers") }}</h3>
  61.                     <div class="uk-text-bold">Sous-titre</div>
  62.                     <h3>{{ pimcore_textarea("grid-subtitle") }}</h3>
  63.                     <div class="uk-text-bold">Texte</div>
  64.                     <p>{{ pimcore_textarea("grid-text", {"nl2br" : true})|raw }}</p>
  65.                 </div>
  66.             {% endfor %}
  67.             
  68.         </li>
  69.     </ul>
  70. </div>
  71. {% else %}
  72. <div class="apk-container-grid-icon">
  73.     <div class="uk-container apk-container-1400">
  74.         {% if not pimcore_textarea("grid-title") is empty %}
  75.             {% if pimcore_select("content-heading").data == "span" %}
  76.                 <span class="uk-{{ pimcore_select("content-heading-style").getData() }}">
  77.                     {{ pimcore_textarea("grid-title", {
  78.                     "nl2br" : true})|raw }}
  79.                 </span>
  80.             {% else %}
  81.                 {% set content_heading = pimcore_select("content-heading").getData() %}
  82.                 <{{ content_heading }} class="uk-{{ pimcore_select("content-heading-style").getData() }}">
  83.                     {{ pimcore_textarea("grid-title", {
  84.                     "nl2br" : true})|raw }}
  85.                 </{{ content_heading }}>
  86.             {% endif %}
  87.         {% endif %}
  88.         {% if not pimcore_textarea("grid-description") is empty %}
  89.             <div class="uk-container apk-container-1000">
  90.                 <p class="uk-text-center uk-margin-medium-bottom">{{ pimcore_textarea("grid-description", {"nl2br" : true})|raw }}</p>
  91.             </div>
  92.         {% endif %}
  93.         <div class="{{ pimcore_select("grille")}} uk-grid-medium" uk-grid uk-height-match="target: .apk-container-height-match" uk-scrollspy="cls: uk-animation-slide-top-medium; target: .apk-animate; delay: 300; repeat: false">
  94.             {% for i in pimcore_block('contentblock').iterator %}
  95.                 <div>
  96.                     <div class="apk-div-grid-icon {{ pimcore_select("section-couleur") }} uk-text-center apk-animate">
  97.                         {% if pimcore_image('grid-image').src %}
  98.                             {{ pimcore_image("grid-image").thumbnail("grid-icons").html()|raw }}
  99.                         {% endif %}
  100.                         <div class="apk-container-height-match">
  101.                             {% if not pimcore_textarea("grid-numbers") is empty %}
  102.                                 <h3>{{ pimcore_textarea("grid-numbers") }}</h3>
  103.                             {% endif %}
  104.                             {% if not pimcore_textarea("grid-subtitle") is empty %}
  105.                                 <h3 class="apk-subtitle">{{ pimcore_textarea("grid-subtitle") }}</h3>
  106.                             {% endif %}
  107.                             
  108.                             {% if not pimcore_textarea("grid-text") is empty %}
  109.                                 <p class="uk-margin-remove-bottom">{{ pimcore_textarea("grid-text",{ "nl2br" : true}) }}</p>
  110.                             {% endif %}
  111.                         </div>
  112.                     </div>
  113.                 </div>
  114.             {% endfor %}
  115.         </div>
  116.     </div>
  117. </div>
  118. {% endif %}