Info Tab und MFA

2026-06-28 15:14:06 +02:00
parent 1243910d4b
commit 297b52e50c
15 changed files with 5203 additions and 6363 deletions
--- a/templates/mfa_recovery.html
+++ b/templates/mfa_recovery.html
@@ -0,0 +1,64 @@
+<!doctype html>
+<html lang="de">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+<title>MFA eingerichtet – CANCOM Signage</title>
+<link rel="icon" href="{{ url_for('static', filename='favicon.ico') }}">
+
+<script>
+(() => {
+  const stored = window.localStorage.getItem("signage-theme");
+  const theme = stored === "dark" || stored === "light" ? stored : "light";
+  document.documentElement.setAttribute("data-bs-theme", theme);
+})();
+</script>
+
+<link rel="stylesheet" href="https://unpkg.com/@tabler/core@1.0.0-beta20/dist/css/tabler.min.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css">
+<script defer src="https://unpkg.com/@tabler/core@1.0.0-beta20/dist/js/tabler.min.js"></script>
+
+{% include '_styles.html' %}
+</head>
+<body>
+
+{% include '_header.html' %}
+
+<div class="page-wrapper">
+  <div class="page-body" style="min-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center;">
+    <div class="container-xl">
+      <div class="row justify-content-center">
+        <div class="col-lg-8 col-xl-6">
+
+          <div class="card">
+            <div class="card-body text-center py-5">
+              <h2 class="mb-2">✅ MFA aktiviert</h2>
+              <p class="text-muted mb-3">
+                Speichere diese Recovery-Codes an einem sicheren Ort.<br>
+                Jeder Code kann <strong>einmal</strong> verwendet werden.
+              </p>
+
+              <div class="alert alert-warning">
+                <strong>⚠️ Wichtig:</strong> Diese Codes werden nur <strong>einmal</strong> angezeigt.
+              </div>
+
+              <div class="my-4 d-flex flex-wrap justify-content-center gap-2">
+                {% for code in codes %}
+                <kbd style="font-size:1.1rem;padding:8px 16px;border-radius:6px;user-select:all;cursor:pointer;" onclick="navigator.clipboard.writeText(this.textContent);this.textContent='✓ Kopiert!';setTimeout(()=>{this.textContent='{{ code }}';},1500);">{{ code }}</kbd>
+                {% endfor %}
+              </div>
+
+              <p class="text-muted small mb-4">Klicke auf einen Code, um ihn zu kopieren.</p>
+              <a href="/admin" class="btn btn-primary">← Zum Admin</a>
+            </div>
+          </div>
+
+        </div>
+      </div>
+    </div>
+  </div>
+  {% include '_footer.html' %}
+</div>
+
+</body>
+</html>