patchcenter/app/templates/dashboard.html
Khalid MOUTAOUAKIL 8e62b1fb11 Qualys complet, contacts, audit refactoré, bulk serveurs
Qualys:
- Recherche API temps réel + cache 24h base locale
- Tags: liste DYN/STAT, mapping V3 (DOM-*, TYP-*, APP-*), nb assets cliquable
- CRUD tags: créer STAT, supprimer, resync API
- Détail asset: infos + décodage nomenclature V3 + tags assignés
- Ajout/retrait tag unitaire avec autocomplete filtrable
- Bulk add/remove tag en masse avec dropdown filtrable
- Tags retirer: charge dynamiquement les STAT assignés aux assets sélectionnés
- Resync assets sélectionnés + retour même recherche

Contacts:
- 50 contacts importés avec 93 scopes (domaine/app/serveur/zone par env)
- 13 rôles (responsable_domaine, ra_prod, ra_recette, referent_technique...)
- Recherche par nom/email/serveur (affiche contacts liés)
- CRUD complet: éditer, scopes, activer/désactiver, supprimer
- Serveurs liés calculés dynamiquement depuis les scopes

Audit:
- Restructuré: Audit général + sous-menu Spécifique
- Dernier audit global affiché avec date
- Lancer audit général avec exclusions (domaines/zones) et parallélisme
- KPIs Qualys KO et S1 KO cliquables
- Export CSV

Serveurs:
- Actions groupées bulk (domaine, env, tier, état, owner, licence)
- Dashboard: KPI EOL ajouté
- Filtre état: EOL + en décommissionnement ajoutés
- 138 serveurs EOL importés depuis Qualys (owner=na, hors périmètre)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-05 00:47:26 +02:00

84 lines
3.2 KiB
HTML

{% extends 'base.html' %}
{% block title %}Dashboard{% endblock %}
{% block content %}
<h2 class="text-xl font-bold text-cyber-accent mb-4">Dashboard</h2>
<!-- KPIs -->
<div class="grid grid-cols-5 gap-4 mb-6">
<div class="card p-4 text-center">
<div class="text-3xl font-bold text-cyber-accent">{{ stats.total_servers }}</div>
<div class="text-xs text-gray-500">Serveurs</div>
</div>
<div class="card p-4 text-center">
<div class="text-3xl font-bold text-cyber-green">{{ stats.patchable }}</div>
<div class="text-xs text-gray-500">Patchables SecOps</div>
</div>
<div class="card p-4 text-center">
<div class="text-3xl font-bold text-white">{{ stats.linux }} / {{ stats.windows }}</div>
<div class="text-xs text-gray-500">Linux / Windows</div>
</div>
<div class="card p-4 text-center">
<div class="text-3xl font-bold text-cyber-yellow">{{ stats.qualys_tags }}</div>
<div class="text-xs text-gray-500">Tags Qualys</div>
</div>
<div class="card p-4 text-center">
<div class="text-3xl font-bold text-cyber-red">{{ stats.eol }}</div>
<div class="text-xs text-gray-500">EOL</div>
</div>
</div>
<!-- Par domaine -->
<div class="card p-4 mb-6">
<h3 class="text-sm font-bold text-cyber-accent mb-3">Par domaine</h3>
<table class="w-full table-cyber">
<thead><tr>
<th class="text-left p-2">Domaine</th>
<th class="p-2">Total</th>
<th class="p-2">Actifs</th>
<th class="p-2">Linux</th>
<th class="p-2">Windows</th>
</tr></thead>
<tbody>
{% for d in domains %}
<tr>
<td class="p-2 font-medium">{{ d.name }}</td>
<td class="p-2 text-center">{{ d.total }}</td>
<td class="p-2 text-center text-cyber-green">{{ d.actifs }}</td>
<td class="p-2 text-center">{{ d.linux }}</td>
<td class="p-2 text-center">{{ d.windows }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
<!-- Par tier -->
<div class="card p-4 mb-6">
<h3 class="text-sm font-bold text-cyber-accent mb-3">Par tier</h3>
<div class="flex gap-4">
{% for t in tiers %}
<div class="flex-1 text-center p-3 rounded" style="background: {% if t[0] == 'tier0' %}#ff336622{% elif t[0] == 'tier1' %}#ff880022{% elif t[0] == 'tier2' %}#ffcc0022{% else %}#00ff8822{% endif %}">
<div class="text-lg font-bold">{{ t[1] }}</div>
<div class="text-xs text-gray-400">{{ t[0] }}</div>
</div>
{% endfor %}
</div>
</div>
<!-- Quick stats -->
<div class="grid grid-cols-3 gap-4">
<div class="card p-3">
<span class="text-xs text-gray-500">Decomissionnes</span>
<span class="float-right text-cyber-red font-bold">{{ stats.decom }}</span>
</div>
<div class="card p-3">
<span class="text-xs text-gray-500">EOL</span>
<span class="float-right text-cyber-red font-bold">{{ stats.eol }}</span>
</div>
<div class="card p-3">
<span class="text-xs text-gray-500">Assets Qualys</span>
<span class="float-right text-cyber-accent font-bold">{{ stats.qualys_assets }}</span>
</div>
</div>
{% endblock %}