safouane.bazzi/ecocharge
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Finalisation dashboard EcoCharge dynamique

Browse Source
This commit is contained in:
Safouane Bazzi
2026-05-05 03:46:22 +02:00
parent 9a1ec86d33
commit c60876e9a2
6 changed files with 447 additions and 285 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
templates/admin_dashboard.html
View File

@@ -185,6 +185,28 @@
background-color: #27ae60;
}
/* ── Bouton Retour au dashboard ── */
.retour {
display: block;
width: 100%;
text-align: center;
margin-top: 14px;
padding: 13px;
border-radius: 8px;
border: 1px solid #2c3e50;
color: var(--blanc);
background-color: transparent;
text-decoration: none;
font-size: 15px;
font-weight: 600;
transition: border-color 0.2s, color 0.2s;
}
.retour:hover {
border-color: var(--vert);
color: var(--vert);
}
/* ── Message de confirmation Flask/Jinja ── */
.succes {
background-color: rgba(46, 204, 113, 0.15);
@@ -219,22 +241,29 @@
<!-- ── Carte principale ── -->
<div class="carte">
<!-- Message affiché après une sauvegarde réussie -->
{% if saved %}
<div class="succes">
✅ Paramètres sauvegardés
</div>
{% endif %}
<h2>Seuils d'alerte</h2>
<p>Modifiez les valeurs puis cliquez sur "Sauvegarder".</p>
<!-- Formulaire — action vers la route Flask /admin/dashboard -->
<form method="POST" action="/admin/dashboard">
<!-- ── Champ 1 : batterie minimum ── -->
<!-- ── Champ 1 : tension mesurée minimum ── -->
<div class="champ">
<div class="champ-entete">
<label for="min_battery">🔋 Tension batterie minimum</label>
<label for="min_battery">🔋 Tension mesurée minimum</label>
</div>
<p class="champ-info">Alerte si la tension de la batterie descend sous ce seuil.</p>
<p class="champ-info">Alerte si la tension mesurée (INA219) descend sous ce seuil.</p>
<br>
<div class="input-ligne">
<input type="number" id="min_battery" name="min_battery" value="{{ settings.min_battery }}"
min="0" required>
min="0" step="any" inputmode="decimal" required>
<span class="unite">V</span>
</div>
</div>
@@ -246,33 +275,36 @@
<div class="champ-entete">
<label for="max_temp">🌡️ Température maximum</label>
</div>
<p class="champ-info">Alerte si la température dépasse cette valeur.</p>
<p class="champ-info">Alerte si la température (DHT11) dépasse cette valeur.</p>
<br>
<div class="input-ligne">
<input type="number" id="max_temp" name="max_temp" value="{{ settings.max_temp }}" min="0"
max="100" required>
max="100" step="any" inputmode="decimal" required>
<span class="unite">°C</span>
</div>
</div>
<hr class="separateur">
<!-- ── Champ 3 : puissance minimum ── -->
<!-- ── Champ 3 : puissance calculée minimum ── -->
<div class="champ">
<div class="champ-entete">
<label for="min_power">☀️ Puissance minimum</label>
<label for="min_power">⚡ Puissance calculée minimum</label>
</div>
<p class="champ-info">Alerte si la production solaire descend sous ce seuil.</p>
<p class="champ-info">Alerte si la puissance calculée (P = U × I) descend sous ce seuil.</p>
<br>
<div class="input-ligne">
<input type="number" id="min_power" name="min_power" value="{{ settings.min_power }}" min="0"
required>
step="any" inputmode="decimal" required>
<span class="unite">W</span>
</div>
</div>
<button class="bouton" type="submit">💾 Sauvegarder</button>
<!-- Retour propre vers le dashboard principal (route "/") -->
<a class="retour" href="/">← Retour au dashboard</a>
</form>
</div>