Kenso Grimm
177ee6a13d
- Login: Appwrite-User mit Label 'admin' (Ticketsystem-Mitarbeiter) bekommen eine Admin-Session und landen auf /admin.html - Admin-Dashboard: Statistik-Uebersicht, Projektsuche ueber alle Projekte (inkl. Preview-/Gitea-Links, Vorschau ohne Kunden-Login), Kundenliste mit Portal-Status, letztem Login und Projektanzahl - Kundennummer (code) direkt im Admin-Bereich pflegbar - 'Als Kunde ansehen': Admin sieht das Portal exakt wie der Kunde (Banner mit Rueckweg zur Admin-Uebersicht) - Kunden-Dashboard: neue Bereiche 'Meine Rechnungen' (InvoiceNinja inkl. Link ins Rechnungsportal) und 'Was wurde gemacht' (Tickets + Worksheets aus dem Ticketsystem, ohne interne Akquise-Tickets); Kundennummer im Header - Admin-API /api/portal-admin/* (Session-basiert), Kunden-API /api/invoices und /api/activity - appwriteClient: uebrig gebliebene Debug-Instrumentierung entfernt Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
71 lines
2.9 KiB
HTML
71 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Meine Projekte – Webklar Kundenbereich</title>
|
||
<link rel="stylesheet" href="/login.css">
|
||
<style>
|
||
.viewas-banner {
|
||
display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;
|
||
padding: 10px 16px; margin-bottom: 16px; border-radius: 12px;
|
||
background: rgba(251,191,36,0.12); border: 1px solid rgba(251,191,36,0.45);
|
||
}
|
||
.simple-table { width: 100%; border-collapse: collapse; font-size: 14px; }
|
||
.simple-table th, .simple-table td { text-align: left; padding: 8px 10px; border-bottom: 1px solid rgba(255,255,255,0.08); }
|
||
.simple-table th { font-size: 12px; text-transform: uppercase; letter-spacing: 0.04em; opacity: 0.65; }
|
||
.simple-table tr:last-child td { border-bottom: none; }
|
||
.btn-link { color: #7dd3fc; text-decoration: none; }
|
||
.btn-link:hover { text-decoration: underline; }
|
||
.activity-item { padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,0.08); }
|
||
.activity-item:last-child { border-bottom: none; }
|
||
.activity-status {
|
||
display: inline-block; margin-left: 6px; padding: 1px 9px; border-radius: 999px; font-size: 12px;
|
||
background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.16);
|
||
}
|
||
.activity-ws { font-size: 13px; opacity: 0.8; margin: 3px 0 3px 14px; }
|
||
.portal-section-title { margin: 28px 0 12px; font-size: 20px; }
|
||
</style>
|
||
</head>
|
||
<body class="portal-page dashboard-page">
|
||
<div class="dot-background" aria-hidden="true">
|
||
<div class="dot-pattern"></div>
|
||
<div class="dot-fade"></div>
|
||
</div>
|
||
|
||
<header class="portal-header">
|
||
<a class="portal-logo" href="/dashboard.html">Webklar</a>
|
||
<div class="portal-header-actions">
|
||
<span class="portal-meta" id="customer-meta"></span>
|
||
<button type="button" class="portal-btn-outline" id="logout-btn">Abmelden</button>
|
||
</div>
|
||
</header>
|
||
|
||
<main class="portal-main dashboard-content-reveal">
|
||
<div id="viewas-banner" class="viewas-banner hidden"></div>
|
||
|
||
<h1 class="portal-title">Meine Website-Projekte</h1>
|
||
|
||
<p id="load-error" class="error hidden"></p>
|
||
<p id="loading" class="muted portal-status">Projekte werden geladen…</p>
|
||
<ul id="projects" class="projects hidden"></ul>
|
||
<p id="empty" class="portal-card hidden portal-status">Noch keine Website-Projekte zugewiesen.</p>
|
||
|
||
<section id="invoices-section" class="hidden">
|
||
<h2 class="portal-section-title">Meine Rechnungen</h2>
|
||
<div class="portal-card" id="invoices-body"></div>
|
||
</section>
|
||
|
||
<section id="activity-section" class="hidden">
|
||
<h2 class="portal-section-title">Was wurde gemacht</h2>
|
||
<div class="portal-card" id="activity-body"></div>
|
||
</section>
|
||
</main>
|
||
|
||
<script src="/app.js"></script>
|
||
<script>
|
||
initDashboardPage();
|
||
</script>
|
||
</body>
|
||
</html>
|