Wantoo/UniSquat_Python
5
2
Fork 0
Code Issues 2 Pull Requests Projects Releases Wiki Activity

Amélioration de l'affichage du mode démo.

Browse Source
This commit is contained in:
antux18 2024-02-25 19:37:06 +01:00
parent b5ccf85a7d
commit a6c017e6a2
4 changed files with 55 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app.py
View File

@ -412,9 +412,9 @@ def free_rooms(api = False, rq = None) :
return response return response
else : else :
url_for("static", filename="style.css") url_for("static", filename="style.css")
# Vérifie si le mode demo est demandé # Vérifie si le mode demo est demandé :
demo = str(rq.args.get("demo")) demo = str(rq.args.get("demo"))
if demo in ("1", "true", "True"): if demo in ("1", "true", "True") :
return render_template("demo.html", **context, **GLOBAL_CONTEXT) return render_template("demo.html", **context, **GLOBAL_CONTEXT)
else: else:
return render_template("free-rooms.html", **context, **GLOBAL_CONTEXT) return render_template("free-rooms.html", **context, **GLOBAL_CONTEXT)

46
static/demostyle.css
View File

@ -1,24 +1,62 @@
:root { :root {
--bg: #ffffff; --bg: #ffffff;
--bg-dark: #303355;
--fg: #303355; --fg: #303355;
--special: #c09f80; --special: #c09f80;
} }
main {
display: grid;
grid-template-rows: 2fr 1fr 5fr 1fr;
}
body { body {
background: var(--bg); background: var(--bg);
color: var(--fg); color: var(--fg);
font-family: "ubuntu", sans-serif;
font-size: 200%;
margin: 0px;
}
h1, h2 {
text-align: center;
}
h2 {
font-size: 90%;
font-weight: normal;
}
.slider {
overflow: hidden;
} }
.slide-track { .slide-track {
animation: scroll 40s linear infinite;
display: flex; display: flex;
flex-wrap: wrap;
gap: 50px;
animation: scroll 40s linear infinite;
width: 750%; /* Pas bô, mais on va faire avec en attendant... */
}
.room {
text-align: center;
background: var(--bg-dark);
border-style: solid;
border-width: 1px;
border-color: var(--bg-dark);
border-radius: 10px;
padding: 10px;
color: var(--bg);
} }
@keyframes scroll { @keyframes scroll {
0% { transform: translateX(0); } 0% { transform: translateX(0); }
100% { transform: translateX(calc(-250px * 7))} 100% { transform: translateX(calc(-250px * 7)); }
} }
.slider { footer {
overflow:hidden; margin-top: 10px;
font-size: 50%;
text-align: center;
} }

23
templates/demo.html
View File

@ -8,23 +8,20 @@
</head> </head>
<body> <body>
<main> <main>
<h1><b>{{ depts_str }}</b></h1> <h1><b>Salles disponibles</b></h1>
<p>Salles disponibles:</p> <h2>{{ depts_str }}</h2>
{% if date_str != "" : %}
<p>Le {{ date_str }}</p>
{% endif %}
<div class="slider"> <div class="slider">
<div class="slide-track"> <div class="slide-track">
{% if favs: %} {% if favs: %}
<!-- Afficher les favoris --> <!-- Afficher les favoris -->
<!-- Deux fois pour que l'animation loop --> <!-- Deux fois pour que l'animation boucle -->
{% for i in range(2):%} {% for i in range(2) : %}
{% if favs_free_rooms|length>0: %} {% if favs_free_rooms|length > 0 : %}
{% for room in favs_free_rooms : %} {% for room in favs_free_rooms : %}
<div class="room"> <div class="room">
{{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %} <b>{{ room.name }}</b> {% if DEBUG :%}( {{ room.id }} ){% endif %}
{% if not(room.noend) : %} {% if not(room.noend) : %}
<p class=details>Jusqu'à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</p> <p class=details>Jusqu'à {{ frooms_disp[room.name]["end"] }}</p>
{% endif %} {% endif %}
</div> </div>
{% endfor %} {% endfor %}
@ -36,9 +33,9 @@
{% if free_rooms|length>0 %} {% if free_rooms|length>0 %}
{% for room in free_rooms: %} {% for room in free_rooms: %}
<div class="room"> <div class="room">
{{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %} <b>{{ room.name }}</b> {% if DEBUG : %}( {{ room.id }} ){% endif %}
{% if not room.noend : %} {% if not room.noend : %}
<p class=details>Jusqu'à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</p> <p class=details>Jusqu'à {{ frooms_disp[room.name]["end"] }}</p>
{% endif %} {% endif %}
</div> </div>
{% endfor %} {% endfor %}
@ -48,7 +45,7 @@
</div> </div>
</div> </div>
<footer> <footer>
Propulsé par UniSquat! Propulsé par UniSquat : <a href="https://unisquat.alwaysdata.net">https://unisquat.alwaysdata.net</a>
</footer> </footer>
</main> </main>
</body> </body>

2
templates/free-rooms.html
View File

@ -34,7 +34,7 @@
</div> </div>
{% if favs: %} {% if favs: %}
<div class="flex-pc"> <div class="flex-pc">
{% if favs_free_rooms|length>0: %} {% if favs_free_rooms|length > 0 : %}
<div class="room-column"> <div class="room-column">
<br> <br>
<h1>Favoris disponibles maintenant</h1> <h1>Favoris disponibles maintenant</h1>