templates/nodes/gallery.html.twig line 1

Open in your IDE?
  2. {% set list = load_nodes('image', {parent:module.id}).list %}
  3. {% set thmb = thmb|default(module.vars.thumb) %}
  4. <div class="node-gallery">
  5. {% set urls = [] %}
  6. <div class="{{ thmb == 'node_gallery_outbound' ? 'gallery-fullwidth' : 'image-list' }}">
  7. {% set rows = list|design_rows %}
  8. {% set num = 0 %}
  9. {% for row in rows %}
  11. {% for index, item in row %}
  12. {% set url = item.vars.url %}
  13. <a href="{% if item.vars.url %}
  14. {%- if is_video_url(url) -%}
  15. {%- set url= url -%}
  16. {%- endif -%}
  17. {{- url -}}
  18. {%- set urls = urls|merge({(index) :
  19. {
  20. src: url,
  21. type: 'video',
  22. thumb: item.vars.photo.path|imagine_filter_cache(thmb),
  23. caption: item.vars.title,
  24. sources: [url]
  25. }
  27. }) -%}
  28. {%-else-%}
  29. {{- item.vars.photo.path|imagine_filter_cache('full') -}}
  30. {%- set urls = urls|merge({(index) :
  31. {
  32. src: asset(item.vars.photo.path),
  33. thumb: item.vars.photo.path|imagine_filter_cache(thmb),
  34. title: item.vars.title,
  35. sources: [asset(item.vars.photo.path)]
  36. }
  38. }) -%}
  39. {%- endif -%}" {% if module.vars.download %} download {% else %} @click.stop.prevent="showGal({{ module.id }}, {{ index }})"{% endif %} title="{{ item.vars.title }}">
  40. {% if (thmb == 'node_gallery_outbound') %}
  41. <img src="{{ item.vars.photo.path }}" />
  42. {% else %}
  43. <img src="{{ item.vars.photo.path }}" class="gallery-square" />
  44. {% endif %}
  46. </a>
  49. {% endfor %}
  52. {% endfor %}
  53. </div>
  55. <div class="clear-fix"></div>
  56. {% if not module.vars.download %}
  57. <div v-if="galEnabled({{ module.id }})">
  58. <teleport to="body">
  59. <light-box :start-at="galStart" :show-caption="true" :media="{{ urls|json_encode|e('html_attr') }}" @onClosed="hideGal({{ module.id }})"></light-box>
  60. </teleport>
  62. </div>
  63. {% endif %}