src/Elements/Bundle/DemiFrontendBundle/Resources/views/Accommodation/includes/acco-pictures.desktop.html.twig line 1

Open in your IDE?
  1. {% set videoCount = videoCount|default(0) %}
  2. {% set panoCount = panoCount|default(0) %}
  3. {% set package = package is defined ? package : null %}
  4. <section class="mt-4">
  5.     {% if videoCount > 0 or panoCount > 0 %}
  6.     <div data-track-content data-content-name="{{ package ? 'package-' : 'accommodation-' }}media-links">
  7.         <div class="row">
  8.             {% if videoCount > 0 %}
  9.                 {% set s = videoCount == 1 ? "" : "s" %}
  10.                 {% set headline = ('demi.detail.video' ~ s ~ '-gallery-button')|trans %}
  11.                 {% set headline = headline|replace({'[AMOUNT_IMAGES]': ''}) %}
  13.                 <div class="col-6">
  14.                     <h2 class="mb-4 text-primary">{{ headline }}</h2>
  15.                     {% for item in impressionLinks["video"] %}
  16.                         {% set url = demi_parseUrl( item.getUrl()|escape('html') ) %}
  17.                         {%  if url['host'] is not empty %}
  18.                             <a href="{{ item.getUrl()|escape('html') }}" class="btn btn-primary mr-2 mb-2" target="_blank">
  19.                                 <span class="btn__icon demi-icon demi-icon-play-circle mr-2" aria-hidden="true"></span>{{ item.getName() }}
  20.                             </a>
  21.                         {% endif %}
  22.                     {% endfor %}
  23.                 </div>
  25.             {% endif %}
  26.             {% if panoCount > 0 %}
  27.                 {% set s = panoCount == 1 ? "" : "s" %}
  28.                 {% set headline = ('demi.detail.panorama' ~ s ~ '-gallery-button')|trans  %}
  29.                 {% set headline = headline|replace({'[AMOUNT_IMAGES]': ''}) %}
  31.                 <div class="col-6">
  32.                     <h2 class="mb-4 text-primary">360° {{ headline }}</h2>
  33.                     {% for item in impressionLinks["pano"] %}
  34.                         {% set url = demi_parseUrl( item.getUrl() ) %}
  35.                         {%  if url['host'] is not empty %}
  36.                         <a target="_blank" href="{{ item.getUrl() }}" class="btn btn-primary mr-2 mb-2">
  37.                             <span class="btn__icon demi-icon demi-icon-play-circle mr-2" aria-hidden="true"></span>{{ item.getName() }}
  38.                         </a>
  39.                         {% endif %}
  40.                      {% endfor %}
  41.                 </div>
  42.             {% endif %}
  43.         </div>
  44.     </div>
  45.     <hr class="hr--border-gray my-5">
  46.     {% endif %}
  48.     <div data-track-content data-content-name="{{ package ? 'package-' : 'accommodation-' }}gallery">
  49.     {% if photoCount > 0 %}
  50.             {% set s = photoCount == 1 ? "" : "s" %}
  51.             {% set headline = ('demi.detail.image' ~ s ~ '-gallery-button')|trans %}
  52.             {% set headline = headline|replace({'[AMOUNT_IMAGES]': ''}) %}
  53.             {% set fullPathLighbox = document.getFullPath() %}
  55.             {% if fullPathLighbox != '' %}
  56.                 {% set lightboxTopBarUrl = pimcore_url({'path': document.getFullPath()|trim('/','right') },'demi_lightbox_topbar_content') %}
  57.                 {% if lightboxTopBarUrl matches '@^//.*@' %}
  58.                     {% set  lightboxTopBarUrl = lightboxTopBarUrl|replace({"//": "/"})%}
  59.                 {% endif %}
  60.             {% endif %}
  62.             <h2 class="mb-4 text-primary">{{ headline }}</h2>
  63.             <div class="js-lightbox-group js-object-images__container" {% if additionalService is not defined %}data-lightbox-topbar-content-url="{{ lightboxTopBarUrl }}{{ '?' in lightboxTopBarUrl ? '&' : '?' }}id={{ accoId }}{{ housePackageMasterId is defined ? '&pid=' ~ housePackageMasterId : '' }}" data-lightbox-topbar-wrapper="#lightboxTopBar"{% endif %}>
  64.                 {% set imageArray = [] %}
  65.                 {% set countGaId = 1 %}
  66.                 {% set countImages = 1 %}
  67.                 {% set imageAmount = [3,4,4] %}
  68.                 {% set ogimagecount = 0 %}
  69.                 {% set images = [] %}
  70.                 {% for image in imageList %}
  71.                     {% if ogimagecount < 5 %}
  72.                         {% do elements_opengraph().setImages(elements_opengraph().getImages|merge( [app.request.getHost() ~ image])) %}
  73.                         {% set  ogimagecount = ogimagecount+1 %}
  74.                     {% endif %}
  75.                     {% set images = images|merge({(countImages-1): image})  %}
  76.                     {% if countImages == imageAmount[countGaId-1] %}
  77.                         {% set galId = countGaId%4 %}
  78.                         {{ include("@ElementsDemiFrontend/Accommodation/includes/acco-gallery-row-type" ~ galId ~ ".html.twig",{
  79.                             'images': images
  80.                         }) }}
  81.                         {% set countImages=0 %}
  82.                         {% set images = [] %}
  83.                         {% set countGaId = countGaId == 3 ? 1 : countGaId+1 %}
  84.                     {% endif %}
  86.                     {% set countImages = countImages + 1 %}
  87.                 {% endfor %}
  88.                 {% if images is defined and images is not empty %}
  89.                     {% if images|length == 3 or images|length == 1 %}
  90.                         {% set galId = 1 %}
  91.                     {% else %}
  92.                         {% set galId = 3 %}
  93.                     {% endif %}
  94.                     {{ include("@ElementsDemiFrontend/Accommodation/includes/acco-gallery-row-type" ~ galId ~ ".html.twig",{
  95.                         'images': images
  96.                     }) }}
  97.                 {% endif %}
  99.             </div>
  100.     {% endif %}
  101.     </div>
  102. </section>