perco
97ae64caf0
- Application FastAPI avec SQLite et Jinja2 - Gestion des véhicules (VIN, immatriculation, infos libres) - Gestion des interventions avec statut (en_attente/en_cours/termine) - Gestion des pièces détachées avec photos - Tableau de bord avec statistiques - Déploiement Docker + Traefik (HTTPS) - README complet en français
35 lines
1.9 KiB
HTML
35 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{% block title %}GarageManager{% endblock %}</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
|
|
</head>
|
|
<body class="bg-gray-100 min-h-screen flex">
|
|
<div class="w-64 bg-slate-800 min-h-screen flex flex-col fixed left-0 top-0">
|
|
<div class="p-6 border-b border-slate-700">
|
|
<h1 class="text-white text-xl font-bold flex items-center gap-2">
|
|
<i class="fas fa-wrench text-orange-400"></i> GarageManager
|
|
</h1>
|
|
</div>
|
|
<nav class="flex-1 p-4 space-y-1">
|
|
<a href="/" class="flex items-center gap-3 px-4 py-3 rounded-lg text-sm font-medium transition {% if page == 'dashboard' %}bg-orange-500 text-white{% else %}text-slate-300 hover:bg-slate-700 hover:text-white{% endif %}">
|
|
<i class="fas fa-chart-line w-5"></i> Dashboard
|
|
</a>
|
|
<a href="/vehicules" class="flex items-center gap-3 px-4 py-3 rounded-lg text-sm font-medium transition {% if page == 'vehicules' %}bg-orange-500 text-white{% else %}text-slate-300 hover:bg-slate-700 hover:text-white{% endif %}">
|
|
<i class="fas fa-car w-5"></i> Véhicules
|
|
</a>
|
|
<a href="/interventions" class="flex items-center gap-3 px-4 py-3 rounded-lg text-sm font-medium transition {% if page == 'interventions' %}bg-orange-500 text-white{% else %}text-slate-300 hover:bg-slate-700 hover:text-white{% endif %}">
|
|
<i class="fas fa-tools w-5"></i> Interventions
|
|
</a>
|
|
</nav>
|
|
<div class="p-4 border-t border-slate-700 text-xs text-slate-500 text-center">GarageManager v2.1</div>
|
|
</div>
|
|
<div class="ml-64 flex-1 p-8">
|
|
{% block content %}{% endblock %}
|
|
</div>
|
|
</body>
|
|
</html>
|