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