templates/weather/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Weather index{% endblock %}
  5. {% block body %}
  6.     <h1 style="color: red">Weather index</h1>
  7.     <b>Location: </b> {{ CompanyDetails.getCompanyDetails.weatherLocation }}
  8.     <a href="{{ path('office_address') }}"><i style="color: red" class="fa fa-map-marker"></i></a>
  9.     <br>
  10.     <a class="btn btn-outline-primary btn-sm" href="{{ path('fetch_weather_data') }}">Get Latest Update</a>
  11.     <a class="btn btn-outline-primary btn-sm" href="{{ path('fetch_weather_data_hourly') }}">Get Hourly Update</a>
  12.     <a target="_blank" class="btn btn-outline-secondary btn-sm"
  13.        href="https://www.google.com/search?client=firefox-b-d&q=google%20weather%20near%20"
  14.        .{{ CompanyDetails.getCompanyDetails.weatherLocation }}."&llpgabe=CgkvbS8wMnR5ZzA&ved=2ahUKEwj08P6F6e_9AhUQWcAKHZBzD1YQ5ZgEKAB6BAgGEAA">{{ CompanyDetails.getCompanyDetails.weatherLocation }} forecast</a>
  15.     <a class="btn btn-outline-danger btn-sm" href="{{ path('weather_delete_all') }}">Delete All</a>
  16.     <br>
  18.     <table class="table table-responsive">
  19.         <thead>
  20.         <tr>
  21.             <th>Location</th>
  22.             <th>Date</th>
  23.             <th>Time</th>
  24.             <th>Rain</th>
  25.             <th></th>
  26.             <th>Temperature</th>
  28.         </tr>
  29.         </thead>
  30.         <tbody>
  31.         {% for weather in weather %}
  32.             {% if weather.date|date('Y-m-d') == today|date('Y-m-d') %}
  33.                 <tr style="background-color: whitesmoke">
  34.             {% else %}
  35.                 <tr>
  36.             {% endif %}
  38.             <td>{{ weather.location }}</td>
  39.             <td data-sort="{{ weather.date|date('Y-m-d H') }} . {{ weather.time }}">
  40.                 <a target="_blank"
  41.                    href="{{ path('weather_edit', {id: weather.id}) }}"> {{ weather.date ? weather.date|date('d-M-Y') : '' }}</a>
  42.             </td>
  43.             <td data-sort="{{ weather.time }}" style="text-align: right">{{ weather.time }}:00h</td>
  44.             <td style="text-align: left">
  45.                 {% if weather.rain is not empty %}
  46.                     <i class="fas fa-cloud-rain"
  47.                        style="color: blue"> </i>  {{ weather.rain |number_format(2, '.', ',') }}mm/hr
  48.                 {% else %}
  49.                     <i class="fa fa-sun-o" style="color: orange"></i>
  50.                 {% endif %}
  51.             </td>
  52.             <td>
  54.             </td>
  55.             <td style="text-align: right">
  56.                 {{ weather.weather|number_format(0, '.', ',') }} °C
  57.             </td>
  58.             </tr>
  59.         {% endfor %}
  60.         </tbody>
  61.     </table>
  63.     <a class="btn btn-success btn-sm" href="{{ path('weather_new') }}">New</a>
  64. {% endblock %}
  66. {% block datatable %}
  67.     <script>
  68.         $(document).ready(function () {
  69.             $('.table').DataTable({
  70.                 'pageLength': 100,
  71.                 "order": [[1, 'asc']],
  72.                 "paging": false,
  73.                 "searching": false,
  74.                 "bInfo": false
  75.             });
  76.         });
  77.     </script>
  78. {% endblock datatable %}