templates/weather/index.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  4.     Weather
  5.     {% if CompanyDetailsService is not null %}
  6.         : {{ CompanyDetailsService.getCompanyDetails.weatherLocation }}
  7.     {% endif %}
  8. {% endblock %}
  10. {% block body %}
  11.     <h1 style="color: red">
  12.         Weather{% if CompanyDetailsService is not null %}: {{ CompanyDetailsService.getCompanyDetails.weatherLocation }}
  13.         {% endif %}
  14.     </h1>
  16.     {% include 'weather/parts/update_and_delete_buttons.html.twig' %}
  19.     {% set grouped = {} %}
  20.     {% for w in weather %}
  21.         {% if w.date > today %}
  22.             {% set dayKey = w.date|date('Y-m-d') %}
  23.             {% if grouped[dayKey] is not defined %}
  24.                 {% set grouped = grouped|merge({ (dayKey): [w] }) %}
  25.             {% else %}
  26.                 {% set grouped = grouped|merge({ (dayKey): grouped[dayKey]|merge([w]) }) %}
  27.             {% endif %}
  28.         {% endif %}
  29.     {% endfor %}
  31.     {% for date, dayWeather in grouped %}
  32.         {% if selectedDate is empty or selectedDate == date %}
  33.             <h3>{{ date|date("l, d M Y") }}</h3>
  34.             <table class="table table-responsive small">
  35.                 <thead>
  36.                 <tr>
  37.                     <th>Time</th>
  38.                     <th>Sun/<br>Rain</th>
  39.                     <th>Rainfall</th>
  40.                     <th>Temp</th>
  41.                 </tr>
  42.                 </thead>
  43.                 <tbody>
  44.                 {% for weather in dayWeather %}
  45.                     <tr>
  46.                         <td data-sort="{{ weather.time }}" style="text-align: right">{{ weather.time }}:00h</td>
  47.                         <td style="text-align: center">
  48.                             {% if weather.rain is not empty %}
  49.                                 <i class="fas fa-cloud-rain" style="color: blue"></i>
  50.                             {% else %}
  51.                                 <i class="fa fa-sun-o" style="color: orange"></i>
  52.                             {% endif %}
  53.                         </td>
  54.                         <td style="text-align: left">
  55.                             {% if weather.rain is not empty %}
  56.                                 {{ weather.rain |number_format(2, '.', ',') }}mm/hr
  57.                             {% endif %}
  58.                         </td>
  59.                         <td style="text-align: right">
  60.                             {{ weather.weather|number_format(0, '.', ',') }} °C
  61.                         </td>
  62.                     </tr>
  63.                 {% endfor %}
  64.                 </tbody>
  65.             </table>
  66.         {% endif %}
  67.     {% else %}
  68.         <br>
  69.         <br>
  70.         <br>
  71.         <br>
  72.         <br>
  73.         <br>
  74.         <br>
  75.         <p>No future weather data available.</p>
  76.     {% endfor %}
  77. {% endblock %}
  79. {% block datatable %}
  80.     <script>
  81.         $(document).ready(function () {
  82.             $('.table').DataTable({
  83.                 'pageLength': 100,
  84.                 "order": [[0, 'asc']],
  85.                 "paging": false,
  86.                 "searching": false,
  87.                 "bInfo": false
  88.             });
  89.         });
  90.     </script>
  91. {% endblock %}