templates/Tour/teaser.html.twig line 1

Open in your IDE?
  1. {# @var \Pimcore\Model\DataObject\AlpsteinTour tour #}
  2. <section class="tour-teaser teaser-animation">
  3.     {% if tour.publicTransportFriendly %}
  4.         <div class="tour-teaser__arrival">
  5.             <span class="tour-teaser__arrival-icon icon icon-traffic" aria-label="mit Bus erreichbar" data-toggle="tooltip" data-original-title="{{ 'tour.mit Bus erreichbar'|trans }}"></span>
  6.             <span class="tour-teaser__arrival-text">
  7.                 {{ 'tour.mit Bus erreichbar'|trans }}
  8.             </span>
  9.         </div>
  10.     {% endif %}
  11.     <div class="embed-responsive embed-responsive-7by9">
  12.         {% set teaserImage = null %}
  13.         {% if tour.primaryImage %}
  14.             {% set teaserImage = tour.primaryImage %}
  15.         {% elseif tour.images and tour.images[0] %}
  16.             {% set teaserImage = tour.images[0] %}
  17.         {% endif %}
  18.         {% if teaserImage %}
  19.             {% set description = getImageDescription(teaserImage, true) %}
  20.             {{ teaserImage.thumbnail('tour-teaser').html({
  21.                 imgAttributes: {
  22.                     class: 'js-lazy-img embed-responsive-item teaser-animation__img'
  23.                 },
  24.                 lowQualityPlaceholder: true,
  25.                 title: description|default(''),
  26.                 alt: description|default('')
  27.             })|raw }}
  28.         {% endif %}
  29.     </div>
  31.     <div class="tour-teaser__content d-flex flex-column justify-content-end">
  32.         <div class="vertical-gutter--2">
  33.             {% set location = getTourLocation(tour) %}
  34.             {% if location %}
  35.                 <span class="badge badge-white mr-md-2 mr-1 vertical-gutter__item">{{ location }}</span>
  36.             {% endif %}
  37.             {% if tour.ratingDifficulty %}
  38.                 {% if tour.ratingDifficulty == 3 %}
  39.                     {% set levelColor = 'dark' %}
  40.                 {% elseif tour.ratingDifficulty == 2 %}
  41.                     {% set levelColor = 'info' %}
  42.                 {% elseif tour.ratingDifficulty == 1 %}
  43.                     {% set levelColor = 'success' %}
  44.                 {% endif %}
  45.                 <span class="badge badge-{{ levelColor }} mr-2  vertical-gutter__item">{{ ('tour.difficulty' ~ tour.ratingDifficulty)|trans }}</span>
  46.             {% endif %}
  49.             {#
  50.             open: badge-success
  51.             partially-open: badge-info
  52.             closed: badge-danger
  53.             #}
  54.             {% set badge = [] %}
  55.             {% if tour.openedState %}
  56.                 {% if tour.openedState == 'open' %}
  57.                     {% set badge = {
  58.                         'color': 'success',
  59.                         'text': 'tour.Geöffnet'|trans
  60.                     } %}
  61.                 {% elseif tour.openedState == 'partially-open' %}
  62.                     {% set badge = {
  63.                         'color': 'info',
  64.                         'text': 'tour.Teilweise geöffnet'|trans
  65.                     } %}
  66.                 {% elseif tour.openedState == 'closed' %}
  67.                     {% set badge = {
  68.                         'color': 'danger',
  69.                         'text': 'tour.Geschlossen'|trans
  70.                     } %}
  71.                 {% endif %}
  72.             {% endif %}
  73.             {% if badge is not empty %}
  74.                 <span class="badge badge-{{ badge.color }} mr-2  vertical-gutter__item">
  75.                 {{ badge.text }}
  76.             </span>
  77.             {% endif %}
  79.         </div>
  81.         <div class="row row-gutter--3 pt-2">
  82.             <div class="col-auto">
  83.                 <span class="font-default-bold">{{ 'tour.Strecke'|trans }}</span> {{ (tour.length / 1000)|number_format(1, ',', '.') }} km
  84.             </div>
  85.             <div class="col-auto">
  86.                 {% set duration = tour.timeMin %}
  87.                 {% set hour = (duration/60)|round(0, 'floor') %}
  88.                 {% set minutes = duration % 60 %}
  89.                 {% if minutes < 10 %}
  90.                     {% set minutes = 0 ~ minutes %}
  91.                 {% endif %}
  92.                 <span class="font-default-bold">{{ 'tour.Dauer'|trans }}</span> {{ hour }}:{{ minutes }} h
  93.             </div>
  94.         </div>
  95.         {% set description = getImageDescription(tour.primaryImage) %}
  96.         <h3 class="tour-teaser__content__title font-default-bold mb-0"><a href="{{ linkGenerator().generate(tour, {relative: true, canoncial: false}) }}" class="stretch-link__link" title="{{ description|default('') }}">{{ tour.name }}</a></h3>
  97.     </div>
  98. </section>