diff --git a/static/style.css b/static/style.css index ea614f4..ab25b4e 100644 --- a/static/style.css +++ b/static/style.css @@ -276,6 +276,14 @@ footer { color: var(--bg-light); } - -@media screen and (max-width: 769px) { +/* Medium devices (landscape tablets, 768px and up) */ +@media only screen and (min-width: 1000px) { + .flex-pc{ + display:flex; + flex-wrap: wrap; + } + .room-collumn{ + width: 50%; + flex-grow: 1; + } } diff --git a/templates/free-rooms.html b/templates/free-rooms.html index 93a49f3..45e99fe 100644 --- a/templates/free-rooms.html +++ b/templates/free-rooms.html @@ -23,76 +23,122 @@
Choisir une date
+ {% if favs: %} +
+ Retirer les favoris +
+ {% endif %}
{% if favs: %} -
- Retirer les favoris +
+ {% if favs_free_rooms|length>0: %} +
+
+

Favoris disponibles maintenant

+
+
    + {% for room in favs_free_rooms : %} +
    +
    +
    + {{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %} +
    +
    + +
    +
    + {% if not(room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59) : %} +
    Jusqu'à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }}) + {% endif %} +
    + {% endfor %} +
+
+
+ {% endif %} + {% if favs_soon_rooms|length>0: %} +
+
+

Favoris disponibles prochainement

+
+
    + {% for room in favs_soon_rooms: %} +
    +
    +
    + {{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %} +
    +
    + +
    +
    + {% if room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59 : %} +
    À {{ frooms_disp[room.name]["start"] }} (dans {{ frooms_disp[room.name]["rtime"] }}) + {% else %} +
    De {{ frooms_disp[room.name]["start"] }} à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }}) + {% endif %} +
    + {% endfor %} +
+
+
+ {% endif %} +
+ {% endif %} +
+ {% if free_rooms|length>0 %} +
+
+

Disponibles maintenant

+
+
    + {% for room in free_rooms: %} +
    +
    +
    + {{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %} +
    +
    + +
    +
    + {% if not(room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59) : %} +
    Jusqu'à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }}) + {% endif %} +
    + {% endfor %} +
+
+
+ {% endif %} + {% if soon_rooms|length>0 %} +
+
+

Disponibles prochainement

+
+
    + {% for room in soon_rooms: %} +
    +
    +
    + {{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %} +
    +
    + +
    +
    + {% if room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59 : %} +
    À {{ frooms_disp[room.name]["start"] }} (dans {{ frooms_disp[room.name]["rtime"] }}) + {% else %} +
    De {{ frooms_disp[room.name]["start"] }} à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }}) + {% endif %} +
    + {% endfor %} +
+
+
+ {% endif %}
- {% if favs_free_rooms|length>0: %} -
-

Favoris disponibles maintenant

-
-
    - {% for room in favs_free_rooms : %} -
    {{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}
    - {% if not(room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59) : %} -
    Jusqu'à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }}) - {% endif %} -
    - {% endfor %} -
-
- {% endif %} - {% if favs_soon_rooms|length>0: %} -
-

Favoris disponibles prochainement

-
-
    - {% for room in favs_soon_rooms: %} -
    {{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}
    - {% if room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59 : %} -
    À {{ frooms_disp[room.name]["start"] }} (dans {{ frooms_disp[room.name]["rtime"] }}) - {% else %} -
    De {{ frooms_disp[room.name]["start"] }} à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }}) - {% endif %} -
    - {% endfor %} -
-
- {% endif %} - {% endif %} - {% if free_rooms|length>0 %} -
-

Disponibles maintenant

-
-
    - {% for room in free_rooms: %} -
    {{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}
    - {% if not(room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59) : %} -
    Jusqu'à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }}) - {% endif %} -
    - {% endfor %} -
-
- {% endif %} - {% if soon_rooms|length>0 %} -
-

Disponibles prochainement

-
-
    - {% for room in soon_rooms: %} -
    {{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}
    - {% if room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59 : %} -
    À {{ frooms_disp[room.name]["start"] }} (dans {{ frooms_disp[room.name]["rtime"] }}) - {% else %} -
    De {{ frooms_disp[room.name]["start"] }} à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }}) - {% endif %} -
    - {% endfor %} -
-
- {% endif %}
{% for d in dident_list : %}