templates/PageParts/BeachesPagePart/view.html.twig line 1

Open in your IDE?
  1. {% set beaches = get_beaches() %}
  2. </div>
  3. {#close content div for full page view #}
  4. <div class="beaches-pp">
  5.     {% for beach in beaches %}
  6.         <div class="beach" {% if beach.linkUrl %}data-src-target="{{ beach.linkUrl | replace_url }}"{% endif %}>
  7.             <div class="beach__details">
  8.                 <h2 class="beach__name">{{ beach.name }}</h2>
  9.                 {% if beach.updateTs %}
  10.                     <div class="beach__detail beach__detail--updateTs">
  12.                         {#<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.03 15.49">#}
  13.                         {#<path class="a"#}
  14.                         {#d="M950.94,533.56h0a1.12,1.12,0,0,1,.86.39l1,1.06a2,2,0,0,0,2.81.16.52.52,0,0,0,.11-.1l1-1a.75.75,0,0,1,.54-.24h0a.73.73,0,0,1,.54.23l1.16,1.16a2,2,0,0,0,1.39.59h0a2,2,0,0,0,1.37-.54l1.34-1.27a.79.79,0,0,1,1.08,0l1,1a2,2,0,0,0,2.83,0l.15-.16.67-.83a1.13,1.13,0,0,1,.89-.43h0a.64.64,0,0,0,.43-.18.6.6,0,0,0,.18-.44.62.62,0,0,0-.6-.61h0a2.36,2.36,0,0,0-1.84.89l-.67.83a.78.78,0,0,1-1.09.11l-.06-.06-1-1a2,2,0,0,0-2.79-.06l-1.35,1.27a.77.77,0,0,1-1.07,0l-1.16-1.17a2,2,0,0,0-2.82,0l-1,1.06a.77.77,0,0,1-1.09,0l0,0-1-1.07a2.37,2.37,0,0,0-1.78-.8h0a.62.62,0,0,0,0,1.23Z"#}
  15.                         {#transform="translate(-950.31 -532.33)"/>#}
  16.                         {#<path class="a"#}
  17.                         {#d="M969.76,538.46h0a2.35,2.35,0,0,0-1.85.88l-.67.83a.77.77,0,0,1-.52.28.79.79,0,0,1-.57-.17l-.06,0-1-1.05a2,2,0,0,0-2.79,0l-1.34,1.26a.77.77,0,0,1-1.07,0l-1.16-1.17a2,2,0,0,0-2.83,0l-1,1.07a.77.77,0,0,1-1.09,0l0,0-1-1.07a2.4,2.4,0,0,0-1.77-.79h0a.61.61,0,0,0-.62.61.64.64,0,0,0,.62.62h0a1.12,1.12,0,0,1,.86.39l.95,1.06a2,2,0,0,0,1.38.66h.12a2,2,0,0,0,1.32-.51l.1-.1,1-1a.78.78,0,0,1,1.09,0l1.17,1.18a2,2,0,0,0,1.39.58h0a2,2,0,0,0,1.37-.54L963.1,540a.78.78,0,0,1,1.07,0l1,1.05a2,2,0,0,0,2.83,0l.15-.16.67-.83a1.14,1.14,0,0,1,.89-.43h0a.62.62,0,0,0,0-1.23Z"#}
  18.                         {#transform="translate(-950.31 -532.33)"/>#}
  19.                         {#<path class="a"#}
  20.                         {#d="M969.72,544.45h0a2.35,2.35,0,0,0-1.84.88l-.67.83a.78.78,0,0,1-1.09.11l-.06,0-1-1.05a2,2,0,0,0-2.79,0l-1.34,1.26a.77.77,0,0,1-1.07,0l-1.16-1.17a2,2,0,0,0-2.83,0l-1,1.06a.82.82,0,0,1-.55.24h0a.75.75,0,0,1-.53-.22l-1-1.1a2.36,2.36,0,0,0-1.77-.79h0a.61.61,0,0,0-.62.61.64.64,0,0,0,.62.62h0a1.14,1.14,0,0,1,.86.39l1,1.06a2,2,0,0,0,1.38.66h.11a2,2,0,0,0,1.33-.51l.1-.1,1-1a.75.75,0,0,1,.55-.23h0a.77.77,0,0,1,.54.22l1.16,1.17a2,2,0,0,0,1.39.59h0a2,2,0,0,0,1.37-.55l1.34-1.26a.76.76,0,0,1,1.07,0l1,1a2,2,0,0,0,2.83,0l.15-.16.67-.83a1.14,1.14,0,0,1,.89-.43h0a.55.55,0,0,0,.43-.2.59.59,0,0,0,.16-.44A.62.62,0,0,0,969.72,544.45Z"#}
  21.                         {#transform="translate(-950.31 -532.33)"/>#}
  22.                         </svg>
  23.                         <span class="beach__detail-label">Data aktualizacji:</span>
  24.                         <span class="beach__detail-value">{{ beach.updateTs|date("d/m/Y") }}</span>
  25.                     </div>
  26.                 {% endif %}
  27.                 <div class="beach__detail beach__detail--temp">
  28.                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.65 19.02">
  29.                         <path class="a"
  30.                               d="M967.79,536.27,964.67,531a.82.82,0,0,0-.72-.41h0a.74.74,0,0,0-.41.11.79.79,0,0,0-.3.3L960,536.41l-1.64-2.86a1,1,0,0,0-.34-.34.93.93,0,0,0-.71-.09,1,1,0,0,0-.56.43l-4.25,7.38a5.82,5.82,0,0,0,10.12,5.76,6.36,6.36,0,0,0,.74-3.87,4.41,4.41,0,0,0,4.45-6.55Zm-.54,2.18a3.28,3.28,0,0,1-3.29,3.29h0a2.77,2.77,0,0,1-1-.19,19.86,19.86,0,0,0-1.15-2.07l-1.08-1.91L964,532l2.87,4.82A3.37,3.37,0,0,1,967.25,538.45ZM962.08,545l0,.12a4.71,4.71,0,1,1-9.06-2.55,4.2,4.2,0,0,1,.46-1.12l4.08-7.09,4.44,7.83A4.57,4.57,0,0,1,962.08,545Z"
  31.                               transform="translate(-951.72 -530.62)"/>
  32.                     </svg>
  33.                     <span class="beach__detail-label">Temp. wody:</span>
  34.                     <span class="beach__detail-value beach__detail-value--celcius">{{ beach.seaTemp }}</span>
  35.                     <span class="beach__detail-bars" data-beach-bars="{{ beach.getSeaTempBars.bars }}"
  36.                           data-beach-bars-color="blue">
  37.                     <span></span>
  38.                     <span></span>
  39.                     <span></span>
  40.                     <span></span>
  41.                 </span>
  42.                 </div>
  44.                 <div class="beach__detail beach__detail--air">
  45.                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.33 20.27">
  46.                         <path class="a"
  47.                               d="M960.33,534.24a5.89,5.89,0,1,0,5.88,5.89A5.89,5.89,0,0,0,960.33,534.24Zm4.5,5.89h0a4.51,4.51,0,0,1-4.5,4.49h0a4.47,4.47,0,0,1-3.18-1.32,4.38,4.38,0,0,1-1.31-3.17,4.5,4.5,0,0,1,4.49-4.5h0A4.51,4.51,0,0,1,964.83,540.13Z"
  48.                               transform="translate(-950.17 -529.99)"/>
  49.                         <path class="a"
  50.                               d="M960.33,533.15a.74.74,0,0,0,.74-.74v-1.68a.74.74,0,0,0-1.48,0v1.68A.74.74,0,0,0,960.33,533.15Z"
  51.                               transform="translate(-950.17 -529.99)"/>
  52.                         <path class="a"
  53.                               d="M960.33,547.11a.74.74,0,0,0-.74.74v1.68a.74.74,0,0,0,.74.73h0a.74.74,0,0,0,.74-.73v-1.69A.75.75,0,0,0,960.33,547.11Z"
  54.                               transform="translate(-950.17 -529.99)"/>
  55.                         <path class="a"
  56.                               d="M965.73,535.4h.06a.74.74,0,0,0,.52-.22L967.5,534a.72.72,0,0,0,.21-.52.72.72,0,0,0-.73-.73h0a.72.72,0,0,0-.52.21l-1.19,1.19a.73.73,0,0,0,0,1A.72.72,0,0,0,965.73,535.4Z"
  57.                               transform="translate(-950.17 -529.99)"/>
  58.                         <path class="a"
  59.                               d="M954.35,545.06l-1.19,1.19a.71.71,0,0,0-.2.53.7.7,0,0,0,.23.52.74.74,0,0,0,1,0l1.19-1.19a.74.74,0,0,0,0-1.05A.77.77,0,0,0,954.35,545.06Z"
  60.                               transform="translate(-950.17 -529.99)"/>
  61.                         <path class="a"
  62.                               d="M970.3,539.63a.75.75,0,0,0-.52-.24H968a.74.74,0,0,0,0,1.47h1.74a.75.75,0,0,0,.53-.19.74.74,0,0,0,.23-.52A.72.72,0,0,0,970.3,539.63Z"
  63.                               transform="translate(-950.17 -529.99)"/>
  64.                         <path class="a"
  65.                               d="M953.35,540.13a.74.74,0,0,0-.74-.74h-1.68a.78.78,0,0,0-.53.19.74.74,0,0,0-.23.52.73.73,0,0,0,.7.76h1.74A.74.74,0,0,0,953.35,540.13Z"
  66.                               transform="translate(-950.17 -529.99)"/>
  67.                         <path class="a"
  68.                               d="M966.31,545.06h0a.74.74,0,1,0-1,1.05l1.19,1.19a.75.75,0,0,0,1,0,.74.74,0,0,0,0-1Z"
  69.                               transform="translate(-950.17 -529.99)"/>
  70.                         <path class="a"
  71.                               d="M954.35,535.19a.76.76,0,0,0,.51.2.74.74,0,0,0,.53-.23.74.74,0,0,0,0-1L954.2,533a.73.73,0,0,0-1,0,.74.74,0,0,0-.22.52.71.71,0,0,0,.22.52Z"
  72.                               transform="translate(-950.17 -529.99)"/>
  73.                     </svg>
  74.                     <span class="beach__detail-label">Temp. powietrza:</span>
  75.                     <span class="beach__detail-value beach__detail-value--celcius">{{ beach.airTemp }}</span>
  76.                     <span class="beach__detail-bars" data-beach-bars="{{ beach.getAirTempBars.bars }}"
  77.                           data-beach-bars-color="blue">
  78.                     <span></span>
  79.                     <span></span>
  80.                     <span></span>
  81.                     <span></span>
  82.                 </span>
  83.                 </div>
  84.                 <div class="beach__detail beach__detail--sea">
  86.                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.03 15.49">
  87.                         <path class="a"
  88.                               d="M950.94,533.56h0a1.12,1.12,0,0,1,.86.39l1,1.06a2,2,0,0,0,2.81.16.52.52,0,0,0,.11-.1l1-1a.75.75,0,0,1,.54-.24h0a.73.73,0,0,1,.54.23l1.16,1.16a2,2,0,0,0,1.39.59h0a2,2,0,0,0,1.37-.54l1.34-1.27a.79.79,0,0,1,1.08,0l1,1a2,2,0,0,0,2.83,0l.15-.16.67-.83a1.13,1.13,0,0,1,.89-.43h0a.64.64,0,0,0,.43-.18.6.6,0,0,0,.18-.44.62.62,0,0,0-.6-.61h0a2.36,2.36,0,0,0-1.84.89l-.67.83a.78.78,0,0,1-1.09.11l-.06-.06-1-1a2,2,0,0,0-2.79-.06l-1.35,1.27a.77.77,0,0,1-1.07,0l-1.16-1.17a2,2,0,0,0-2.82,0l-1,1.06a.77.77,0,0,1-1.09,0l0,0-1-1.07a2.37,2.37,0,0,0-1.78-.8h0a.62.62,0,0,0,0,1.23Z"
  89.                               transform="translate(-950.31 -532.33)"/>
  90.                         <path class="a"
  91.                               d="M969.76,538.46h0a2.35,2.35,0,0,0-1.85.88l-.67.83a.77.77,0,0,1-.52.28.79.79,0,0,1-.57-.17l-.06,0-1-1.05a2,2,0,0,0-2.79,0l-1.34,1.26a.77.77,0,0,1-1.07,0l-1.16-1.17a2,2,0,0,0-2.83,0l-1,1.07a.77.77,0,0,1-1.09,0l0,0-1-1.07a2.4,2.4,0,0,0-1.77-.79h0a.61.61,0,0,0-.62.61.64.64,0,0,0,.62.62h0a1.12,1.12,0,0,1,.86.39l.95,1.06a2,2,0,0,0,1.38.66h.12a2,2,0,0,0,1.32-.51l.1-.1,1-1a.78.78,0,0,1,1.09,0l1.17,1.18a2,2,0,0,0,1.39.58h0a2,2,0,0,0,1.37-.54L963.1,540a.78.78,0,0,1,1.07,0l1,1.05a2,2,0,0,0,2.83,0l.15-.16.67-.83a1.14,1.14,0,0,1,.89-.43h0a.62.62,0,0,0,0-1.23Z"
  92.                               transform="translate(-950.31 -532.33)"/>
  93.                         <path class="a"
  94.                               d="M969.72,544.45h0a2.35,2.35,0,0,0-1.84.88l-.67.83a.78.78,0,0,1-1.09.11l-.06,0-1-1.05a2,2,0,0,0-2.79,0l-1.34,1.26a.77.77,0,0,1-1.07,0l-1.16-1.17a2,2,0,0,0-2.83,0l-1,1.06a.82.82,0,0,1-.55.24h0a.75.75,0,0,1-.53-.22l-1-1.1a2.36,2.36,0,0,0-1.77-.79h0a.61.61,0,0,0-.62.61.64.64,0,0,0,.62.62h0a1.14,1.14,0,0,1,.86.39l1,1.06a2,2,0,0,0,1.38.66h.11a2,2,0,0,0,1.33-.51l.1-.1,1-1a.75.75,0,0,1,.55-.23h0a.77.77,0,0,1,.54.22l1.16,1.17a2,2,0,0,0,1.39.59h0a2,2,0,0,0,1.37-.55l1.34-1.26a.76.76,0,0,1,1.07,0l1,1a2,2,0,0,0,2.83,0l.15-.16.67-.83a1.14,1.14,0,0,1,.89-.43h0a.55.55,0,0,0,.43-.2.59.59,0,0,0,.16-.44A.62.62,0,0,0,969.72,544.45Z"
  95.                               transform="translate(-950.31 -532.33)"/>
  96.                     </svg>
  97.                     <span class="beach__detail-label">Stan morza:</span>
  98.                     <span class="beach__detail-value">{{ beach.seaState }}*</span>
  99.                     <span class="beach__detail-bars" data-beach-bars="{{ beach.getSeaStateBars.bars }}"
  100.                           data-beach-bars-color="blue">
  101.                     <span></span>
  102.                     <span></span>
  103.                     <span></span>
  104.                     <span></span>
  105.                 </span>
  106.                 </div>
  108.                 <div class="beach__detail beach__detail--flag">
  109.                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.16 18.17">
  110.                         <path class="a"
  111.                               d="M951.79,549.2a.54.54,0,0,1-.54-.54V531.58a.54.54,0,0,1,.54-.54h8.54a.54.54,0,0,1,.54.54v1.15l8,0a.54.54,0,0,1,.54.54.54.54,0,0,1,0,.22l-2.17,4.9,2.16,4.88a.57.57,0,0,1,.06.25.55.55,0,0,1-.54.55h-8.54a.55.55,0,0,1-.54-.55v-1.15l-7.44,0,0,6.3a.54.54,0,0,1-.54.54Zm9.08-6.22,7.14,0-1.91-4.37a.56.56,0,0,1,0-.44l1.93-4.33-7.16,0Zm-8.54-1.71,7.44,0,0-9.15-7.46,0Z"
  112.                               transform="translate(-951.25 -531.04)"/>
  113.                     </svg>
  114.                     <span class="beach__detail-label">Flaga:</span>
  115.                     <span class="beach__detail-value">{{ beach.getFlagText }}**</span>
  116.                 </div>
  118.                 <div class="beach__flag" data-beach-flag="{{ beach.flag }}"></div>
  120.             {% if beach.flag == 2 %}
  121.                 <div class="beach__motive">
  122.                     {{ beach.getRedFlagMotiveText }}
  123.                     {% if beach.comment is defined and beach.comment is not empty %}
  124.                         Komentarz: {{ beach.comment }}
  125.                     {% endif %}
  126.                 </div>
  127.             {% endif %}
  129.             </div>
  131.             {% set fullSrc = croppedImgSrc(beach.image.url, beach.cropping, { w: 230, h: 310, q: 80 }) %}
  132.             {% set previewSrc = croppedImgSrc(beach.image.url, beach.cropping, jml_img_large.preview) %}
  134.             <picture class="beach__picture {% if beach.flag == 2 %}beach__picture--red{% endif %}">
  135.                 <img class="lazy"
  136.                      src="{{ previewSrc }}" data-src="{{ fullSrc }}"
  137.                      alt="{% if beach.imageAlt %}{{ beach.imageAlt }}{% else %}{{ beach.name | striptags }}{% endif %}"/>
  138.             </picture>
  140.         </div>
  141.     {% endfor %}
  142. </div>
  143. <div class="content">
  144. {# open content div again #}