feat: dashboard web FastAPI Sprint 4
Ajout d'un dashboard lecture seule par-dessus la DB SQLite existante. Fichiers créés : - tickettracker/web/queries.py : 7 fonctions SQL (stats, compare, historique...) - tickettracker/web/api.py : router /api/* JSON (FastAPI) - tickettracker/web/app.py : routes HTML + Jinja2 + point d'entrée uvicorn - tickettracker/web/templates/ : base.html, index.html, compare.html, product.html, receipt.html - tickettracker/web/static/style.css : personnalisations Pico CSS - tests/test_web.py : 19 tests (96 passent, 1 xfail OCR) Fichiers modifiés : - requirements.txt : +fastapi, uvicorn[standard], jinja2, python-multipart, httpx - config.py : +DB_PATH (lu depuis TICKETTRACKER_DB_PATH) Lancement : python -m tickettracker.web.app Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
48
tickettracker/web/static/style.css
Normal file
48
tickettracker/web/static/style.css
Normal file
@@ -0,0 +1,48 @@
|
||||
/* Personnalisations légères par-dessus Pico CSS */
|
||||
|
||||
/* Grille de cartes statistiques : 2 colonnes min, 4 max */
|
||||
.stat-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
|
||||
gap: 1rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
/* Cartes avec le grand chiffre mis en avant */
|
||||
.stat-card {
|
||||
text-align: center;
|
||||
padding: 1.25rem 1rem;
|
||||
}
|
||||
|
||||
.stat-card h3 {
|
||||
font-size: 2rem;
|
||||
margin-bottom: 0.25rem;
|
||||
color: var(--pico-primary);
|
||||
}
|
||||
|
||||
.stat-card p {
|
||||
margin: 0;
|
||||
font-size: 0.9rem;
|
||||
color: var(--pico-muted-color);
|
||||
}
|
||||
|
||||
/* Contraindre la hauteur des canvas Chart.js */
|
||||
.chart-container {
|
||||
position: relative;
|
||||
max-height: 350px;
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
/* Couleurs pour les écarts de prix dans la table compare */
|
||||
.diff-positive {
|
||||
color: #c0392b; /* rouge = Leclerc plus cher */
|
||||
}
|
||||
|
||||
.diff-negative {
|
||||
color: #27ae60; /* vert = Picnic plus cher (économie) */
|
||||
}
|
||||
|
||||
/* Débordement horizontal pour les grandes tables */
|
||||
.overflow-auto {
|
||||
overflow-x: auto;
|
||||
}
|
||||
Reference in New Issue
Block a user