224 lines
16 KiB
HTML
224 lines
16 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Kundenportal & Control Center | Veritas Suite</title>
|
|
<meta name="description" content="Alles auf einen Blick: Veritas Suite Kundenportal für Lizenzen, Downloads, Account-Einstellungen und Live-Aktivierung.">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="styles.css">
|
|
</head>
|
|
<body>
|
|
|
|
<!-- Background Orbs -->
|
|
<div class="glow-orb orb-purple"></div>
|
|
<div class="glow-orb orb-cyan"></div>
|
|
<div class="glow-orb orb-emerald"></div>
|
|
|
|
<!-- Header Navigation -->
|
|
<header class="navbar">
|
|
<div class="nav-container">
|
|
<a href="/" class="logo">
|
|
<div class="logo-shield">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg>
|
|
</div>
|
|
<div class="logo-brand">
|
|
<span class="brand-name">VERITAS</span>
|
|
<span class="brand-tag">SUITE v1.0</span>
|
|
</div>
|
|
</a>
|
|
|
|
<nav class="nav-links">
|
|
<a href="/" class="nav-item">🌐 Startseite</a>
|
|
<a href="/#sparten" class="nav-item">📦 Software-Sparten</a>
|
|
<a href="/downloads" class="nav-item">📥 Software-Downloads</a>
|
|
<a href="/portal" class="nav-item active portal-link">
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
|
|
Kundenportal
|
|
</a>
|
|
<a href="https://mail.kanjiv.at/SOGo/index/" target="_blank" class="nav-item" style="color: #38bdf8;">📧 E-Mail Dienst</a>
|
|
<a href="https://git.kanjiv.at/" target="_blank" class="nav-item" style="color: #a855f7;">🐙 Git Server</a>
|
|
<!-- Admin link dynamically visible ONLY for logged-in admins -->
|
|
<a href="/admin" id="nav-admin-link" class="nav-item" style="display: none; color: #fbbf24; font-weight: 700;">👑 Admin-Zentrale</a>
|
|
</nav>
|
|
|
|
<div class="server-status-pill" id="status-pill">
|
|
<span class="status-indicator"></span>
|
|
<span id="status-text">Server: Verbinde...</span>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Portal Main Single-Page Section -->
|
|
<section class="section" style="padding-top: 7rem; padding-bottom: 4rem;">
|
|
<div class="container">
|
|
|
|
<!-- Hero Title Box -->
|
|
<div class="section-title-box" style="margin-bottom: 2rem;">
|
|
<span class="sub-title">ALL-IN-ONE CONTROL CENTER</span>
|
|
<h2>Veritas Kundenportal</h2>
|
|
<p>Verwalte deine Lizenzen, deine Anmeldedaten und deine Software-Downloads auf einer zentralen Übersichtsseite.</p>
|
|
</div>
|
|
|
|
<!-- Global Alert Box -->
|
|
<div id="auth-alert" class="alert-box" style="display: none; margin-bottom: 2rem; padding: 14px 18px; border-radius: 10px; font-weight: 600;"></div>
|
|
|
|
<!-- SECTION 1: ACCOUNT & ANMELDUNG -->
|
|
<div class="portal-card glass-panel" style="padding: 2rem; border-radius: 16px; border: 1px solid rgba(255,255,255,0.1); margin-bottom: 2.5rem;">
|
|
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; flex-wrap: wrap; gap: 1rem;">
|
|
<div style="display: flex; align-items: center; gap: 12px;">
|
|
<span style="font-size: 2rem;">👤</span>
|
|
<div>
|
|
<h3 style="margin: 0; color: #fff; font-size: 1.3rem;">Konto & Authentifizierung</h3>
|
|
<p style="margin: 0; color: #94a3b8; font-size: 0.85rem;">Melde dich an oder erstelle ein neues Konto mit automatischer Pro-Lizenz.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Logged In Status Bar & Admin Button -->
|
|
<div id="user-status-bar" style="display: none; background: rgba(16, 185, 129, 0.15); border: 1px solid rgba(16, 185, 129, 0.3); padding: 8px 16px; border-radius: 8px; align-items: center; gap: 12px; flex-wrap: wrap;">
|
|
<span style="color: #34d399; font-weight: 600; font-size: 0.9rem;" id="dash-user-email">user@domain.de</span>
|
|
<a href="/admin" id="btn-admin-panel" style="display: none; background: linear-gradient(135deg, #f59e0b, #b45309); color: #fff; font-weight: 700; padding: 6px 14px; border-radius: 6px; text-decoration: none; font-size: 0.85rem;">👑 Admin-Zentrale Öffnen</a>
|
|
<button class="btn btn-outline-danger btn-small" onclick="logout()">Abmelden</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Forms Grid (Shows when logged out) -->
|
|
<div id="auth-forms-container" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem;">
|
|
<!-- Login Box -->
|
|
<div class="auth-card glass-panel" style="padding: 1.6rem; border-radius: 12px; background: rgba(24, 34, 53, 0.6); border: 1px solid rgba(255,255,255,0.08);">
|
|
<h4 style="margin-top: 0; margin-bottom: 0.5rem; color: #fff;">🔑 Anmelden</h4>
|
|
<p style="color: #94a3b8; font-size: 0.85rem; margin-bottom: 1.2rem;">Zugang zu deinen lizenzierten Tools</p>
|
|
<form onsubmit="handleLogin(event)">
|
|
<div class="form-group" style="margin-bottom: 1.2rem;">
|
|
<label style="display: block; margin-bottom: 6px; color: #cbd5e1; font-size: 0.85rem;">E-Mail-Adresse</label>
|
|
<input type="email" id="login-email" placeholder="name@domain.de" required style="width: 100%; padding: 11px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.15); background: rgba(3, 7, 18, 0.8); color: #fff;">
|
|
</div>
|
|
<div class="form-group" style="margin-bottom: 1.5rem;">
|
|
<label style="display: block; margin-bottom: 6px; color: #cbd5e1; font-size: 0.85rem;">Passwort</label>
|
|
<input type="password" id="login-password" placeholder="••••••••" required style="width: 100%; padding: 11px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.15); background: rgba(3, 7, 18, 0.8); color: #fff;">
|
|
</div>
|
|
<button type="submit" class="btn btn-glow btn-block" style="width: 100%;">Anmelden</button>
|
|
</form>
|
|
</div>
|
|
|
|
<!-- Register Box -->
|
|
<div class="auth-card glass-panel" style="padding: 1.6rem; border-radius: 12px; background: rgba(16, 185, 129, 0.06); border: 1px solid rgba(16, 185, 129, 0.25);">
|
|
<h4 style="margin-top: 0; margin-bottom: 0.5rem; color: #fff;">⚡ Registrieren</h4>
|
|
<p style="color: #a7f3d0; font-size: 0.85rem; margin-bottom: 1.2rem;">Erhalte sofort eine <strong>Veritas Pro Lizenz</strong> (5 Geräte)</p>
|
|
<form onsubmit="handleRegister(event)">
|
|
<div class="form-group" style="margin-bottom: 1.2rem;">
|
|
<label style="display: block; margin-bottom: 6px; color: #cbd5e1; font-size: 0.85rem;">E-Mail-Adresse</label>
|
|
<input type="email" id="reg-email" placeholder="neuer.nutzer@domain.de" required style="width: 100%; padding: 11px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.15); background: rgba(3, 7, 18, 0.8); color: #fff;">
|
|
</div>
|
|
<div class="form-group" style="margin-bottom: 1.5rem;">
|
|
<label style="display: block; margin-bottom: 6px; color: #cbd5e1; font-size: 0.85rem;">Passwort festlegen</label>
|
|
<input type="password" id="reg-password" placeholder="••••••••" required style="width: 100%; padding: 11px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.15); background: rgba(3, 7, 18, 0.8); color: #fff;">
|
|
</div>
|
|
<button type="submit" class="btn btn-emerald btn-block" style="width: 100%;">Konto Erstellen & Pro-Lizenz Erhalten</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- SECTION 2: LIZENZ-DASHBOARD -->
|
|
<div class="portal-card glass-panel" style="padding: 2rem; border-radius: 16px; border: 1px solid rgba(255,255,255,0.1); margin-bottom: 2.5rem;">
|
|
<div style="display: flex; align-items: center; gap: 12px; margin-bottom: 1.5rem;">
|
|
<span style="font-size: 2rem;">🔑</span>
|
|
<div>
|
|
<h3 style="margin: 0; color: #fff; font-size: 1.3rem;">Deine Software-Lizenzen</h3>
|
|
<p style="margin: 0; color: #94a3b8; font-size: 0.85rem;">Aktive Lizenzen, Schlüssel und verknüpfte Geräte-Slots</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="dash-logged-out" class="logged-out-state" style="text-align: center; padding: 2rem 1rem; background: rgba(3, 7, 18, 0.4); border-radius: 12px;">
|
|
<div style="font-size: 2.5rem; margin-bottom: 0.5rem;">🔒</div>
|
|
<p style="color: #cbd5e1; margin-bottom: 0;">Bitte melde dich oben an, um deine Lizenzen einzusehen.</p>
|
|
</div>
|
|
|
|
<div id="dash-logged-in" style="display: none;">
|
|
<div id="license-list" class="license-grid"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- SECTION 3: SCHNELL-DOWNLOAD CENTER -->
|
|
<div class="portal-card glass-panel" style="padding: 2rem; border-radius: 16px; border: 1px solid rgba(255,255,255,0.1); margin-bottom: 2.5rem;">
|
|
<div style="display: flex; align-items: center; gap: 12px; margin-bottom: 1.5rem;">
|
|
<span style="font-size: 2rem;">📥</span>
|
|
<div>
|
|
<h3 style="margin: 0; color: #fff; font-size: 1.3rem;">Software Download-Center</h3>
|
|
<p style="margin: 0; color: #94a3b8; font-size: 0.85rem;">Lade die fertigen Windows Executables (.exe) direkt herunter</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="downloads-container" class="tools-grid"></div>
|
|
</div>
|
|
|
|
<!-- SECTION 4: INTERAKTIVER AKTIVIERUNGS-TESTER -->
|
|
<div class="portal-card glass-panel" style="padding: 2rem; border-radius: 16px; border: 1px solid rgba(255,255,255,0.1);">
|
|
<div style="display: flex; align-items: center; gap: 12px; margin-bottom: 1.5rem;">
|
|
<span style="font-size: 2rem;">⚡</span>
|
|
<div>
|
|
<h3 style="margin: 0; color: #fff; font-size: 1.3rem;">Online Aktivierungs-Tester</h3>
|
|
<p style="margin: 0; color: #94a3b8; font-size: 0.85rem;">Testet den Handshake zwischen den Windows-Tools und dem VPS Server</p>
|
|
</div>
|
|
</div>
|
|
|
|
<form onsubmit="handleTestActivation(event)" class="sim-form">
|
|
<div class="form-row" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1.2rem; margin-bottom: 1.2rem;">
|
|
<div class="form-group">
|
|
<label style="display: block; margin-bottom: 6px; color: #cbd5e1; font-size: 0.85rem;">Lizenzschlüssel</label>
|
|
<input type="text" id="sim-key" placeholder="VERITAS-PRO-XXXXXX" required style="width: 100%; padding: 11px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.15); background: rgba(3, 7, 18, 0.8); color: #38bdf8; font-family: monospace;">
|
|
</div>
|
|
<div class="form-group">
|
|
<label style="display: block; margin-bottom: 6px; color: #cbd5e1; font-size: 0.85rem;">Simulierte Hardware-ID (HWID)</label>
|
|
<input type="text" id="sim-hwid" value="WIN-CPU-CORE-i9-99X" required style="width: 100%; padding: 11px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.15); background: rgba(3, 7, 18, 0.8); color: #fff; font-family: monospace;">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group" style="margin-bottom: 1.5rem;">
|
|
<label style="display: block; margin-bottom: 6px; color: #cbd5e1; font-size: 0.85rem;">Ziel-Applikation</label>
|
|
<select id="sim-app" style="width: 100%; padding: 11px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.15); background: rgba(3, 7, 18, 0.8); color: #fff;">
|
|
<option value="Veritas SpoolerReset Commercial GUI v1.2.0">Veritas SpoolerReset (v1.2.0)</option>
|
|
<option value="Veritas RansomGuard Commercial GUI v1.0.0">Veritas RansomGuard (v1.0.0)</option>
|
|
<option value="Veritas Recovery Engine (VRE)">Veritas Recovery Engine (VRE)</option>
|
|
<option value="Veritas Imager (VIM)">Veritas Imager (VIM)</option>
|
|
</select>
|
|
</div>
|
|
|
|
<button type="submit" class="btn btn-glow">Online Aktivierungs-Call Ausführen</button>
|
|
</form>
|
|
|
|
<div id="sim-output-box" class="sim-output glass-panel" style="display: none; margin-top: 1.5rem; padding: 1.2rem; border-radius: 10px; background: rgba(3, 7, 18, 0.9); border: 1px solid rgba(99, 102, 241, 0.4);">
|
|
<div class="output-header" style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;">
|
|
<span style="color: #94a3b8; font-size: 0.85rem; font-family: monospace;">SERVER RESPONSE JSON</span>
|
|
<span class="badge-status-code" style="background: rgba(16, 185, 129, 0.2); color: #34d399; padding: 4px 8px; border-radius: 4px; font-size: 0.8rem;">HTTP 200 OK</span>
|
|
</div>
|
|
<pre id="sim-json-text" style="color: #6ee7b7; font-family: monospace; font-size: 0.95rem; margin: 0; white-space: pre-wrap;"></pre>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer class="footer">
|
|
<div class="container footer-content">
|
|
<div class="footer-brand">
|
|
<span class="logo-shield">🛡️</span>
|
|
<span>VERITAS SUITE v1.0</span>
|
|
</div>
|
|
<p>© 2026 Veritas Suite. Betrieben auf VPS kanjiv.at.</p>
|
|
<div class="footer-links">
|
|
<a href="/">Startseite</a>
|
|
<a href="/downloads">Downloads</a>
|
|
<a href="/portal">Kundenportal</a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|