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

Open in your IDE?
  2. {# @var \Pimcore\Templating\GlobalVariables app #}
  4. {# @var accommodation \Elements\Demi\Model\AccommodationServiceProvider #}
  5. {# @var impressionLinks #}
  6. {# @var int photoCount #}
  7. {# @var int videoCount #}
  8. {# @var int panoCount #}
  10. {% set alt = alt|default('Alt test') %}
  11. {% if imageList[0] is defined  and imageList[0] is instanceof("\\Pimcore\\Model\\Asset") %}
  12.     {% set image = imageList[0] %}
  14.     {% for metadata in imageList[0].metadata %}
  15.         {% if metadata['name'] == 'alt' and metadata['language'] == 'de' %}
  16.             {% set alt = metadata['data'] %}
  17.         {% endif %}
  18.     {% endfor %}
  19. {% endif %}
  21. {%  if image is defined %}
  22. <div class="detail-header--full" style="background-image:url({{ image }}) ">
  23.     <img src="{{ image.getThumbnail('demi-desktop-full-img-header') }}" class="sr-only" alt="{{ alt }}"/>
  24.     <div class="gallery-buttons">
  25.         <script data-cookieconsent="ignore">
  26.             _config.openTabAndSroll = true;
  27.         </script>
  29.         {% if not pimcore_device().isPhone() %}
  31.             {% if photoCount > 0 %}
  32.                 <a href="#pictures"
  33.                    data-target="#pictures"
  34.                    aria-controls="pictures"
  35.                    class="gallery-button js-open-tab-and-scroll">
  36.                     <div aria-hidden="true" class="demi-icon demi-icon-image gallery-button__icon"></div>
  37.                     <div>
  38.                         {% set s = photoCount == 1 ? "" : "s" %}
  39.                         {% set translationstring = 'demi.detail.image' ~ s ~ '-gallery-button' %}
  40.                         {% set galleryString = demi_fillTranslation({'[AMOUNT_IMAGES]': photoCount }, translationstring) %}
  41.                         {{ galleryString|raw }}
  42.                     </div>
  43.                 </a>
  44.             {% endif %}
  46.             {% if videoCount > 0 %}
  47.                 <a href="#pictures"
  48.                    data-target="#pictures"
  49.                    aria-controls="pictures"
  50.                    class="gallery-button js-open-tab-and-scroll">
  51.                     <div aria-hidden="true" class="demi-icon demi-icon-play-circle gallery-button__icon"></div>
  52.                     <div>
  53.                         {% set s = videoCount == 1 ? "" : "s" %}
  54.                         {% set translationstring = 'demi.detail.video' ~ s ~ '-gallery-button' %}
  55.                         {% set galleryString = demi_fillTranslation({'[AMOUNT_IMAGES]': videoCount}, translationstring) %}
  56.                        
  57.                         {{ galleryString|raw }}
  58.                     </div>
  59.                 </a>
  60.             {% endif %}
  61.             {% if panoCount > 0 %}
  62.                 <a href="#pictures"
  63.                    data-target="#pictures"
  64.                    aria-controls="pictures"
  65.                    class="gallery-button js-open-tab-and-scroll">
  66.                     <div aria-hidden="true" class="demi-icon demi-icon-landscape gallery-button__icon"></div>
  67.                     <div>
  68.                         {% set s = panoCount == 1 ? "" : "s" %}
  69.                         {% set translationstring = 'demi.detail.panorama' ~ s ~ '-gallery-button' %}
  70.                         {% set galleryString = demi_fillTranslation({'[AMOUNT_IMAGES]': panoCount}, translationstring) %}
  71.                     
  72.                         {{ galleryString|raw }}
  73.                     </div>
  74.                 </a>
  75.             {% endif %}
  77.         {% else %}
  78.         <a href="#pictures"
  79.            data-target="#pictures"
  80.            aria-controls="pictures"
  81.            class="btn btn-primary js-open-tab-and-scroll">
  82.             <span class="demi-icon demi-icon-image icon-in-text mr-1"></span>
  83.             {% set photoCount =  photoCount + panoCount %}
  84.             {% if videoCount > 0 %}
  85.                 {% set photoCount = photoCount + videoCount %}
  86.                 {% set translationstring = 'demi.detail.images-videos-gallery-button' %}
  87.             {% else %}
  88.                 {% set s = photoCount == 1 ? "" : "s" %}
  89.                 {% set galleryString = ('demi.detail.image' ~ s ~ '-gallery-button')|trans  %}
  90.                 {% set translationstring = 'demi.detail.image' ~ s ~ '-gallery-button' %}
  91.             {% endif %}
  93.             {% set galleryString = demi_fillTranslation({'[AMOUNT_IMAGES]': photoCount}, translationstring) %}
  94.             
  95.             {{ galleryString|raw }}
  96.         </a>
  97.         {% endif %}
  98.     </div>
  99. </div>
  100. {% endif %}