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

Initial commit projet IoT Flask ESP32

Browse Source
This commit is contained in:
Safouane Bazzi
2026-03-23 17:04:58 +01:00
parent 17026018a9
commit 06597bd9d3
7 changed files with 397 additions and 112 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
templates/index.html
View File

@@ -8,7 +8,6 @@
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>
@@ -22,8 +21,7 @@
</span>
<div
class="d-flex align-items-center bg-dark bg-opacity-50 px-3 py-2 rounded-pill border border-secondary border-opacity-25">
<span id="status-text" class="me-3 fw-semibold small text-uppercase tracking-wide">Système en
ligne</span>
<span id="status-text" class="me-3 fw-semibold small text-uppercase tracking-wide">Système en ligne</span>
<div id="system-status" class="status-dot rounded-circle pulse-online"></div>
</div>
</div>
@@ -46,8 +44,7 @@
<i id="api-icon" class="bi bi-brightness-high text-warning display-4 me-3"></i>
<div class="text-start">
<h3 class="mb-0 fw-bold data-value" id="api-temp">--°C</h3>
<small class="text-secondary text-uppercase fw-bold" id="api-desc">En
attente...</small>
<small class="text-secondary text-uppercase fw-bold" id="api-desc">En attente...</small>
</div>
</div>
</div>
@@ -148,11 +145,10 @@
<div class="mt-4 text-center">
<div class="badge bg-dark border border-secondary text-secondary w-100 py-2"
id="bat-alert-badge">
<i class="bi bi-check-circle text-success" id="bat-alert-icon"></i> <span
id="bat-alert">Système Normal</span>
<i class="bi bi-check-circle text-success" id="bat-alert-icon"></i>
<span id="bat-alert">Système Normal</span>
</div>
</div>
</div>
</div>
</div>
@@ -175,7 +171,32 @@
<i class="bi bi-box-arrow-right me-2"></i>Déconnexion
</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="card rounded-3 shadow-sm border border-secondary border-opacity-25 h-100">
<div class="card-body p-4">
<h5 class="fw-bold mb-4 text-white">
<i class="bi bi-graph-up-arrow me-2 text-white"></i>Historique environnement
</h5>
<div style="height: 340px;">
<canvas id="envChart"></canvas>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="card rounded-3 shadow-sm border border-secondary border-opacity-25 h-100">
<div class="card-body p-4">
<h5 class="fw-bold mb-4 text-white">
<i class="bi bi-lightning-charge me-2 text-white"></i>Historique énergie
</h5>
<div style="height: 340px;">
<canvas id="energyChart"></canvas>
</div>
</div>
</div>
</div>
@@ -183,6 +204,7 @@
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="{{ url_for('static', filename='script.js') }}"></script>
</body>