UniSquat_Python/templates/free-rooms.html
antux18 4e49eb5bd6 La date choisie est maintenant conservée lorsqu'on enregistre ou supprime des favoris, de même pour les favoris, lorsqu'on change de date.
Correction diverses sur la rédaction des pages et du README.
Ajout des fonctionnalités à la page d'accueil.
2022-06-18 13:12:43 +02:00

158 lines
5.3 KiB
HTML

<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<title>UniSquat</title>
<link rel="stylesheet" type="text/css" href="../static/style.css">
<meta name="viewport" content="width=300, initial-scale=1" />
</head>
<body>
{% include "base.html" %}
<main>
<div class="flex">
<p>
Départements sélectionnés : <br>
<b>{{ depts_str }}</b>
</p>
</div>
<div class="flex">
{% if date_str != "" : %}
<b>Le {{ date_str }}</b>
{% endif %}
</div>
<div class="flex" style="margin: 10px">
<a class="button" href='/app/date-select{{ change_date_str }}'>Choisir une date</a>
</div>
{% if favs: %}
<div class="flex" style="margin: 10px">
<a class="button" href="{{ nofavslink }}">Retirer les favoris</a>
</div>
{% endif %}
<form action="/app/free-rooms" method="get">
<div class="flex" style="margin: 10px">
<input style="font-size: 16px;" type="submit" value="Enregistrer les favoris">
</div>
{% if favs: %}
<div class="flex-pc">
{% if favs_free_rooms|length>0: %}
<div class="room-collumn">
<br>
<h1>Favoris disponibles maintenant</h1>
<div class="flex-container">
<ul>
{% for room in favs_free_rooms : %}
<dt>
<div class="room-row">
<div>
{{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}
{% if not(room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59) : %}
<p class=details>Jusqu'à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</p>
{% endif %}
</div>
<div>
<input class="fav" type="checkbox" id="{{ room.id }}" name="favs" value="{{ room.id }}" checked> <label style="width:30px;height:30px" for="{{ room.id }}"></label>
</div>
</div>
</dt>
{% endfor %}
</ul>
</div>
</div>
{% endif %}
{% if favs_soon_rooms|length>0: %}
<div class="room-collumn">
<br>
<h1>Favoris disponibles prochainement</h1>
<div class="flex-container">
<ul>
{% for room in favs_soon_rooms: %}
<dt>
<div class="room-row">
<div>
{{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}
{% if room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59 : %}
<p class=details>À {{ frooms_disp[room.name]["start"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</p>
{% else %}
<p class=details>De {{ frooms_disp[room.name]["start"] }} à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</p>
{% endif %}
</div>
<div>
<input class="fav" type="checkbox" id="{{ room.id }}" name="favs" value="{{ room.id }}" checked> <label style="width:30px;height:30px" for="{{ room.id }}"></label>
</div>
</div>
</dt>
{% endfor %}
</ul>
</div>
</div>
{% endif %}
</div>
{% endif %}
<div class="flex-pc">
{% if free_rooms|length>0 %}
<div class="room-collumn">
<br>
<h1>Disponibles maintenant</h1>
<div class="flex-container">
<ul>
{% for room in free_rooms: %}
<dt>
<div class="room-row">
<div>
{{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}
{% if not(room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59) : %}
<p class=details>Jusqu'à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</p>
{% endif %}
</div>
<div>
<input class="fav" type="checkbox" id="{{ room.id }}" name="favs" value="{{ room.id }}"> <label style="width:30px;height:30px" for="{{ room.id }}"></label>
</div>
</div>
</dt>
{% endfor %}
</ul>
</div>
</div>
{% endif %}
{% if soon_rooms|length>0 %}
<div class="room-collumn">
<br>
<h1>Disponibles prochainement</h1>
<div class="flex-container">
<ul>
{% for room in soon_rooms: %}
<dt>
<div class="room-row">
<div>
{{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}
{% if room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59 : %}
<p class=details>À {{ frooms_disp[room.name]["start"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</p>
{% else %}
<p class=details>De {{ frooms_disp[room.name]["start"] }} à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</p>
{% endif %}
</div>
<div>
<input class="fav" type="checkbox" id="{{ room.id }}" name="favs" value="{{ room.id }}"> <label style="width:30px;height:30px" for="{{ room.id }}"></label>
</div>
</div>
</dt>
{% endfor %}
</ul>
</div>
</div>
{% endif %}
</div>
<div class="flex">
<!-- Magie noire pour conserver les départements et date-heure séléctionnés (FIXME !!!!) -->
{% for d in dident_list : %}
<span style="display: none;"><input type="text" name="dept" value="{{ d }}"/></span>
{% endfor %}
<span style="display: none;"><input type="text" name="date" value="{{ date_uf_sav }}"/></span>
<span style="display: none;"><input type="text" name="time" value="{{ time_uf_sav }}"/></span>
</div>
</form>
</main>
{% include "footer.html" %}
</body>
</html>