templates/pages/_includes/details/_gallery-modal.html.twig line 1

Open in your IDE?
  1. {% set shipEntityLabel = cruise.ship.name|default(cruise.ship.title|default('')) %}
  3. {% set shipPool = [] %}
  4. {% for media in shipMedias|default([]) %}
  5. {% if media.extension|default('')|lower != 'link' and (media.cdnUrl is not empty or media.url is not empty) %}
  6. {% set shipPool = shipPool|merge([media]) %}
  7. {% endif %}
  8. {% endfor %}
  10. {# Index media → escale (même jeu que stopoversMedias côté visionneuse) #}
  11. {% set stopoverEntityLabels = {} %}
  12. {% for stopover in getCruiseStopovers(cruise)|default([]) %}
  13. {% set stopoverEntityLabel = stopover.name|default(stopover.title|default('')) %}
  14. {% for media in crea_media_get_medias([], stopover)|default([]) %}
  15. {% if media.id is defined and media.id is not null %}
  16. {% set stopoverEntityLabels = stopoverEntityLabels|merge({ (media.id ~ ''): stopoverEntityLabel }) %}
  17. {% endif %}
  18. {% set labelMediaPath = media.cdnUrl|default(media.url|default('')) %}
  19. {% if labelMediaPath is not empty %}
  20. {% set stopoverEntityLabels = stopoverEntityLabels|merge({ (labelMediaPath): stopoverEntityLabel }) %}
  21. {% endif %}
  22. {% endfor %}
  23. {% endfor %}
  25. {% set stopoverImages = [] %}
  26. {% for media in stopoversMedias|default([]) %}
  27. {% if media.extension|default('')|lower != 'link' and (media.cdnUrl is not empty or media.url is not empty) %}
  28. {% set mediaPath = media.cdnUrl|default(media.url|default('')) %}
  29. {% set mediaId = media.id|default(null) %}
  30. {% set entityLabel = mediaId ? attribute(stopoverEntityLabels, mediaId ~ '')|default('') : '' %}
  31. {% if entityLabel is empty %}
  32. {% set entityLabel = attribute(stopoverEntityLabels, mediaPath)|default('') %}
  33. {% endif %}
  34. {% set stopoverImages = stopoverImages|merge([{
  35. id: mediaId,
  36. path: mediaPath,
  37. alt: media.title|default(entityLabel)|default('Image escale'),
  38. entityLabel: entityLabel,
  39. }]) %}
  40. {% endif %}
  41. {% endfor %}
  43. {% set cabinPool = [] %}
  44. {% for media in shipPool %}
  45. {% set hasBoardingLifeTag = false %}
  46. {% for mediaTag in media.tags|default([]) %}
  47. {% set tagName = mediaTag.name|default(mediaTag.slug|default(mediaTag|default('')))|lower %}
  48. {% if tagName == 'boarding_life' %}
  49. {% set hasBoardingLifeTag = true %}
  50. {% endif %}
  51. {% endfor %}
  52. {% if hasBoardingLifeTag %}
  53. {% set cabinPool = cabinPool|merge([media]) %}
  54. {% endif %}
  55. {% endfor %}
  57. {% set gallery = {} %}
  58. {% if shipPool is not empty %}
  59. {% set shipImages = [] %}
  60. {% for media in shipPool %}
  61. {% set mediaPath = media.cdnUrl|default(media.url|default('')) %}
  62. {% set shipImages = shipImages|merge([{
  63. id: media.id|default(null),
  64. path: mediaPath,
  65. alt: media.title|default(shipEntityLabel)|default('Image navire'),
  66. entityLabel: shipEntityLabel,
  67. }]) %}
  68. {% endfor %}
  69. {% set gallery = gallery|merge({
  70. ship: {
  71. tab: 'Navire',
  72. count: shipImages|length,
  73. images: shipImages
  74. }
  75. }) %}
  76. {% endif %}
  78. {% if stopoverImages is not empty %}
  79. {% set gallery = gallery|merge({
  80. stopovers: {
  81. tab: 'Escales',
  82. count: stopoverImages|length,
  83. images: stopoverImages
  84. }
  85. }) %}
  86. {% endif %}
  88. {% if cabinPool is not empty %}
  89. {% set cabinImages = [] %}
  90. {% for media in cabinPool %}
  91. {% set mediaPath = media.cdnUrl|default(media.url|default('')) %}
  92. {% set cabinImages = cabinImages|merge([{
  93. id: media.id|default(null),
  94. path: mediaPath,
  95. alt: media.title|default(shipEntityLabel)|default('Image cabine'),
  96. entityLabel: shipEntityLabel,
  97. }]) %}
  98. {% endfor %}
  99. {% set gallery = gallery|merge({
  100. cabin: {
  101. tab: 'Cabine',
  102. count: cabinImages|length,
  103. images: cabinImages
  104. }
  105. }) %}
  106. {% endif %}
  107. <div id="box-viewer" role="dialog" aria-modal="true">
  108. <div class="modale-inner">
  109. <nav>
  110. <div class="modale-title text-lg-sbd color-secondary-dark">
  111. <div>{{ getLucidIcon('grip-vertical') }}
  112. {{ 'details.gallery.title'|trans }} :
  113. {{ getCruiseName(cruise)|default('') }}</div>
  114. {% include 'pages/_includes/modals/_modale_closer.html.twig' with { closer_id: 'close-gallery' } %}
  115. </div>
  116. </nav>
  118. <div class="box">
  119. <div class="navbar">
  120. <ul>
  121. {% for key, category in gallery %}
  122. {% if category.tab is defined %}
  123. <li class="text-sm">
  124. <button class="gallery-tab br1 text-sm-{% if loop.first %}bd active {% else %}rg{% endif %}" data-category="{{ key }}" data-count="{{ category.count|default(0) }}">
  125. {{ category.tab }}
  126. {% if category.count|default(0) > 0 and key != 'map' %}
  127. ({{ category.count }})
  128. {% endif %}
  129. </button>
  130. </li>
  131. {% endif %}
  132. {% endfor %}
  133. </ul>
  134. </div>
  135. <div class="carousel-wrapper" id="gallery-carousel-wrapper">
  136. <div class="carousel-container">
  137. <div class="carousel" id="gallery-carousel"></div>
  138. </div>
  139. <button class="carousel-arrow left" aria-label="{{ 'common.previous'|trans }}">{{ getLucidIcon('chevron-left') }}</button>
  140. <button class="carousel-arrow right" aria-label="{{ 'common.next'|trans }}">{{ getLucidIcon('chevron-right') }}</button>
  141. </div>
  143. <div id="gallery-map-container" style="display: none;">
  144. <div id="gallery-map" class="leaflet-map" style="height: 100%; width: 100%;"></div>
  145. </div>
  147. <div class="carousel-thumbnails" id="gallery-thumbnails"></div>
  148. </div>
  149. </div>
  150. </div>
  152. <script type="application/json" data-gallery>
  153. {{ gallery|json_encode|raw }}
  154. </script>