From 7f0688d00ada793d3a8ed9e9f0490d8303447145 Mon Sep 17 00:00:00 2001 From: Paperclip Date: Mon, 11 May 2026 16:01:58 +0200 Subject: [PATCH] feat(HRT-143): Refonte design /depenses/ glassmorphism + modern UI MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Refonte complète index.html (1444 lignes) : layout 3 colonnes desktop / mobile responsive Header sticky glassmorphism avec nav tabs 4 KPI cards animées (total, budget restant, nb, max) Donut chart répartition catégories en sidebar droite Top 5 dépenses avec progress bars Formulaire avec labels uppercase + inputs focus glow Liste dépenses avec badges colorés par catégorie/statut Modales overlay backdrop-blur + animation spring Budget bar gradient animée (matrix → rose selon %) - Refonte complète dashboard.html (731 lignes) : Grid 3 colonnes avec cards glassmorphism 4 KPI cards (total, count, moyenne, catégories) Chart principal multi-mode (bar/line/pie) Donut répartition + table catégories avec % Résumé par personne avec progress bars Top 7 dépenses avec progress bars Sparkline tendance 6 derniers mois - Stack : HTML/CSS/JS vanilla + Tailwind CDN + JetBrains Mono - Palette : --bg-primary #020617, --cyan #00d9ff, --violet #a855f7 - 0 modification app.py, toutes APIs inchangées Co-Authored-By: Paperclip --- templates/dashboard.html | 837 ++++++++++++++--- templates/index.html | 1917 ++++++++++++++++++++++++++++---------- 2 files changed, 2134 insertions(+), 620 deletions(-) diff --git a/templates/dashboard.html b/templates/dashboard.html index e8b8dab..79421b0 100644 --- a/templates/dashboard.html +++ b/templates/dashboard.html @@ -1,154 +1,731 @@ - - - 📊 Dépenses Dashboard - - - + + +📊 Dashboard Dépenses — H3R7 + + + + -

📊 Dépenses Dashboard

-
- ✏️ Saisie - 📊 Dashboard - ⚙️ Config + + +
+
+
+ 🏠 Portail +
H3R7 / Dashboard Dépenses
- -
-

💰 Total: 0.00€

+ +
+
—
+
0.00€
+
+
-
-

📊 Filtres

-
-
Mois
-
Personne
-
Catégorie
-
+ +
+
+
+
Total période
+
0.00€
- -
-

📈 Graphiques

-
-
Bar chart
-
Camembert
-
-
- -
+
+
Nb dépenses
+
0
+
+
Moyenne
+
0.00€
+
+
+
Catégories actives
+
0
+
+
+
- + async function load() { + try { + var r = await fetch('api/depenses'); + depenses = await r.json(); + setFilter('month'); + } catch(e) { + console.error('Erreur chargement:', e); + document.getElementById('kpi-total').textContent = 'Erreur'; + } + } + + load(); + diff --git a/templates/index.html b/templates/index.html index ed29134..f4ffb44 100644 --- a/templates/index.html +++ b/templates/index.html @@ -1,507 +1,1444 @@ - - - 💸 Dépenses Trello - - - - + + + + + +💸 Dépenses — H3R7 + + + + + + -

💸 Dépenses Trello

-
- ✏️ Saisie - 📊 Dashboard - ⚙️ Config + + +
+
+
+ + 🏠Portail + +
H3R7 / Dépenses
- -
+ + +
+
+
+
Total dépensé
+
0.00€
+
ce mois
+
+
+
Budget restant
+
—
+
+
+
+
+
+
Nb dépenses
+
0
+
ce mois
+
+
+
Plus grosse
+
—
+
—
+
+
+
+ + +
+ + +
+
+
➕ Nouvelle dépense
+ +
⚠️ Budget dépassé !
+ +
+
+ +
- -
-
⚠️ Attention: Vous avez depasse le budget mensuel!
-
-

📋 Dépenses (0)

- +
+ + +
+
+ + +
+
+ + +
+
+ + +
+ + + + +
+
+
+ Dépenses filtrées + 0 +
+
+ Sous-total + 0.00€ +
+
+
+
+ + +
+ +
+ + +
+
+
Filtre
+
+
+ +
+
+
+ + +
+
+ +
+ 0 dépenses + + Total : 0.00€ + +
+ + +
+ + +
+
+ + + + +
+
+
+ + +
+ +
+
💰 Budget Mensuel
+
+
+
+ +
-
-
-
Total: 0.00€
-
-
- - -
-
- - - - -
+ +
+ +
+ +
+
🔄 Dépenses Récurrentes
+
+
+
+
+ +
-
+
+ + +
+
+
+
+ + +
+
+ + +
+
+ + +
+ +
+
👥 Prénoms
+
+
+
+ + +
+
+
+ +
+
📂 Catégories
+
+
+
+ + +
+
+
+ +
+
📄 Format du texte Trello
+
+
+ + +
+ +
+
+ +
+
🔗 Configuration Trello
+
+ + + + +
+ + +
+
+ +
+ + +
+ + +
+
+ + +
+
+ +
+ + +
+
+ +
+ +
+
- - + + +
+
+
📊 Répartition
+
+ +
- - -