maxime/loustique-home
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

maj interface web

Browse Source
This commit is contained in:
maxime
2026-04-01 00:58:00 +02:00
parent e7a55b4788
commit 9c33d832b7
8 changed files with 42 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
flask/templates/admin.html
View File

@@ -236,7 +236,7 @@
<aside>
<div class="logo">
Loustiques
SUPER Loustiques
<span>Panneau admin</span>
</div>
<nav>
@@ -253,7 +253,7 @@
Système
</a>
</nav>
<div class="sidebar-footer">v0.1.0 — local</div>
<div class="sidebar-footer">Version 1.0</div>
</aside>
<main>

47
flask/templates/dashboard.html
View File

@@ -235,17 +235,32 @@
<div class="card-label">Heure locale</div>
<div class="card-value" id="clock">--:--</div>
<div class="card-sub" id="date-display">--</div>
</div>
<div class="card">
<div class="card-label">Température</div>
<div class="card-sub" id="date-display">--</div>
</div>
<div class="card">
<div class="card-label">Porte</div>
<div class="card-sub" id="date-display">--</div>
</div>
<div class="card">
<svg class="card-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg>
<div class="card-label">Raspberry Pi</div>
<div class="card-value" style="color:#2563eb;">Actif</div>
<div class="card-label">Raspberry Pi 1 (actuelle)</div>
<div class="card-value" style="color:green;">Actif</div>
<div class="card-sub">Flask 3.1</div>
</div>
<div class="card">
<svg class="card-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg>
<div class="card-label">Raspberry Pi 2 distant </div>
<div class="card-value" style="color:green;">Actif</div>
<div class="card-sub">FastAPi</div>
</div>
<div class="card">
<svg class="card-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
<div class="card-label">Session</div>
<div class="card-value">Authentifiée</div>
<div class="card-value" style="color: green;">Authentifiée</div>
<div class="card-sub">Accès autorisé</div>
</div>
</div>
@@ -259,25 +274,13 @@
<span class="a-arrow">›</span>
</button>
<button class="action-btn" onclick="callAlarm()">
<span class="a-label">💡 Alarme</span>
<span class="a-sub">Contrôler la alarme</span>
<span class="a-arrow">›</span>
</button>
<button class="action-btn" onclick="callBoard1()">
<span class="a-label">💡 Board1</span>
<span class="a-sub">Contrôler la board1</span>
<span class="a-arrow">›</span>
</button>
<button class="action-btn" onclick="showToast('Fonction à venir...')">
<span class="a-label">⚙️ Paramètres</span>
<span class="a-sub">Configuration système</span>
<span class="a-arrow">›</span>
</button>
<button class="action-btn" onclick="showToast('Fonction à venir...')">
<span class="a-label">📡 Réseau</span>
<span class="a-sub">État de la connexion</span>
<span class="a-arrow">›</span>
</button>
<span class="a-label">Alarme</span>
<span class="a-sub">Armer l'alarme</span>
<span class="a-arrow">›</span></button>
<button class="action-btn" onclick="callAlarm()">
<span class="a-label">Alarme</span>
<span class="a-sub">Désarmer l'alarme</span>
<span class="a-arrow">›</span></button>
<button class="action-btn" onclick="go_admin()">
<span class="a-label">Administration</span>
<span class="a-sub">Administrer les loustiques</span>

6
flask/templates/index.html
View File

@@ -129,7 +129,7 @@
<div class="champ">
<label for="password">Mot de passe</label>
<input type="password" id="password" placeholder="Wola ouais" autocomplete="current-password" />
<input type="password" id="password" placeholder="Mot de passe du loustique" autocomplete="current-password" />
</div>
<button id="btn" onclick="handleLogin()">Se connecter</button>
@@ -140,14 +140,14 @@
</div>
<script>
// 1. Écoute de la touche Entrée
["username", "password"].forEach(id => {
document.getElementById(id).addEventListener("keydown", e => {
if (e.key === "Enter") handleLogin();
});
});
// 2. Fonction de connexion manuelle (Mot de passe)
-
async function handleLogin() {
const username = document.getElementById("username").value.trim();
const password = document.getElementById("password").value;

21
flask/templates/log.html
View File

@@ -9,8 +9,8 @@
body {
font-family: system-ui, sans-serif;
background: #1f1f1f;
color: #f0f0f0;
background: rgb(32, 31, 31);
color: white;
min-height: 100vh;
display: flex;
}
@@ -18,7 +18,7 @@
aside {
width: 220px;
min-height: 100vh;
background: #1a1a1a;
background: rgb(34, 34, 34);
border-right: 1px solid #2e2e2e;
display: flex;
flex-direction: column;
@@ -30,7 +30,7 @@
.logo {
font-size: 20px;
font-weight: 700;
color: #f0f0f0;
color: white;
margin-bottom: 2.5rem;
padding-bottom: 1.5rem;
border-bottom: 1px solid #2e2e2e;
@@ -39,7 +39,7 @@
.logo span {
display: block;
font-size: 15px;
color: #666;
color: gray;
margin-top: 4px;
font-weight: 400;
}
@@ -51,7 +51,7 @@
padding: 8px 10px;
border-radius: 6px;
font-size: 13px;
color: #888;
color: gray;
text-decoration: none;
margin-bottom: 2px;
transition: all 0.15s;
@@ -227,7 +227,7 @@
<aside>
<div class="logo">
Loustiques
SUPER Loustiques
<span>Panneau admin</span>
</div>
<nav>
@@ -239,12 +239,9 @@
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="2" y="2" width="12" height="12" rx="2"/><path d="M5 8h6M5 5h6M5 11h4"/></svg>
Logs
</a>
<a href="#">
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="8" cy="8" r="3"/><path d="M8 1v2M8 13v2M1 8h2M13 8h2"/></svg>
Système
</a>
</nav>
<div class="sidebar-footer">v0.1.0 — local</div>
<div class="sidebar-footer">Version 1.0</div>
</aside>
<main>