templates/bundles/ProviderBundle/areas/promocontent/view.html.twig line 1

Open in your IDE?
  1. {% from '@Provider/macros/media.html.twig' import media as conecto_media %}
  2. {% from '@Provider/macros/media_edit.html.twig' import media_edit as conecto_media_edit %}
  3. {% from '@Provider/macros/include-svg.html.twig' import includeSvg %}
  5. {# Default block settings #}
  6. {% set class = pimcore_input('class').getData() %}
  7. {% set marginTop = pimcore_select('margin_top').getData() %}
  8. {% set marginBottom = pimcore_select('margin_bottom').getData() %}
  9. {% set containerWidth = pimcore_select('container_width').getData() %}
  10. {% set areaClass = class ~ ' ' ~ marginTop ~ ' ' ~ marginBottom ~ ' ' ~ containerWidth %}
  11. {% set anchorId = pimcore_input('anchor').getData() %}
  13. {# Block specific settings #}
  14. {% set htag = pimcore_select('tag').getData() %}
  15. {% set special = pimcore_checkbox('special').isChecked() ? true : false %}
  16. {% set mediaWidth = pimcore_select('media_width').getData() ? pimcore_select('media_width').getData() : 50 %}
  17. {% set textWidth = pimcore_select('media_width').getData() ? (100 - pimcore_select('media_width').getData())  : 50 %}
  18. {% set colRatio = textWidth ~ '-' ~ mediaWidth %}
  19. {% set imageRatio = pimcore_select('ratio').getData() ? pimcore_select('ratio').getData() : 3/2 %}
  20. {% set showLightbox = 0 %}
  21. {% set showCopyright = pimcore_checkbox('copyright').isChecked() %}
  22. {% set showCaption = pimcore_checkbox('caption').isChecked() %}
  24. {# Special video settings #}
  25. {% set videoAddAttributes = {} %}
  26. {% set videoRemoveAttributes = pimcore_checkbox('controls').isChecked() ? [] : ['controls'] %}
  27. {% if pimcore_checkbox('autoplay').isChecked() %}{% set videoAddAttributes = videoAddAttributes|merge({autoplay: '', playsinline: ''}) %}{% endif %}
  28. {% if pimcore_checkbox('loop').isChecked() %}{% set videoAddAttributes = videoAddAttributes|merge({loop: ''}) %}{% endif %}
  29. {% if pimcore_checkbox('mute').isChecked() %}{% set videoAddAttributes = videoAddAttributes|merge({muted: ''}) %}{% endif %}
  31. <div class="area area--promo-content {{ areaClass }}"{% if anchorId %} id="{{ anchorId }}"{% endif %}>
  32.     {% if not pimcore_link('link').isEmpty() %}
  33.     <a href="{{ pimcore_link('link').getHref() }}" {% if pimcore_link('link').getTarget() %}target="{{ pimcore_link('link').getTarget() }}"{% endif %}>
  34.     {% endif %}
  35.         <div class="area--promo-content-inner">
  36.             {% if editmode %}
  37.                 {{ conecto_media_edit(
  38.                     'promocontent_',
  39.                     (1920 * mediaWidth / 100),
  40.                 (1920 * mediaWidth / 100) / imageRatio
  41.                 ) }}
  42.             {% else %}
  43.                 {% if not pimcore_image('promocontent_image').isEmpty() %}
  44.                     {{ conecto_media(
  45.                         pimcore_image('promocontent_image').getImage(),
  46.                         editmode,
  47.                         showLightbox,
  48.                         showCopyright,
  49.                         showCaption,
  50.                         {
  51.                             thumbName: 'promocontent',
  52.                             ratio: imageRatio,
  53.                             cols: 100 / mediaWidth,
  54.                             widgetAltText: pimcore_image('promocontent_image').getAlt()
  55.                         }
  56.                     ) }}
  57.                 {% endif %}
  59.                 {% if not pimcore_video('promocontent_video').isEmpty() %}
  60.                     {{ pimcore_video('promocontent_video', {
  61.                         "width": "100%",
  62.                         "height": "100%",
  63.                         "attributes": videoAddAttributes,
  64.                         "removeAttributes": videoRemoveAttributes
  65.                     }) }}
  66.                 {% endif %}
  67.             {% endif %}
  68.             <div class="promo-content--container text-center">
  69.                 <{{ htag }}{% if special %} class="special"{% endif %}>
  70.                     {{ pimcore_input('promocontent_headline') }}
  71.                     {% if special %}
  72.                         <span class="spacer">{{ includeSvg('diverses/diamond') }}</span>
  73.                     {% endif %}
  74.                     <small>{{ pimcore_input('promocontent_subheadline') }}</small>
  75.                 </{{ htag }}>
  76.                 {% if editmode %}
  77.                     {{ pimcore_link('link', { 'reload': true }) }}
  78.                 {% endif %}
  79.                 {% if not pimcore_link('link').isEmpty() %}
  80.                     <button class="btn btn-{% if pimcore_link('link').getClass() %}{{ pimcore_link('link').getClass() }}{% else %}outline{% endif %}">
  81.                         {{ pimcore_link('link').getText() }}
  82.                     </button>
  83.                 {% endif %}
  84.             </div>
  85.         </div>
  86.     {% if not pimcore_link('link').isEmpty() %}
  87.     </a>
  88.     {% endif %}
  89. </div>