templates/Tour/detail/tourDetails.html.twig line 1

Open in your IDE?
  1. <div class="mt-5">
  2.     <h2 class="js-toc__title h3">{{ 'tour-detail.Tour in Zahlen'|trans }}</h2>
  3.     <div class="row vertical-gutter--3">
  4.         {% if tour.ratingDifficulty %}
  5.             <div class="col-4 col-md vertical-gutter__item">
  6.                 <div class="h-100 d-flex flex-column justify-content-between">
  7.                     {% if tour.ratingDifficulty == 3 %}
  8.                         {% set levelColor = 'dark' %}
  9.                     {% elseif tour.ratingDifficulty == 2 %}
  10.                         {% set levelColor = 'info' %}
  11.                     {% else %}
  12.                         {% set levelColor = 'success' %}
  13.                     {% endif %}
  14.                     <div><span class="badge badge-lg badge-{{ levelColor }}">{{ ('tour.difficulty' ~ tour.ratingDifficulty)|trans }}</span></div>
  15.                     {{ 'tour-detail.Schwierigkeit'|trans }}
  16.                 </div>
  17.             </div>
  18.         {% endif %}
  20.         {% if tour.length %}
  21.             <div class="col-4 col-md vertical-gutter__item">
  22.                 <div class="tour-info">
  23.                     <div class="font-decorative text-primary tour-info__value">{{ (tour.length/1000)|number_format(1, ',', '.') }} km</div>
  24.                     {{ 'tour-detail.Strecke'|trans }}
  25.                 </div>
  26.             </div>
  27.         {% endif %}
  28.         {% if tour.timeMin %}
  29.             <div class="col-4 col-md vertical-gutter__item">
  30.                 <div class="tour-info">
  31.                     {% set duration = tour.timeMin %}
  32.                     {% set hour = (duration/60)|round(0, 'floor') %}
  33.                     {% set minutes = duration % 60 %}
  34.                     {% if minutes < 10 %}
  35.                         {% set minutes = 0 ~ minutes %}
  36.                     {% endif %}
  37.                     <div class="font-decorative text-primary tour-info__value">{{ hour }}:{{ minutes }} h</div>
  38.                     {{ 'tour-detail.Dauer'|trans }}
  39.                 </div>
  40.             </div>
  41.         {% endif %}
  42.         {% if tour.elevationAscent %}
  43.             <div class="col-4 col-md vertical-gutter__item ">
  44.                 <div class="tour-info">
  45.                     <div class="font-decorative text-primary tour-info__value">{{ tour.elevationAscent }} hm</div>
  46.                     {{ 'tour-detail.Aufstieg'|trans }}
  47.                 </div>
  48.             </div>
  49.         {% endif %}
  50.         {% if tour.elevationDescent %}
  51.             <div class="col-4 col-md vertical-gutter__item">
  52.                 <div class="tour-info">
  53.                     <div class="font-decorative text-primary tour-info__value">{{ tour.elevationDescent }} hm</div>
  54.                     {{ 'tour-detail.Abstieg'|trans }}
  55.                 </div>
  56.             </div>
  57.         {% endif %}
  58.         {% if tour.elevationMaxAltitude %}
  59.             <div class="col-4 col-md vertical-gutter__item">
  60.                 <div class="tour-info">
  61.                     <div class="font-decorative text-primary tour-info__value">{{ tour.elevationMaxAltitude }} m</div>
  62.                     {{ 'tour-detail.Höchster Punkt'|trans }}
  63.                 </div>
  64.             </div>
  65.         {% endif %}
  66. {#        {% if tour.elevationMinAltitude %}#}
  67. {#            <div class="col-4 col-md vertical-gutter__item">#}
  68. {#                <div class="tour-info">#}
  69. {#                    <div class="font-decorative text-primary tour-info__value">{{ tour.elevationMinAltitude }} m</div>#}
  70. {#                    {{ 'tour-detail.Tiefster Punkt'|trans }}#}
  71. {#                </div>#}
  72. {#            </div>#}
  73. {#        {% endif %}#}
  75.     </div>
  76. </div>