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

Open in your IDE?
  4. {% if editmode %}
  6. <div class="uk-container">
  7.     <ul uk-tab>
  8.         <li><a href="#">Configurations</a></li>
  9.         <li class="uk-active"><a href="#">Content Edit</a></li>
  10.     </ul>
  12.     <ul class="uk-switcher uk-margin">
  13.         <li>
  14.             <div>Type de heading pour le titre ?</div>
  15.             {{ pimcore_select("content-heading", {
  16.                 "store" : [
  17.                     ['h1', 'Heading 1'],
  18.                     ['h2', 'Heading 2'],
  19.                     ['h3', 'Heading 3'],
  20.                     ['h4', 'Heading 4'],
  21.                     ['h5', 'Heading 5'],
  22.                     ['h6', 'Heading 6']
  23.                 ],
  24.                 "defaultValue" : "h2"
  25.             }) }}
  27.             <div><strong>Style</strong> du heading pour le titre ?</div>
  28.             {{ pimcore_select("content-heading-style", {
  29.                 "store" : [
  30.                     ['h1', 'Heading 1'],
  31.                     ['h2', 'Heading 2'],
  32.                     ['h3', 'Heading 3'],
  33.                     ['h4', 'Heading 4'],
  34.                     ['h5', 'Heading 5'],
  35.                     ['h6', 'Heading 6']
  36.                 ],
  37.                 "defaultValue" : "h2"
  38.             }) }}
  40.             <div><strong>Sous-lignage pour le titre ?</strong></div>
  41.             {{ pimcore_select("content-heading-underlined", {
  42.                 "store" : [
  43.                     ['', 'non'],
  44.                     ['apk-underlined apk-underlined', 'bleu'],
  45.                     ['apk-underlined apk-underlined-orange2', 'orange']
  46.                 ],
  47.                 "defaultValue" : ""
  48.             }) }}
  51.             <div>Alignement pour le titre et le bouton</div>
  52.             {{ pimcore_select("content-align", {
  53.                 "store" : [
  54.                     ['uk-text-left@s', 'Gauche (défault)'],
  55.                     ['uk-text-center@s', 'Centre'],
  56.                     ['uk-text-right@s', 'Droite']
  57.                     
  58.                 ],
  59.                 "defaultValue" : "uk-text-left"
  60.             }) }}
  63.             <div>Ancre (optionnel)</div>
  64.             {{ pimcore_input("id-ancre") }}
  65.             
  66.         </li>
  67.     
  68.         <li class="uk-active">
  69.             <div class="uk-margin-large-bottom">
  70.                 <div class="apk-content">
  71.                     <h2 class="uk-h2">
  72.                         {{ pimcore_textarea("content-title",{
  73.                             "nl2br" : true
  74.                         }) }}
  75.                     </h2>
  77.                     {{ pimcore_wysiwyg("content") }}
  78.                     <div class="actions">
  79.                         {{ pimcore_link("content-btn", {
  80.                             "class" : "uk-button"
  81.                         }) }}
  82.                     </div>
  83.                 </div>
  84.             </div>
  85.         </li>
  86.     </ul>
  87. </div>
  89. {% endif %}
  91. {% if not editmode %}
  93. <div class="apk-areabrick-container {{ pimcore_select("bg-color").getData() }} {% if pimcore_select("bg-color").getData() != '' %} uk-light {% endif %} ">
  94.     <div id="{{ pimcore_input("id-ancre").getData() }}" class="uk-container">
  95.         <div class="{{ pimcore_select("content-align").getData() }}">
  97.         {% if not pimcore_textarea("content-title").isEmpty %}
  98.             {% if pimcore_select("content-heading").isEmpty() %}
  99.                 <span class="uk-h2 {{ pimcore_select("content-heading-underlined").getData() }}">
  100.                     {{ pimcore_textarea("content-title", {
  101.                     "nl2br" : true})|raw }}
  102.                 </span>
  103.             {% else %}
  104.                 {% set content_heading = pimcore_select("content-heading").getData() %}
  105.                 <{{ content_heading }} class="uk-{{ pimcore_select("content-heading-style").getData() }} {{ pimcore_select("content-heading-underlined").getData() }}">
  106.                     {{ pimcore_textarea("content-title", {
  107.                     "nl2br" : true})|raw }}
  108.                 </{{ content_heading }}>
  109.             {% endif %}
  110.         {% endif %}
  112.         {{ pimcore_wysiwyg("content") }}
  113.         
  115.         {% if not pimcore_link("content-btn").isEmpty() %}
  116.             <div class="actions">
  117.                 {{ pimcore_link("content-btn", {
  118.                     "class" : "uk-button"
  119.                 }) }}
  120.             </div>
  121.         {% endif %}
  123.     </div>
  125.     </div>
  126.     
  127. </div>
  129. {% endif %}