Files
mischlabs/favorites.html
Kroonk ae775c4dcf
All checks were successful
Build & Push Docker Image to Gitea Registry / build-and-push (push) Successful in 12s
feat: share SSO session with admin panel
2026-05-21 23:55:18 +02:00

74 lines
3.3 KiB
HTML

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MischLabs - Favoriten</title>
<meta name="description" content="Persoenliche MischLabs Favoriten verwalten.">
<meta name="theme-color" content="#0f172a">
<link rel="manifest" href="/manifest.webmanifest?v=4">
<link rel="shortcut icon" href="/favicon.ico?v=4">
<link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32-v4.png">
<link rel="icon" type="image/png" sizes="48x48" href="/icons/favicon-48-v4.png">
<link rel="icon" type="image/png" sizes="192x192" href="/icons/favicon-192-v4.png">
<link rel="apple-touch-icon" href="/icons/apple-touch-icon-v4.png">
<link rel="stylesheet" href="/style.css?v=29">
</head>
<body>
<header class="shell hero admin-hero">
<div class="brand">
<img class="brand-mark" src="/icons/app-icon-source.png" alt="" width="72" height="72">
<div>
<p class="eyebrow">Persoenlich</p>
<h1>Favoriten</h1>
<p class="subtitle">Eigene Weblinks als Kacheln auf deinem MischLabs Dashboard.</p>
</div>
</div>
<div class="admin-actions">
<a class="ghost-button" href="/">Dashboard</a>
<button class="ghost-button" id="favoritesLoginButton" type="button">Mit SSO anmelden</button>
<button class="ghost-button" id="favoritesLogoutButton" type="button" hidden>Abmelden</button>
</div>
</header>
<main class="shell favorites-shell">
<section class="admin-panel" id="favoritesLoginPanel">
<p class="section-kicker">SSO</p>
<h2>Anmeldung erforderlich</h2>
<p class="admin-copy">Deine Favoriten werden pro Keycloak-Benutzer gespeichert.</p>
<div class="notice" id="favoritesMessage">Noch nicht angemeldet.</div>
</section>
<section class="admin-panel" id="favoritesPanel" hidden>
<div class="admin-panel-head">
<div>
<p class="section-kicker">Editor</p>
<h2>Favoriten verwalten</h2>
<p class="admin-copy">Lege Kacheln an, waehle Farbe und Logo, gruppiere sie und sortiere die Reihenfolge.</p>
</div>
<button class="ghost-button" id="addFavoriteButton" type="button">Favorit hinzufuegen</button>
</div>
<div class="notice" id="favoritesUser"></div>
<div class="favorite-editor-layout">
<div class="favorite-editor-list" id="favoriteEditor"></div>
<aside class="favorite-preview-panel">
<p class="section-kicker">Vorschau</p>
<div id="favoritePreview" class="grid favorite-preview-grid"></div>
</aside>
</div>
<div class="admin-actions-bar">
<button class="ghost-button" id="saveFavoritesButton" type="button">Speichern</button>
<button class="ghost-button" id="reloadFavoritesButton" type="button">Neu laden</button>
</div>
</section>
</main>
<script src="/auth.js?v=2" defer></script>
<script src="/favorites.js?v=1" defer></script>
</body>
</html>