UniSquat_Python/templates/free-rooms.html

158 lines
5.1 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-column">
<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.noend) : %}
<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-column">
<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.noend : %}
<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-column">
<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.noend : %}
<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-column">
<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.noend : %}
<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>