templates/Weather/accordion.html.twig line 1

Open in your IDE?
  1. <div class="accordion" id="accordionExample">
  2.     {% for community in stations %}
  3.         {% if community is instanceof('\\Pimcore\\Model\\DataObject\\Community') %}
  4.             {% set station = community.prognosis %}
  5.             {% set link = linkGenerator().generate(community) %}
  6.         {% elseif community is instanceof('\\Pimcore\\Model\\DataObject\\Region') %}
  7.             {% set station = community.weatherStation %}
  8.             {% set link = community.siteConfig.weatherOverview %}
  9.         {% elseif community is instanceof('\\Pimcore\\Model\\DataObject\\WeatherStation') %}
  10.             {% set station = community %}
  11.             {% set link = false %}
  12.         {% endif %}
  13.         {% if station|default(false) %}
  14.             {% set today = station.today %}
  15.             <div class="card">
  16.                 <div class="card-header" id="weather-heading-{{ loop.index }}">
  17.                     <div class="row align-items-center vertical-gutter--2">
  18.                         <div class="col-12 col-md-4 vertical-gutter__item">
  19.                             <h3 class="mb-0 card-header__title text-uppercase">
  20.                                 {{ community.name }}
  21.                             </h3>
  22.                         </div>
  23.                         <div class="col-6 col-md-4 text-md-center vertical-gutter__item">
  24.                             {% if today %}
  25.                                 {{ include('Includes/Partials/weather-item-sm.html.twig', {
  26.                                     'title': 'weather.Heute'|trans,
  27.                                     'icon': today.symbDay,
  28.                                     'min': today.tminDay,
  29.                                     'max': today.tmaxDay
  30.                                 }) }}
  31.                             {% endif %}
  32.                         </div>
  33.                         <div class="col-6 col-md-2 offset-md-1 vertical-gutter__item">
  34. {#                            TODO active if regions are live {% if link %}#}
  35. {#                                <a href="{{ link }}" class="btn btn-outline-white">{{ 'weather.zum ort'|trans }}</a>#}
  36. {#                            {% endif %}#}
  37.                         </div>
  38.                     </div>
  39.                     <button class="btn btn-white icon-btn card-header__toggle {{ loop.index == 1 ? '' : 'collapsed' }}" type="button" data-toggle="collapse" data-target="#weather-{{ loop.index }}" aria-expanded="{{ loop.index == 1 ? 'true' : 'false' }}" aria-controls="weather-{{ loop.index }}">
  40.                         <span class="icon icon-arrow-right icon-btn__icon"></span>
  41.                     </button>
  42.                 </div>
  44.                 <div id="weather-{{ loop.index }}"
  45.                      class="collapse {{ loop.index == 1 ? 'show' : '' }}"
  46.                      aria-labelledby="weather-heading-{{ loop.index }}"
  47.                      data-parent="#accordionExample">
  48.                     <div class="card-body scrolling-area">
  49.                         <div class="row justify-content-md-center flex-nowrap vertical-gutter--3">
  50.                             {% for key,weatherData in station.weatherData %}
  51.                                 {% if key < 5 %}
  52.                                     <div class="col-5 col-md vertical-gutter__item">
  53.                                         {{ include('Includes/Partials/weather-item.html.twig', {
  54.                                             'title': weatherData.date.localeDayOfWeek,
  55.                                             'icon': weatherData.symbDay,
  56.                                             'date': weatherData.date.format('d.m.Y'),
  57.                                             'min': weatherData.tminDay,
  58.                                             'max': weatherData.tmaxDay
  59.                                         }) }}
  60.                                     </div>
  61.                                 {% endif %}
  62.                             {% endfor %}
  63.                         </div>
  64.                     </div>
  65.                 </div>
  66.             </div>
  67.         {% endif %}
  68.     {% endfor %}
  69. </div>
  71. {{ include('Navigation/paging.html.twig', {paginator: stations, addClass: 'justify-content-center', ajaxPaging: true, showFirstLast:true}) }}