feat: Semaine 8

Semaine_08/secuvault/presentation/templates/secrets_list.html

@@ -0,0 +1,53 @@
+{% extends "base.html" %}
+{% block title %}SecuVault - Mes secrets{% endblock %}
+
+{% block content %}
+<div class="d-flex justify-content-between align-items-center mb-4">
+  <h1 class="h3 mb-0">Mes secrets</h1>
+  <a href="/secrets/new" class="btn btn-success">+ Nouveau secret</a>
+</div>
+
+{% if not secrets_by_team %}
+<div class="alert alert-info">Vous n'appartenez à aucune équipe pour l'instant.</div>
+{% endif %}
+
+{% for team, secrets in secrets_by_team.items() %}
+<div class="card mb-4 shadow-sm">
+  <div class="card-header bg-secondary text-white d-flex align-items-center gap-2">
+    <strong>{{ team.name }}</strong>
+    {% if team.description %}
+    <span class="opacity-75 small">- {{ team.description }}</span>
+    {% endif %}
+  </div>
+  <div class="card-body p-0">
+    {% if secrets %}
+    <table class="table table-hover mb-0">
+      <thead class="table-light">
+        <tr>
+          <th>Nom</th>
+          <th>Dernière mise à jour</th>
+          <th>Version</th>
+          <th class="text-end">Actions</th>
+        </tr>
+      </thead>
+      <tbody>
+        {% for secret in secrets %}
+        <tr>
+          <td class="align-middle">{{ secret.name }}</td>
+          <td class="align-middle text-muted small">{{ secret.updated_at }}</td>
+          <td class="align-middle"><span class="badge bg-light text-dark border">v{{ secret.version }}</span></td>
+          <td class="text-end">
+            <a href="/secrets/{{ secret.id }}" class="btn btn-sm btn-outline-primary me-1">Révéler</a>
+            <a href="/secrets/{{ secret.id }}/rotate" class="btn btn-sm btn-outline-warning">Rotation</a>
+          </td>
+        </tr>
+        {% endfor %}
+      </tbody>
+    </table>
+    {% else %}
+    <p class="text-muted p-3 mb-0">Aucun secret dans cette équipe.</p>
+    {% endif %}
+  </div>
+</div>
+{% endfor %}
+{% endblock %}