templates/areas/apk-case-study/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 CASE STUDY</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>Type de heading pour le titre ?</div>
  20.                 {{ pimcore_select("content-heading", {
  21.                     "store" : [
  22.                         ['span', 'span'],
  23.                         ['h2', 'Heading 2'],
  24.                         ['h3', 'Heading 3'],
  25.                         ['h4', 'Heading 4'],
  26.                         ['h5', 'Heading 5'],
  27.                         ['h6', 'Heading 6']
  28.                     ],
  29.                     "defaultValue" : "h2"
  30.                 }) }}
  32.                 <div><strong>Style</strong> du heading pour le titre ?</div>
  33.                 {{ pimcore_select("content-heading-style", {
  34.                     "store" : [
  35.                         ['h2', 'Heading 2'],
  36.                         ['h3', 'Heading 3'],
  37.                         ['h4', 'Heading 4'],
  38.                         ['h5', 'Heading 5'],
  39.                         ['h6', 'Heading 6']
  40.                     ],
  41.                     "defaultValue" : "h2"
  42.                 }) }}
  43.             </div>
  44.         </li>
  45.         
  46.         <li class="uk-active">
  47.             <div>
  48.                 <div>Titre</div>
  49.                 <h2 class="uk-h2">{{ pimcore_textarea("content-title",{"nl2br" : true}) }}</h2>
  50.             </div>
  52.             <hr>
  54.             <div>R??sultats</div>
  55.             {% for i in pimcore_block('contentblock').iterator %}
  56.                 <div>Largeur de la colone</div>
  57.                 {{ pimcore_select("column-size", {
  58.                     "store" : [
  59.                         ['uk-width-1-2@m', '1/2'],
  60.                         ['uk-width-1-3@m', '1/3'],
  61.                         ['uk-width-2-3@m', '2/3'],
  62.                         ['uk-width-2-5@m', '2/5'],
  63.                         ['uk-width-3-5@m', '3/5'],
  64.                         ['uk-width-1-1', '1/1'],
  65.                     ],
  66.                     "defaultValue" : "uk-width-1-2@m"
  67.                 }) }}
  69.                 <div>Couleur de la colone</div>
  70.                 {{ pimcore_select("column-color", {
  71.                     "store" : [
  72.                         ['apk-red', 'rouge'],
  73.                         ['apk-white', 'blanche'],
  74.                     ],
  75.                     "defaultValue" : "apk-red"
  76.                 }) }}
  78.                 <div>Contenu</div>
  79.                 {{ pimcore_wysiwyg("result-content") }}
  80.             {% endfor %}
  82.             <hr>
  84.             <h3>T??moignage</h3>
  85.             <div>
  86.                 <div><strong>Titre</strong></div>
  87.                 {{ pimcore_textarea("testimonial-title",{"nl2br" : true}) }}
  89.                 <div class="uk-margin-top"><strong>Texte (obligatoire pour afficher la section t??moignage)</strong></div>
  90.                 {{ pimcore_wysiwyg("testimonial-content") }}
  92.                 <div class="uk-margin-top"><strong>Nom complet</strong></div>
  93.                 {{ pimcore_input("testimonial-name") }}
  95.                 <div class="uk-margin-top"><strong>Fonction (Optionnel)</strong></div>
  96.                 {{ pimcore_input("testimonial-function") }}
  98.                 <div class="uk-margin-top"><strong>Image</strong></div>
  99.                 {{ pimcore_image('testimonial-image', {width: 100, height: 100}) }}
  101.                 <div><strong>Partenaires (Optionnel)</strong></div>
  102.                 {% for i in pimcore_block('partnersblock').iterator %}
  103.                     <div>Logo</div>
  104.                     {{ pimcore_image('partners-image', {width: 60, height: 60}) }}
  105.                 {% endfor %}
  106.             </div>
  108.         </li>
  110.     </ul>
  111. </div>
  113. {% else %}
  115. <div class="apk-container-case-study">
  116.     <div class="uk-container apk-container-1400">
  118.         {% if not pimcore_textarea("content-title").isEmpty() %}
  119.             <div class="uk-text-center uk-margin-medium-bottom">
  120.                 {% set content_heading = pimcore_select("content-heading").getData() ?: 'h2' %}
  121. {% if content_heading == 'h1' %}
  122.     {% set content_heading = 'h2' %}
  123. {% endif %}
  124.                 {% set contentHeadingStyle = pimcore_select("content-heading-style").getData() %}
  126.                 <{{ content_heading }} class="uk-{{ contentHeadingStyle }}">
  127.                     {{ pimcore_textarea("content-title", {
  128.                     "nl2br" : true})|raw }}
  129.                 </{{ content_heading }}>
  130.             </div>
  131.         {% endif %}
  133.         <div class="uk-grid uk-grid-small" uk-grid uk-height-match="target: .apk-height-match">
  134.             {% for i in pimcore_block('contentblock').iterator %}
  135.             <div class="{{ pimcore_select('column-size') }}">
  136.                 <div class="apk-content uk-flex uk-flex-center uk-flex-middle {{ pimcore_select('column-color') }} apk-height-match">
  137.                     <div>
  138.                         {{ pimcore_wysiwyg("result-content")|raw }}
  139.                     </div>
  140.                 </div>
  141.             </div>
  142.             {% endfor %}
  143.         </div>
  145.         {% if pimcore_wysiwyg("testimonial-content")|striptags %}
  146.         <div class="uk-grid uk-grid-large uk-child-width-1-2@m" uk-grid>
  147.             <div>
  148.                 {% if not pimcore_textarea("testimonial-title").isEmpty() %}
  149.                 <div class="uk-grid uk-grid-collapse" uk-grid uk-height-match="target: .apk-height-match-title">
  150.                     <div class="uk-width-1-3@m">
  151.                         <div class="apk-content apk-red apk-height-match-title uk-flex uk-flex-middle uk-flex-center">
  152.                            <img src="/static/img/pictos/quote.png" width="60" class="apk-icon" alt="{{ 'Quote'|trans }}"/>
  153.                         </div>
  154.                     </div>
  155.                     <div class="uk-width-2-3@m">
  156.                         <div class="apk-content apk-title apk-height-match-title uk-flex uk-flex-middle uk-text-left">
  157.                             <h3>{{ pimcore_textarea("testimonial-title",{"nl2br" : true}) }}</h3>
  158.                         </div>
  159.                     </div>
  160.                 </div>
  161.                 {% endif %}
  163.                 <div class="apk-content apk-white uk-position-relative">
  164.                     <div class="apk-container-text">
  165.                         {{ pimcore_wysiwyg("testimonial-content")|raw }}
  166.                     </div>
  168.                     <div class="uk-grid" uk-grid>
  169.                         <div class="uk-width-auto@s">
  170.                             <div class="apk-container-image">
  171.                                 {{ pimcore_image('testimonial-image').thumbnail('global-image').html()|raw }}
  172.                             </div>
  173.                         </div>
  174.                         <div class="uk-width-expand@s uk-text-left">
  175.                             <div class="apk-name"><span>{{ pimcore_input("testimonial-name") }}</span></div>
  176.                             <div class="apk-function">{{ pimcore_input("testimonial-function") }}</div>
  178.                             {% if not pimcore_block('partnersblock').isEmpty() %}
  179.                                 <div class="uk-margin-small-top apk-container-partners-logo">
  180.                                     <div class="uk-grid uk-grid-small uk-child-width-auto" uk-grid>
  181.                                         {% for i in pimcore_block('partnersblock').iterator %}
  182.                                         <div>
  183.                                             {{ pimcore_image('partners-image').thumbnail('small-partner-logo').html()|raw }}
  184.                                         </div>
  185.                                         {% endfor %}
  186.                                     </div>
  187.                                 </div>
  188.                             {% endif %}
  189.                         </div>
  190.                     </div>
  192.                     <div class="uk-position-bottom-center apk-logo">
  193.                         <img src="/static/img/logos/mangogem-icon.png" width="60" alt="{{ 'Pointer'|trans }}"/>
  194.                     </div>
  195.                 </div>
  196.             </div>
  198.             <div class="uk-flex uk-flex-middle">
  199.                 <div class="uk-position-relative">
  200.                     <div>
  201.                         <a href="#casestudy" uk-toggle class="apk-link-pdf">
  202.                             {{ "Download case study"|trans }}
  203.                         </a>
  204.                     </div>
  206.                     <div class="uk-position-bottom-right apk-icon-pointer">
  207.                         <img src="/static/img/pictos/pointer.png" width="60" class="apk-icon" alt="{{ 'Pointer'|trans }}"/>
  208.                     </div>
  209.                 </div>
  210.             </div>
  211.             {% endif %}
  212.         </div>
  214.     </div>
  215. </div>
  217. {% endif %}