bundles/AppBundle/Resources/views/Areas/text-image/view.html.twig line 1

Open in your IDE?
  1. {% set align = pimcore_select('align').getValue() %}
  2. {% set image = pimcore_image('image1') %}
  3. {% set hasImage = image and image.getSrc() %}
  5. {% set paddingTop = pimcore_select('paddingTop').getValue() %}
  6. {% set paddingBottom = pimcore_select('paddingBottom').getValue() %}
  8. {% set text1 = pimcore_wysiwyg('text1') %}
  9. {% set text2 = pimcore_wysiwyg('text2') %}
  11. {% set textColor = pimcore_select('textColor').getValue() %}
  12. {% set textColorHex = pimcore_input('textColorHex').getValue() %}
  13. {% set bgColor = pimcore_select('bgColor').getValue() %}
  14. {% set bgColorHex = pimcore_input('bgColorHex').getValue() %}
  16. {% set textColor1 = pimcore_select('textColor1').getValue() %}
  17. {% set textColor1Hex = pimcore_input('textColor1Hex').getValue() %}
  18. {% set bgColor1 = pimcore_select('bgColor1').getValue() %}
  19. {% set bgColor1Hex = pimcore_input('bgColor1Hex').getValue() %}
  20. {% set shadow1 = pimcore_checkbox('shadow1').isChecked() %}
  21. {% set padding1 = bgColor1 or bgColor1Hex or shadow1 %}
  23. {% set textColor2 = pimcore_select('textColor2').getValue() %}
  24. {% set textColor2Hex = pimcore_input('textColor2Hex').getValue() %}
  25. {% set bgColor2 = pimcore_select('bgColor2').getValue() %}
  26. {% set bgColor2Hex = pimcore_input('bgColor2Hex').getValue() %}
  27. {% set shadow2 = pimcore_checkbox('shadow2').isChecked() %}
  28. {% set padding2 = bgColor2 or bgColor2Hex or shadow2 %}
  31. <div class="{% if not textColorHex %} {{ textColor }} {% endif %} {% if not bgColorHex %} {{  bgColor }} {% endif %}" style="{% if textColorHex %}color: {{ textColorHex }}; {% endif %} {% if bgColorHex %}background: {{ bgColorHex }}; {% endif %}">
  32.     <div class="container px-5 pt-{{ paddingTop }} pb-{{ paddingBottom }}">
  33.         <div class="grid grid-cols-5 gap-5 md:gap-10">
  34.             <div class="{% if align != 'top' %} col-span-5 md:col-span-3 {% else %} col-span-5 {% endif %} {% if align == 'right' %} order-2 {% endif %}">
  35.                 <div class="prose colored text-balance {% if not editmode %}fade-in{% endif %} {% if not textColor1Hex %} {{ textColor1 }} {% endif %} {% if not bgColor1Hex %} {{  bgColor1 }} {% endif %} {% if padding1 %} p-5 {% endif %}  {% if shadow1 %}shadow-card{% endif %}" style="{% if textColor1Hex %}color: {{ textColor1Hex }}; {% endif %} {% if bgColor1Hex %}background: {{ bgColor1Hex }}; {% endif %}">
  36.                     {{ text1 | pimcoreObject | raw }}
  37.                 </div>
  38.             </div>
  39.             <div class="{% if align == 'shifted' %} md:col-start-3 col-span-5 md:col-span-3 {% else %}{% if align != 'top' %} col-span-5 md:col-span-2 {% else %} col-span-5 {% endif %}{% endif %} {% if align == 'right' %} order-1 {% endif %} {% if not editmode and not hasImage and not text2.getValue() %} hidden {% endif %}">
  40.                 {% if hasImage %}
  41.                     <div class="overflow-clip rounded-md {% if text2.getValue() %} mb-5 {% endif %}">
  42.                         <img src="{{ image.getThumbnail('stageThumbnailMobile').getPath() }}" class="w-full" title="">
  43.                     </div>
  44.                     {% if image.image.getMetadata('copyright') %}
  45.                        <div class="text-xs opacity-50 mt-2">&copy; {{ image.image.getMetadata('copyright') }}</div>
  46.                     {% endif %}
  47.                 {% endif %}
  48.                 <div class="prose colored text-balance {% if not editmode %}fade-in delay-150{% endif %} {% if not textColor2Hex %} {{ textColor2 }} {% endif %} {% if not bgColor2Hex %} {{  bgColor2 }} {% endif %} {% if padding2 %} p-5 {% endif %} {% if shadow2 %}shadow-card{% endif %}" style="{% if textColor2Hex %}color: {{ textColor2Hex }}; {% endif %} {% if bgColor2Hex %}background: {{ bgColor2Hex }}; {% endif %}">
  49.                     {{ text2 | pimcoreObject | raw }}
  50.                 </div>
  51.             </div>
  52.         </div>
  53.     </div>
  54. </div>