templates/areas/apk-faq/view.html.twig line 1

Open in your IDE?
  2. {% if editmode %}
  4. <div class="uk-container apk-container-1400 uk-margin-medium">
  5.     <ul uk-tab>
  6.         <li><a href="#">Configurations</a></li>
  7.         <li class="uk-active"><a href="#">Content Edit</a></li>
  8.     </ul>
  10.     <ul class="uk-switcher uk-margin">
  11.         <li>
  12.             <div>Type de heading pour le titre ?</div>
  13.             {{ pimcore_select("content-heading", {
  14.                 "store" : [
  15.                     ['span', 'span'],
  16.                     ['h1', 'Heading 1'],
  17.                     ['h2', 'Heading 2'],
  18.                     ['h3', 'Heading 3'],
  19.                     ['h4', 'Heading 4'],
  20.                     ['h5', 'Heading 5'],
  21.                     ['h6', 'Heading 6']
  22.                 ],
  23.                 "defaultValue" : "h2"
  24.             }) }}
  26.             <div><strong>Style</strong> du heading pour le titre ?</div>
  27.             {{ pimcore_select("content-heading-style", {
  28.                 "store" : [
  29.                     ['h1', 'Heading 1'],
  30.                     ['h2', 'Heading 2'],
  31.                     ['h3', 'Heading 3'],
  32.                     ['h4', 'Heading 4'],
  33.                     ['h5', 'Heading 5'],
  34.                     ['h6', 'Heading 6']
  35.                 ],
  36.                 "defaultValue" : "h2"
  37.             }) }}
  38.             
  39.             <div><strong>Sous-lignage pour le titre ?</strong></div>
  40.             {{ pimcore_select("content-heading-underlined", {
  41.                 "store" : [
  42.                     ['', 'non'],
  43.                     ['apk-underlined apk-underlined', 'bleu'],
  44.                     ['apk-underlined apk-underlined-orange2', 'orange']
  45.                 ],
  46.                 "defaultValue" : ""
  47.             }) }}
  49.             <div><strong>Alignement</strong> du titre et du sous-titre</div>
  50.             {{ pimcore_select("text-align", {
  51.                 "store" : [
  52.                     ['uk-text-center', 'Centré'],
  53.                     ['uk-text-left', 'Gauche'],
  54.                     ['uk-text-right', 'Droite']
  55.                 ],
  56.                 "defaultValue" : "uk-text-center"
  57.             }) }}
  58.             
  59.         </li>
  60.     
  61.         <li class="uk-active">
  62.             <div class="uk-margin-large-bottom">
  63.                 <div class="apk-content">
  64.                     <h2 class="uk-h2">
  65.                         {{ pimcore_textarea("content-title",{
  66.                             "nl2br" : true,
  67.                             "placeholder" : "Titre (optionnel)"
  68.                         }) }}
  69.                     </h2>
  70.                     <div><span class="uk-h4">Contenu (optionnel)</span></div>
  71.                     {{ pimcore_wysiwyg("content") }}
  73.                     <h3>Ensemble des FAQ</h3>
  74.                     <div class="uk-dark" uk-alert>
  76.                         {% for faq in pimcore_block('faqBlock').iterator %}
  77.                         <div class="uk-card">
  78.                           <div>
  79.                             <div><h4 class="uk-h4 uk-margin-remove-bottom">Titre</h4></div>
  80.                             <h3 class="uk-h3 uk-margin-small-top">{{ pimcore_textarea('faqTitle', {'nl2br' : true}) }}</h3>
  81.                           </div>
  82.                           <div>
  83.                             <div><h4 class="uk-h4 uk-margin-remove-bottom">contenu</h4></div>
  84.                             {{ pimcore_wysiwyg('faqContent') }}
  85.                           </div>
  86.                         </div>
  87.                       {% endfor %}
  89.                     </div>
  90.                     <div class="actions uk-margin-top">
  91.                         <span class="uk-h4">Lien (optionnel)</span>
  92.                         <div>
  93.                             {{ pimcore_link("content-btn", {
  94.                                 "class" : "uk-button"
  95.                             }) }}
  96.                         </div>
  97.                     </div>
  98.                 </div>
  99.             </div>
  100.         </li>
  101.     </ul>
  102. </div>
  104. {% endif %}
  106. {% if not editmode %}
  108. <div class="apk-areabrick-container">
  109.     <div class="uk-container">
  110.         <div class="{{ pimcore_select("text-align") }}">
  112.              {% if not pimcore_textarea("content-title").isEmpty %}
  113.                 {% if pimcore_select("content-heading").isEmpty() %}
  114.                     <span class="uk-h2 {{ pimcore_select("content-heading-underlined").getData() }}">
  115.                         {{ pimcore_textarea("content-title", {
  116.                         "nl2br" : true})|raw }}
  117.                     </span>
  118.                 {% else %}
  119.                     {% set content_heading = pimcore_select("content-heading").getData() %}
  120.                     <{{ content_heading }} class="uk-{{ pimcore_select("content-heading-style").getData() }} {{ pimcore_select("content-heading-underlined").getData() }}">
  121.                         {{ pimcore_textarea("content-title", {
  122.                         "nl2br" : true})|raw }}
  123.                     </{{ content_heading }}>
  124.                 {% endif %}
  125.             {% endif %}
  127.             {% if not pimcore_wysiwyg("content").isEmpty %}
  128.             <div class="apk-content">
  129.                 {{ pimcore_wysiwyg("content") }}
  130.             </div>
  131.             {% endif %}
  133.         </div>
  134.         <div class="apk-faq-container">
  135.             <ul uk-accordion="multiple: true">
  136.               {% set n = 1 %}
  137.               {% set count = pimcore_block('faqBlock').getData()|length %}
  138.               {% for faq in pimcore_block('faqBlock').iterator %}
  139.                 {% if n == 1 %}
  140.                 <li class="uk-open">
  141.                 {% else %}
  142.                 <li>
  143.                 {% endif %}
  144.                   <a class="uk-accordion-title" href="#">
  145.                     <span class="uk-h3 uk-margin-remove-bottom uk-text-bold">{{ pimcore_textarea('faqTitle', {'nl2br' : true}) }}</span>
  146.                   </a>
  147.                   <div class="uk-accordion-content">
  148.                     {{ pimcore_wysiwyg('faqContent') }}
  149.                   </div>
  150.                   {% if n != count %}  
  151.                   <hr>
  152.                   {% endif %}
  153.                 </li>
  154.                 {% set n = n + 1 %}
  155.               {% endfor %}
  156.               
  157.               </ul>
  158.               
  159.               {% if not pimcore_link("content-btn").isEmpty() %}
  160.               <div class="apk-actions uk-text-center uk-margin-large-top">
  161.                   {{ pimcore_link("content-btn", {
  162.                       "class" : "uk-button uk-button-large"
  163.                   }) }}
  164.               </div>
  165.             {% endif %}
  167.         </div>
  168.     </div>
  169.     
  170. </div>
  172. {% endif %}