Squelette d'application web pour ESP32 avec implémentations de fonctions basiques telles que :
-Authentification
-Responsive design
-Mise à jour OTA
-Paramétrage
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
<!DOCTYPE html> |
|
|
<html lang="fr"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Tableau de bord - ESP32 Webapp</title> |
|
|
<link rel="stylesheet" href="/css/styles.css"> |
|
|
</head> |
|
|
<body> |
|
|
<nav class="navbar"> |
|
|
<div class="nav-brand">🔔 ESP32 Webapp</div> |
|
|
<div class="nav-menu"> |
|
|
<a href="/index.html" class="active">Tableau de bord</a> |
|
|
<a href="/settings.html">Paramètres</a> |
|
|
<a href="/update.html">Mise à jour</a> |
|
|
<a href="/logout">Déconnexion</a> |
|
|
</div> |
|
|
</nav> |
|
|
|
|
|
<div class="container"> |
|
|
<h1>Tableau de bord</h1> |
|
|
|
|
|
<div class="stats-grid"> |
|
|
<div class="stat-card"> |
|
|
<div class="stat-label">Temps de fonctionnement</div> |
|
|
<div class="stat-value" id="uptime">--</div> |
|
|
</div> |
|
|
|
|
|
<div class="stat-card"> |
|
|
<div class="stat-label">Mémoire libre</div> |
|
|
<div class="stat-value" id="memory">--</div> |
|
|
</div> |
|
|
|
|
|
<div class="stat-card"> |
|
|
<div class="stat-label">Signal WiFi</div> |
|
|
<div class="stat-value" id="rssi">--</div> |
|
|
</div> |
|
|
|
|
|
<div class="stat-card"> |
|
|
<div class="stat-label">Adresse IP</div> |
|
|
<div class="stat-value" id="ip">--</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="card"> |
|
|
<h2>Contrôles</h2> |
|
|
<div class="controls-grid"> |
|
|
<button class="btn btn-primary" onclick="refreshStats()">🔄 Actualiser</button> |
|
|
<button class="btn btn-secondary" onclick="location.href='/settings.html'">⚙️ Paramètres</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div id="message" class="message"></div> |
|
|
</div> |
|
|
|
|
|
<script src="/js/api.js"></script> |
|
|
<script src="/js/app.js"></script> |
|
|
</body> |
|
|
</html>
|
|
|
|
