vendor/conecto/pimcore-provider/src/ProviderBundle/Resources/views/areas/media/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 %}
  4. {# Default block settings #}
  5. {% set class = pimcore_input('class').getData() %}
  6. {% set marginTop = pimcore_select('margin_top').getData() %}
  7. {% set marginBottom = pimcore_select('margin_bottom').getData() %}
  8. {% set containerWidth = pimcore_select('container_width').getData() %}
  9. {% set areaClass = class ~ ' ' ~ marginTop ~ ' ' ~ marginBottom ~ ' ' ~ containerWidth %}
  10. {% set anchorId = pimcore_input('anchor').getData() %}
  12. {# Block specific settings #}
  13. {% set perRow = pimcore_block('mediaobjects').getCount() > 6 ? 6 : pimcore_block('mediaobjects').getCount()  %}
  14. {% if pimcore_select('per_row').getData() %}
  15.     {% set perRow = pimcore_select('per_row').getData() %}
  16. {% endif %}
  17. {% if perRow <= 0 %}
  18.     {% set perRow = 1 %}
  19. {% endif %}
  20. {% set imageRatio = pimcore_select('ratio').getData() ? pimcore_select('ratio').getData() : 3/2 %}
  21. {% set thumbnailSize = pimcore_select('format').getData() ~ perRow %}
  22. {% set noGutter = pimcore_checkbox('no_gutter').isChecked() %}
  23. {% set showLightbox = not pimcore_checkbox('no_lightbox').isChecked() %}
  24. {% set showCopyright = pimcore_checkbox('copyright').isChecked() %}
  25. {% set showCaption = pimcore_checkbox('caption').isChecked() %}
  27. {# Special video settings #}
  28. {% set videoAddAttributes = {} %}
  29. {% set videoRemoveAttributes = pimcore_checkbox('controls').isChecked() ? [] : ['controls'] %}
  30. {% if pimcore_checkbox('autoplay').isChecked() %}{% set videoAddAttributes = videoAddAttributes|merge({autoplay: '', playsinline: ''}) %}{% endif %}
  31. {% if pimcore_checkbox('loop').isChecked() %}{% set videoAddAttributes = videoAddAttributes|merge({loop: ''}) %}{% endif %}
  32. {% if pimcore_checkbox('mute').isChecked() %}{% set videoAddAttributes = videoAddAttributes|merge({muted: ''}) %}{% endif %}
  34. <div class="area area--media{{ pimcore_block('mediaobjects').getCount() > 1 ?  ' area--media--multiple' : '' }} {{ areaClass }}"{% if anchorId %} id="{{ anchorId }}"{% endif %}>
  35.     <div class="cols cols--{{ perRow }}{{ noGutter ? ' no-gutter' : '' }}">
  36.         {% for i in pimcore_iterate_block(pimcore_block('mediaobjects', {
  37.             'limit': 99,
  38.             'default': 1,
  39.             'reload': true
  40.         })) %}
  41.             <figure class="col area--thumbnail">
  42.                 {% if editmode %}
  43.                     {{ conecto_media_edit(
  44.                         'media_',
  45.                         (1920 / perRow),
  46.                         (1920 / perRow) / imageRatio
  47.                     ) }}
  48.                 {% else %}
  49.                     {% if not pimcore_image('media_image').isEmpty() %}
  50.                         {{ conecto_media(
  51.                             pimcore_image('media_image').getImage(),
  52.                             editmode,
  53.                             showLightbox,
  54.                             showCopyright,
  55.                             showCaption,
  56.                             {
  57.                                 thumbName: 'areaMedia',
  58.                                 ratio: imageRatio,
  59.                                 cols: perRow,
  60.                                 widgetAltText: pimcore_image('media_image').getAlt()
  61.                             }
  62.                         ) }}
  63.                     {% endif %}
  65.                     {% if not pimcore_video('media_video').isEmpty() %}
  66.                         {{ pimcore_video('media_video', {
  67.                             "width": "100%",
  68.                             "height": "100%",
  69.                             "attributes": videoAddAttributes,
  70.                             "removeAttributes": videoRemoveAttributes
  71.                         }) }}
  72.                     {% endif %}
  73.                 {% endif %}
  74.             </figure>
  75.         {% endfor %}
  76.     </div>
  77. </div>