Mode multi-colonnes sur PC
This commit is contained in:
parent
0877cc8210
commit
f2fc7c8775
|
@ -276,6 +276,14 @@ footer {
|
||||||
color: var(--bg-light);
|
color: var(--bg-light);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Medium devices (landscape tablets, 768px and up) */
|
||||||
@media screen and (max-width: 769px) {
|
@media only screen and (min-width: 1000px) {
|
||||||
|
.flex-pc{
|
||||||
|
display:flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
.room-collumn{
|
||||||
|
width: 50%;
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -23,76 +23,122 @@
|
||||||
<div class="flex">
|
<div class="flex">
|
||||||
<a class="button" href='/app/date-select{{change_date_str}}'>Choisir une date</a>
|
<a class="button" href='/app/date-select{{change_date_str}}'>Choisir une date</a>
|
||||||
</div>
|
</div>
|
||||||
|
{% if favs: %}
|
||||||
|
<div class="flex">
|
||||||
|
<a class="button" href="{{ nofavslink }}">Retirer les favoris</a>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
<form action="/app/free-rooms" method="get">
|
<form action="/app/free-rooms" method="get">
|
||||||
{% if favs: %}
|
{% if favs: %}
|
||||||
<div class="flex">
|
<div class="flex-pc">
|
||||||
<a class="button" href="{{ nofavslink }}">Retirer les favoris</a>
|
{% 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 %}
|
||||||
|
</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>
|
||||||
|
{% if not(room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59) : %}
|
||||||
|
<br><span class=details>Jusqu'à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</span>
|
||||||
|
{% endif %}
|
||||||
|
</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 %}
|
||||||
|
</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>
|
||||||
|
{% if room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59 : %}
|
||||||
|
<br><span class=details>À {{ frooms_disp[room.name]["start"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</span>
|
||||||
|
{% else %}
|
||||||
|
<br><span class=details>De {{ frooms_disp[room.name]["start"] }} à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</span>
|
||||||
|
{% endif %}
|
||||||
|
</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 %}
|
||||||
|
</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>
|
||||||
|
{% if not(room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59) : %}
|
||||||
|
<br><span class=details>Jusqu'à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</span>
|
||||||
|
{% endif %}
|
||||||
|
</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 %}
|
||||||
|
</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>
|
||||||
|
{% if room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59 : %}
|
||||||
|
<br><span class=details>À {{ frooms_disp[room.name]["start"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</span>
|
||||||
|
{% else %}
|
||||||
|
<br><span class=details>De {{ frooms_disp[room.name]["start"] }} à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</span>
|
||||||
|
{% endif %}
|
||||||
|
</dt>
|
||||||
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
{% if favs_free_rooms|length>0: %}
|
|
||||||
<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 %}</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>
|
|
||||||
{% if not(room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59) : %}
|
|
||||||
<br><span class=details>Jusqu'à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</span>
|
|
||||||
{% endif %}
|
|
||||||
</dt>
|
|
||||||
{% endfor %}
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
{% if favs_soon_rooms|length>0: %}
|
|
||||||
<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 %}</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>
|
|
||||||
{% if room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59 : %}
|
|
||||||
<br><span class=details>À {{ frooms_disp[room.name]["start"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</span>
|
|
||||||
{% else %}
|
|
||||||
<br><span class=details>De {{ frooms_disp[room.name]["start"] }} à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</span>
|
|
||||||
{% endif %}
|
|
||||||
</dt>
|
|
||||||
{% endfor %}
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
{% endif %}
|
|
||||||
{% if free_rooms|length>0 %}
|
|
||||||
<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 %}</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>
|
|
||||||
{% if not(room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59) : %}
|
|
||||||
<br><span class=details>Jusqu'à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</span>
|
|
||||||
{% endif %}
|
|
||||||
</dt>
|
|
||||||
{% endfor %}
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
{% if soon_rooms|length>0 %}
|
|
||||||
<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 %}</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>
|
|
||||||
{% if room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59 : %}
|
|
||||||
<br><span class=details>À {{ frooms_disp[room.name]["start"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</span>
|
|
||||||
{% else %}
|
|
||||||
<br><span class=details>De {{ frooms_disp[room.name]["start"] }} à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</span>
|
|
||||||
{% endif %}
|
|
||||||
</dt>
|
|
||||||
{% endfor %}
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
<div class="flex">
|
<div class="flex">
|
||||||
{% for d in dident_list : %} <!-- Magie noire pour conserver les départements séléctionnés -->
|
{% for d in dident_list : %} <!-- Magie noire pour conserver les départements séléctionnés -->
|
||||||
<span style="display: none;"><input type="text" name="dept" value="{{ d }}"/></span>
|
<span style="display: none;"><input type="text" name="dept" value="{{ d }}"/></span>
|
||||||
|
|
Loading…
Reference in New Issue