templates/areas/wysiwygheading/servicemodal.html.twig line 1

Open in your IDE?
  1. {% if mode == "editmode" %}
  3.     <div class="my-3 flex flex-wrap overflow-hidden">
  4.         <div class="w-1/3 overflow-hidden pr-3">
  5.             Text: {{ pimcore_input("Ltext", { "height" : 100 }) }}
  7.             {% set block = pimcore_block('gridblock', { 'manual' : true, 'default' : 4 }).start() %}
  8.             {% for b in block.iterator %}
  9.                 {% do block.blockConstruct() %}
  10.                     {% do block.blockStart() %}
  11.                     <div class="border border-gray-400 p-3">
  12.                         <p class="text-gray-400">Element: {{ (b+1) }}</p>
  13.                         {% include 'icon-selector.html.twig' with { name: 'iconselect', description: 'Icon' } %}
  14.                         <p>Link: {{ pimcore_link("modallink") }}</p>
  15.                     </div>
  16.                     {% do block.blockEnd() %}
  17.                 {% do block.blockDestruct() %}
  18.             {% endfor %}
  19.             {% do block.end() %}
  20.         </div>
  22.         <div class="w-1/3 overflow-hidden px-3">
  23.             Text: {{ pimcore_wysiwyg("Mtext", { "height" : 200 }) }}
  24.         </div>
  26.         <div class="w-1/3 overflow-hidden pl-3">
  27.             Text: {{ pimcore_wysiwyg("Rtext", { "height" : 200 }) }}
  28.         </div>
  29.     </div>
  30.     <hr />
  32.     <div class="my-3 flex flex-wrap overflow-hidden">
  33.         <div class="w-1/3 overflow-hidden pr-3">
  34.             <p>Teaser: {{ pimcore_textarea('Lteaser', { 'height' : 100 }) }}</p>
  35.             <p>Link: {{ pimcore_link("Llink") }}</p>
  36.         </div>
  38.         <div class="w-1/3 overflow-hidden">
  39.             <p>Teaser: {{ pimcore_textarea('Mteaser', { 'height' : 100 }) }}</p>
  40.             <p>Link: {{ pimcore_link("Mlink") }}</p>
  41.         </div>
  43.         <div class="w-1/3 overflow-hidden pl-3">
  44.             <p>Teaser: {{ pimcore_textarea('Rteaser', { 'height' : 100 }) }}</p>
  45.             <p>Link: {{ pimcore_link("Rlink") }}</p>
  46.         </div>
  47.     </div>
  48.     <hr />
  50. {% else %}
  52.     <div class="container mx-auto">
  53.         <div class="flex flex-wrap px-5">
  54.             {% set bordy = '' %}
  55.             {% set borderColor = pimcore_select('headline-divider-color').getData() %}
  56.             {% if pimcore_checkbox('hasDivider').isChecked() %}
  57.                 {% set bordy = 'border-b-2 pb-2 border-' ~ borderColor %}
  58.             {% endif %}
  60.             {% if pimcore_textarea("headline") != '' %}
  61.                 <div class="w-full mb-5 lg:mx-auto">
  62.                     {% set seo = pimcore_select("seo").getData() %}
  63.                     <{{ seo }} class="text-{{ pimcore_select("seoHeadlineColor").getData() }} block mb-5 md:mb-10 text-2xl md:text-4xl lg:text-5xl font-bold {{ bordy }}">
  64.                         {{ pimcore_textarea("headline")|nl2br }}
  65.                     </{{ seo }}>
  66.                 </div>
  67.             {% endif %}
  69.             <div class="md:pr-10 w-full md:w-1/3 mb-5 lg:mx-auto">
  70.                 {% if pimcore_input("Ltext") != '' %}
  71.                     <div class="text-lg font-bold">
  72.                         {{ pimcore_input("Ltext") }}
  73.                         <br /><br />
  74.                     </div>
  75.                 {% endif %}
  76.                 {% set block = pimcore_block('gridblock', { 'manual' : true, 'default' : 4 }).start() %}
  77.                     {% for b in block.iterator %}
  78.                         {% do block.blockConstruct() %}
  79.                             {% do block.blockStart() %}
  80.                                 <p>{% include 'icon-selector.html.twig' with { name: 'iconselect', description: 'Icon' } %}
  81.                                 {{ pimcore_link("modallink", {
  82.                                     'class' : 'pl-5 underline hover:text-red-600',
  83.                                     'style' : 'text-underline-offset:6px'
  84.                                 }) }}</p>
  85.                                 <br />
  86.                             {% do block.blockEnd() %}
  87.                         {% do block.blockDestruct() %}
  88.                     {% endfor %}
  89.                 {% do block.end() %}
  90.             </div>
  92.             <div class="md:px-10 w-full md:w-1/3 mb-5 lg:mx-auto">
  93.                 {% if pimcore_wysiwyg("Mtext") != '' %}
  94.                     <div class="text-lg {{ Mazz }} list-{{ MazzColor }}">
  95.                         {{ pimcore_wysiwyg("Mtext") }}
  96.                     </div>
  97.                 {% endif %}
  98.             </div>
  100.             <div class="md:pl-10 w-full md:w-1/3 mb-5 lg:mx-auto">
  101.                 {% if pimcore_wysiwyg("Rtext") != '' %}
  102.                     <div class="text-lg {{ Razz }} list-{{ RazzColor }}">
  103.                         {{ pimcore_wysiwyg("Rtext") }}
  104.                     </div>
  105.                 {% endif %}
  106.             </div>
  108.         </div>
  109.     <div class="px-5 bg-gray-50 border-t border-red-600">
  110.         <div class="container flex flex-wrap mx-auto">
  111.             <div class="py-10 md:pr-10 w-full md:w-1/3 lg:mx-auto">
  112.                 {% if pimcore_textarea('Lteaser') != '' %}
  113.                     <p>{{ pimcore_textarea('Lteaser') }}</p>
  114.                 {% endif %}
  115.                 {% if pimcore_link('Llink').getHref() != '' %}
  116.                     <p>{{ pimcore_link("Llink", {
  117.                         'class' : 'mt-2 block morelink'
  118.                     }) }}</p>
  119.                 {% endif %}
  120.             </div>
  121.             <div class="py-10 md:px-10 w-full md:w-1/3 lg:mx-auto">
  122.                 {% if pimcore_textarea('Mteaser') != '' %}
  123.                     <p>{{ pimcore_textarea('Mteaser') }}</p>
  124.                 {% endif %}
  125.                 {% if pimcore_link('Mlink').getHref() != '' %}
  126.                     <p>{{ pimcore_link("Mlink", {
  127.                         'class' : 'mt-2 block morelink'
  128.                     }) }}</p>
  129.                 {% endif %}
  130.             </div>
  131.             <div class="py-10 md:pl-10 w-full md:w-1/3 lg:mx-auto">
  132.                 {% if pimcore_textarea('Rteaser') != '' %}
  133.                     <p>{{ pimcore_textarea('Rteaser') }}</p>
  134.                 {% endif %}
  135.                 {% if pimcore_link('Rlink').getHref() != '' %}
  136.                     <p>{{ pimcore_link("Rlink", {
  137.                         'class' : 'mt-2 block morelink'
  138.                     }) }}</p>
  139.                 {% endif %}
  140.             </div>
  141.         </div>
  142.     </div>
  145. {% endif %}