templates/Snippets/weatherSlide.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  2.     {{ include('Layout/includes/css.html.twig') }}
  3.     {{ include('Layout/includes/encore.html.twig', {
  4.         'staticDebugMode': staticDebugMode,
  5.         'file': 'js/content'
  6.     }) }}
  7.     <div class="editmode-box editmode-box--info">
  8.         <div class="editmode-box__header">
  9.             Weather Station
  10.         </div>
  11.         {{ pimcore_relation('weatherStation', {'types': ['object'], 'subtypes': ['object'], 'classes': ['WeatherStation']}) }}
  13.     </div>
  14. {% endif %}
  16. <section class="slide slide--has-bg {{ styleModifier|default('') }}">
  17.     {% if pimcore_relation('weatherStation').element %}
  18.         {% set bgImage = getCurrentWeatherImage( pimcore_relation('weatherStation').element , siteConfig) %}
  19.         {% if bgImage|default('') %}
  20.             <div class="slide__bg js-lazy-img js-lazy-img--bg" data-lazy-img-background="{{ bgImage.thumbnail('region-slide-bg').path|raw }}"></div>
  21.         {% endif %}
  22.     {% endif %}
  23.     <div class="container">
  24.         {{ include('Includes/title-block-editable.html.twig', {
  25.             isCentered: true,
  26.             isWhite: true,
  27.             styleModifier: 'title-block--shadow'
  28.         }) }}
  30.         {% if not pimcore_relation('weatherStation').empty %}
  31.             {% set today = pimcore_relation('weatherStation').element.today %}
  32.             <div class="row scrolling-row">
  33.                 {% if today %}
  34.                     <div class="col-md-7 col-11">
  35.                         <div class="weather-box bg-secondary">
  36.                             <div class="row">
  37.                                 <div class="col-4">
  38.                                     {{ include('Includes/Partials/weather-item.html.twig', {
  39.                                         title: 'weather-slide.Morgends'|trans,
  40.                                         date: today.date.format('d.m.Y'),
  41.                                         icon: today.symb06,
  42.                                         min: today.temp06
  43.                                     }) }}
  44.                                 </div>
  45.                                 <div class="col-4">
  46.                                     {{ include('Includes/Partials/weather-item.html.twig', {
  47.                                         title: 'weather-slide.Mittags'|trans,
  48.                                         date: today.date.format('d.m.Y'),
  49.                                         icon: today.symb12,
  50.                                         min: today.temp12
  51.                                     }) }}
  52.                                 </div>
  53.                                 <div class="col-4">
  54.                                     {{ include('Includes/Partials/weather-item.html.twig', {
  55.                                         title: 'weather-slide.Abends'|trans,
  56.                                         date: today.date.format('d.m.Y'),
  57.                                         icon: today.symb18,
  58.                                         min: today.temp18
  59.                                     }) }}
  60.                                 </div>
  61.                             </div>
  62.                         </div>
  63.                     </div>
  64.                 {% endif %}
  66.                 {% set tomorrow = pimcore_relation('weatherStation').element.tomorrow %}
  67.                 {% set overmorrow = pimcore_relation('weatherStation').element.overmorrow %}
  68.                 {% if tomorrow or overmorrow %}
  69.                     <div class="col-md-5 col-10">
  70.                         <div class="weather-box bg-secondary">
  71.                             <div class="row">
  72.                                 {% if tomorrow %}
  73.                                     <div class="col-6">
  74.                                         {{ include('Includes/Partials/weather-item.html.twig', {
  75.                                             title: 'weather-slide.Morgen'|trans,
  76.                                             date: tomorrow.date.format('d.m.Y'),
  77.                                             icon: tomorrow.symbDay,
  78.                                             min: tomorrow.tminDay,
  79.                                             max: tomorrow.tmaxDay
  80.                                         }) }}
  81.                                     </div>
  82.                                 {% endif %}
  83.                                 {% if overmorrow %}
  84.                                     <div class="col-6">
  85.                                         {{ include('Includes/Partials/weather-item.html.twig', {
  86.                                             title: 'weather-slide.Übermorgen'|trans,
  87.                                             date: overmorrow.date.format('d.m.Y'),
  88.                                             icon: overmorrow.symbDay,
  89.                                             min: overmorrow.tminDay,
  90.                                             max: overmorrow.tmaxDay
  91.                                         }) }}
  92.                                     </div>
  93.                                 {% endif %}
  94.                             </div>
  95.                         </div>
  96.                     </div>
  97.                 {% endif %}
  98.             </div>
  99.         {% endif %}
  101.     </div>
  102. </section>