templates/areas/apk-section-pdf/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 PDF / Video</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.         </li>
  25.         <li class="uk-active">
  26.         <div>Grid</div>
  28.             {% for i in pimcore_block('contentblock').iterator %}
  30.                 <div uk-alert>
  31.                     <h2 class="uk-h2">PDF <strong>OU</strong> VIDEO</h2>
  32.                     <div class="uk-alert-primary" uk-alert>
  33.                         <div class="uk-text-bold">Contenu PDF</div>
  34.                         {{ pimcore_link("grid-content") }}
  35.     
  36.                         {{ pimcore_image('bg-image',{ "width" : 200}) }}
  37.                     </div>
  38.                     <hr/>
  39.                     <div class="uk-alert-primary" uk-alert>
  40.                         <div class="uk-text-bold">Image Video</div>
  41.                         {{ pimcore_image('bg-video',{ "width" : 200}) }}
  42.                         <div class="uk-text-bold uk-margin-top"><strong>ID</strong> de la vidéo <strong>YOUTUBE</strong></div>
  43.                         {{ pimcore_input("videoId") }}
  44.                         <div class="uk-text-bold uk-margin-top"><strong>Texte en dessous</div>
  45.                         {{ pimcore_input("videoText") }}
  46.                     </div>
  48.                 </div>
  49.             {% endfor %}
  50.             
  51.         </li>
  52.     </ul>
  53. </div>
  55. {% else %}
  57. <div class="apk-container-pdf">
  58.     <div class="uk-container apk-container-1000">
  60.         <div class="{{ pimcore_select("grille")}}" uk-grid uk-height-match="target: .apk-content">
  61.             
  62.         {% for i in pimcore_block('contentblock').iterator %}
  63.             <div>
  64.                 {% if not pimcore_input("videoId").isEmpty %}
  65.                     <div class="apk-content" uk-lightbox>
  66.                         <a class="uk-position-relative uk-display-block" href="https://www.youtube.com/watch?v={{pimcore_input("videoId")}}">
  67.                             <div class="uk-overlay-transparent uk-position-cover">
  68.                                 <div class="uk-position-center">
  69.                                     <svg width="80" height="80" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="play-circle"><polygon fill="none" stroke="currentColor" stroke-width="1.1" points="8.5 7 13.5 10 8.5 13"></polygon><circle fill="none" stroke="currentColor" stroke-width="1.1" cx="10" cy="10" r="9"></circle></svg>
  70.                                 </div>
  71.                             </div>
  72.                             <div class="apk-image">{{ pimcore_image('bg-video',{ "width" : 200}) }}</div>
  73.                             {{ pimcore_input("videoText") }}
  74.                         </a>
  75.                     </div>
  76.                 {% else %}
  77.                 <div>
  78.                     <div class="apk-content" data-apk-href="{{ pimcore_link("grid-content").getHref() }}">
  79.                         <div class="apk-image">{{ pimcore_image('bg-image',{ "width" : 200}) }}</div>
  80.                         {{ pimcore_link("grid-content") }}
  81.                     </div>
  82.                 </div>
  83.                 {% endif %}
  84.             </div>
  85.         {% endfor %}
  86.         
  87.         </div>
  89.     </div>
  90. </div>
  92. {% endif %}