templates/default/load_ballance.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body_id 'homepage' %}
  5. {% block javascripts %}
  6. {{ parent() }}
  7. {{ encore_entry_script_tags('showBudni') }}
  8. {{ encore_entry_script_tags('showSviata') }}
  9. {{ encore_entry_script_tags('showKombi') }}
  10. {% endblock %}
  12. {% set kombi_height = is_mobile() ? 800 : 400 %}
  13. {% set sviata_height = is_mobile() ? 700: 400 %}
  14. {% set budni_height = is_mobile() ? 600: 400 %}
  16. {% block header %}{% endblock %}
  17. {% block footer %}{% endblock %}
  19. {% block body %}
  20. {% set parked_now = parking_data.now|first %}
  21. <section class="dashboard" id="load_ballance" data-parking_data="{{ parking_data|json_encode() }}">
  22.     <div class="container">
  23.         <div class="header-template">
  24.             <h2 class="text-center">Завантаженість стоянки</h2>
  25.             <p class="text-center mb-0">В дворі зараз <b>{{ parked_now.timeslot }} </b> {{ "now"|date("d.M H:i", "Europe/Kyiv") }} і припарковано <b>{{ parked_now.carsparked }} авто</b>.</p>
  26.         </div>
  28.         <div>
  29.             <p class="d-inline-flex gap-1">
  30.             <a class="btn btn-primary" data-bs-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
  31.                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down" viewBox="0 0 16 16">
  32.                     <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1"/>
  33.                 </svg>
  34.                 Конкретно
  35.             </a>
  36.             </p>
  37.             <div class="collapse" id="collapseExample">
  38.                 <div class="card card-body">
  39.                     {{ parked_now.whoisparked|raw }}
  40.                 </div>
  41.             </div> 
  42.         </div>
  44.         <h3 class="text-start">Будні</h3>
  45.         <canvas class="my-4 w-100" id="budni" width="900" height="{{ budni_height }}"></canvas>
  46.         
  47.         <h3 class="text-start">Свята </h3>
  48.         <canvas class="my-4 w-100" id="holiday" width="900"  height="{{ sviata_height }}"></canvas>
  50.         <h3 class="text-start">Комбінований </h3>
  51.         <canvas class="my-4 w-100" id="kombi" width="900"  height="{{ kombi_height}}"></canvas>
  53.     </div>
  54. </section>
  56. {% endblock %}