FroSteel/Planification
Public Access
2
2
Fork 1
Code Issues Pull Requests Releases 48 Wiki Activity

Version 2.0.0 — Refonte interface et structure

Browse Source
This commit is contained in:
Quentin Rouiller
2026-04-16 14:00:00 +02:00
parent 3b1831a83a
commit d2afbf0dca
5 changed files with 1773 additions and 874 deletions
Download Patch File Download Diff File Expand all files Collapse all files
viewer.html
+15 -30
View File
@@ -1,49 +1,34 @@
<!DOCTYPE html>
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Planning Techniciens — Vue claire</title>
<meta charset="utf-8">
<title>Planning techniciens</title>
<link rel="stylesheet" href="viewer.css">
</head>
<body>
<header class="topbar">
<div class="topbar-left">
<h1>📅 Planning du <span id="display-date">—</span></h1>
<div class="subtitle" id="subtitle">Chargement…</div>
<h1>Planning techniciens</h1>
<span id="capture-info" class="capture-info"></span>
</div>
<div class="topbar-right">
<button id="btn-refresh" title="Recharger depuis la page EasyVista">
🔄 Actualiser
<button id="refresh-btn" class="btn" title="Revenir sur EasyVista pour recapturer le planning">
↻ Rafraîchir
</button>
<button id="btn-preload" title="Pré-charger tous les détails d'interventions (22 requêtes)">
📥 Charger tous les détails
<button id="theme-toggle" class="btn btn-icon" title="Changer de thème" aria-label="Changer de thème">
<span id="theme-icon">🌙</span>
</button>
</div>
</header>
<div id="error-zone" class="error-zone hidden"></div>
<section id="summary" class="summary hidden">
<div class="summary-card summary-pompier">
<div class="summary-label">🚒 Pompier du jour</div>
<div class="summary-value" id="pompier-name">—</div>
</div>
<div class="summary-card summary-absents">
<div class="summary-label">❌ Absents</div>
<div class="summary-value" id="absents-list">—</div>
</div>
<div class="summary-card summary-stats">
<div class="summary-label">🔧 Interventions</div>
<div class="summary-value" id="stats-interv">—</div>
</div>
</section>
<main id="main-content">
<div class="placeholder">Le planning va s'afficher ici.</div>
<main id="main">
<div id="error-box" class="error-box hidden"></div>
<div id="loading" class="loading">Chargement…</div>
<div id="stats" class="stats hidden"></div>
<div id="cards" class="cards"></div>
</main>
<!-- Tooltip pour le survol -->
<div id="tooltip" class="tooltip hidden"></div>
<div id="tooltip" class="tooltip hidden" role="tooltip"></div>
<script src="viewer.js"></script>
</body>