Jerrit Fritzsche
e4b82dd685
- aether-medical: Stationen/Belegung, Intensivstation, Blutbank, Fuhrpark, Nachrichten/Aushänge, Berichte und Textbausteine (server + NUI) - aether-admin: vollständiges Server-Admin-Panel als echtes FiveM-Resource, an aether-core gekoppelt (Rechte über aether_users.admin_group), mit WebRTC-Live-Kameras (Bildschirmfreigabe) und separatem Media-Server (SFU) - Prototypen admin/ vervollständigt - SQL-Schema aether_admin.sql - Docker-Compose mit MariaDB und idempotenter Auto-Migration (schema_migrations) Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
129 lines
4.5 KiB
HTML
129 lines
4.5 KiB
HTML
<!doctype html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="color-scheme" content="dark light">
|
|
<title>LSPD — Dienstsystem</title>
|
|
<link rel="stylesheet" href="css/app.css">
|
|
</head>
|
|
<body class="thema-dunkel">
|
|
|
|
<!-- ===================== Anmeldung (noch nicht im Dienst) ===================== -->
|
|
<div class="anmeldung" id="anmeldung" hidden>
|
|
<div class="anmeldung-karte">
|
|
<div class="wappen" id="an-wappen">★</div>
|
|
<div class="an-behoerde" id="an-behoerde">Los Santos Police Department</div>
|
|
<h1 id="an-name">—</h1>
|
|
<div class="an-zeile"><span>Dienstnummer</span><b id="an-nummer">—</b></div>
|
|
<div class="an-zeile"><span>Dienstgrad</span><b id="an-rolle">—</b></div>
|
|
<div class="an-zeile"><span>Abteilung</span><b id="an-abteilung">—</b></div>
|
|
<button class="knopf gross" id="an-antreten">Dienst antreten</button>
|
|
<button class="knopf leise" id="an-abbrechen">Abbrechen</button>
|
|
<p class="an-fuss">
|
|
Das System unterstützt deine Entscheidungen — es trifft niemals selbst welche.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ===================== Tablet ===================== -->
|
|
<div class="tablet" id="tablet" hidden>
|
|
|
|
<!-- Seitenleiste -->
|
|
<aside class="seitenleiste">
|
|
<div class="marke">
|
|
<span class="marke-wappen">★</span>
|
|
<div class="marke-text">
|
|
<b id="tb-kuerzel">LSPD</b>
|
|
<small id="tb-behoerde">Dienstsystem</small>
|
|
</div>
|
|
</div>
|
|
|
|
<nav class="navigation" id="navigation"><!-- dynamisch --></nav>
|
|
|
|
<div class="seitenleiste-fuss">
|
|
<button class="knopf leise klein" id="thema-wechsel" title="Helles Design">◐</button>
|
|
<button class="knopf leise klein" id="dienst-beenden" title="Dienst beenden">⏻</button>
|
|
</div>
|
|
</aside>
|
|
|
|
<!-- Hauptbereich -->
|
|
<div class="hauptbereich">
|
|
|
|
<!-- Kopfleiste -->
|
|
<header class="kopfleiste">
|
|
<div class="suche-feld">
|
|
<span class="suche-symbol">⌕</span>
|
|
<input type="search" id="global-suche"
|
|
placeholder="Global suchen — Personen, Fahrzeuge, Akten, Beweise, Einsätze …"
|
|
autocomplete="off">
|
|
</div>
|
|
|
|
<div class="kopf-rechts">
|
|
<!-- Dienststatus -->
|
|
<div class="status-waehler" id="status-waehler">
|
|
<button class="status-knopf" id="status-knopf">
|
|
<span class="status-punkt" id="status-punkt"></span>
|
|
<span id="status-text">Verfügbar</span>
|
|
</button>
|
|
<div class="status-liste" id="status-liste" hidden><!-- dynamisch --></div>
|
|
</div>
|
|
|
|
<!-- Benachrichtigungen -->
|
|
<button class="knopf leise symbol" id="hinweise-knopf" title="Mitteilungen">
|
|
✉<span class="zaehler" id="hinweise-zaehler" hidden>0</span>
|
|
</button>
|
|
|
|
<!-- Beamter -->
|
|
<div class="beamter-chip" id="beamter-chip">
|
|
<div class="beamter-text">
|
|
<b id="tb-name">—</b>
|
|
<small id="tb-rolle">—</small>
|
|
</div>
|
|
<span class="beamter-nummer" id="tb-nummer">—</span>
|
|
</div>
|
|
|
|
<button class="knopf leise symbol" id="tablet-schliessen" title="Schließen (ESC)">✕</button>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Inhalt des aktiven Moduls -->
|
|
<main class="inhalt" id="inhalt">
|
|
<div class="laden"><div class="spinner"></div><span>Lade …</span></div>
|
|
</main>
|
|
</div>
|
|
|
|
<!-- Mitteilungs-Schublade -->
|
|
<div class="schublade" id="hinweise-schublade" hidden>
|
|
<div class="schublade-kopf">
|
|
<b>Mitteilungen</b>
|
|
<button class="knopf leise klein" id="hinweise-zu">✕</button>
|
|
</div>
|
|
<div class="schublade-inhalt" id="hinweise-inhalt"></div>
|
|
</div>
|
|
|
|
<!-- Fenster-Ebene (Dialoge werden hier eingehängt) -->
|
|
<div class="fenster-ebene" id="fenster-ebene"></div>
|
|
|
|
<!-- Kurzmeldungen -->
|
|
<div class="meldungen" id="meldungen"></div>
|
|
</div>
|
|
|
|
<script src="js/app.js"></script>
|
|
<script src="js/module/dashboard.js"></script>
|
|
<script src="js/module/mdt.js"></script>
|
|
<script src="js/module/einsatz.js"></script>
|
|
<script src="js/module/anzeige.js"></script>
|
|
<script src="js/module/gewahrsam.js"></script>
|
|
<script src="js/module/beweis.js"></script>
|
|
<script src="js/module/asservat.js"></script>
|
|
<script src="js/module/bericht.js"></script>
|
|
<script src="js/module/fahndung.js"></script>
|
|
<script src="js/module/fahrzeug.js"></script>
|
|
<script src="js/module/personal.js"></script>
|
|
<script src="js/module/kommunikation.js"></script>
|
|
<script src="js/module/statistik.js"></script>
|
|
<script src="js/module/admin.js"></script>
|
|
</body>
|
|
</html>
|