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>
146 lines
5.1 KiB
HTML
146 lines
5.1 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>LSMC — Klinikinformationssystem</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-klinik" id="an-klinik">Los Santos Medical Center</div>
|
|
<h1 id="an-name">—</h1>
|
|
<div class="an-zeile"><span>Personalnummer</span><b id="an-nummer">—</b></div>
|
|
<div class="an-zeile"><span>Qualifikation</span><b id="an-rolle">—</b></div>
|
|
<div class="an-zeile"><span>Station</span><b id="an-station">—</b></div>
|
|
|
|
<div class="an-funktion">
|
|
<label>Dienstfunktion</label>
|
|
<div class="an-funktionen" id="an-funktionen"><!-- dynamisch --></div>
|
|
</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 medizinische Entscheidungen —
|
|
es trifft niemals selbst welche.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ===================== Kliniksoftware ===================== -->
|
|
<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">LSMC</b>
|
|
<small id="tb-klinik">Klinikinformationssystem</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 — Patienten, Einsätze, Akten, Medikamente, Befunde …"
|
|
autocomplete="off">
|
|
</div>
|
|
|
|
<div class="kopf-rechts">
|
|
<!-- Dienstfunktion -->
|
|
<div class="funktion-waehler" id="funktion-waehler">
|
|
<button class="funktion-knopf" id="funktion-knopf">
|
|
<span id="funktion-text">Stationsdienst</span>
|
|
</button>
|
|
<div class="funktion-liste" id="funktion-liste" hidden><!-- dynamisch --></div>
|
|
</div>
|
|
|
|
<!-- 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>
|
|
|
|
<!-- Mitarbeiter -->
|
|
<div class="person-chip" id="person-chip">
|
|
<div class="person-text">
|
|
<b id="tb-name">—</b>
|
|
<small id="tb-rolle">—</small>
|
|
</div>
|
|
<span class="person-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/bausteine.js"></script>
|
|
<script src="js/module/dashboard.js"></script>
|
|
<script src="js/module/mdt.js"></script>
|
|
<script src="js/module/patienten.js"></script>
|
|
<script src="js/module/einsatz.js"></script>
|
|
<script src="js/module/behandlung.js"></script>
|
|
<script src="js/module/labor.js"></script>
|
|
<script src="js/module/operation.js"></script>
|
|
<script src="js/module/medikament.js"></script>
|
|
<script src="js/module/station.js"></script>
|
|
<script src="js/module/intensiv.js"></script>
|
|
<script src="js/module/blutbank.js"></script>
|
|
<script src="js/module/fahrzeug.js"></script>
|
|
<script src="js/module/kommunikation.js"></script>
|
|
<script src="js/module/bericht.js"></script>
|
|
<script src="js/module/vorlage.js"></script>
|
|
</body>
|
|
</html>
|