101 lines
4.4 KiB
PHP
101 lines
4.4 KiB
PHP
<?php
|
||
// erwartet: $section, $sub, $planet
|
||
?>
|
||
<h1 class="hud-title"><?= htmlspecialchars($section) ?> / <?= htmlspecialchars($sub) ?></h1>
|
||
<p class="muted">Demo-Seite: Hier renderst du später die echten Inhalte pro Bereich.</p>
|
||
|
||
<?php if ($section === 'overview'): ?>
|
||
<div class="grid-2" style="margin-top:14px;">
|
||
<section class="card inner panel">
|
||
<h2 class="h2">Event Timeline</h2>
|
||
<div class="timeline">
|
||
<div class="tl-item"><span class="tl-dot tl-cyan"></span> Bau fertig in <strong>00:12:31</strong></div>
|
||
<div class="tl-item"><span class="tl-dot tl-pink"></span> Forschung fertig in <strong>01:02:10</strong></div>
|
||
<div class="tl-item"><span class="tl-dot tl-green"></span> Flotte ankommend in <strong>00:07:55</strong></div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="card inner panel">
|
||
<h2 class="h2">Queues</h2>
|
||
<div class="queue">
|
||
<div class="q-card">
|
||
<div class="q-head"><span class="tag info">BUILD</span><span>Metallmine Stufe 12</span></div>
|
||
<div class="q-bar"><span style="width:38%"></span></div>
|
||
<div class="q-meta"><span>ETA 00:12:31</span><button class="btn btn-mini" type="button" onclick="toast('info','Queue','Abbrechen (Demo)')">Abbrechen</button></div>
|
||
</div>
|
||
<div class="q-card">
|
||
<div class="q-head"><span class="tag info">RESEARCH</span><span>Antriebstechnik Stufe 5</span></div>
|
||
<div class="q-bar"><span style="width:66%"></span></div>
|
||
<div class="q-meta"><span>ETA 01:02:10</span><button class="btn btn-mini" type="button" onclick="toast('info','Queue','Priorisieren (Demo)')">Priorisieren</button></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
<?php elseif ($section === 'settings' && $sub === 'performance'): ?>
|
||
<div class="card inner panel" style="margin-top:14px;">
|
||
<h2 class="h2">Performance Profile</h2>
|
||
<p class="muted">Speicherung ohne Cookies: sessionStorage (temporär) oder localStorage (merken).</p>
|
||
|
||
<div class="settings-row">
|
||
<div class="settings-block">
|
||
<div class="label">Profil</div>
|
||
<div class="seg">
|
||
<button type="button" class="seg-btn" data-perf="auto">Auto</button>
|
||
<button type="button" class="seg-btn" data-perf="low">Low</button>
|
||
<button type="button" class="seg-btn" data-perf="medium">Medium</button>
|
||
<button type="button" class="seg-btn" data-perf="high">High</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="settings-block">
|
||
<label class="check">
|
||
<input id="rememberPerf" type="checkbox">
|
||
<span>Merken auf diesem Gerät (localStorage)</span>
|
||
</label>
|
||
<div class="muted tiny">Wenn aus: nur sessionStorage.</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="actions">
|
||
<button class="btn btn-primary" type="button" onclick="applyPerfFromUI()">Übernehmen</button>
|
||
<button class="btn" type="button" onclick="toast('info','Info','Tipp: Low deaktiviert Starfield')">Info</button>
|
||
</div>
|
||
</div>
|
||
|
||
<?php elseif ($section === 'settings' && $sub === 'alerts'): ?>
|
||
<div class="card inner panel" style="margin-top:14px;">
|
||
<h2 class="h2">Alert Pulse</h2>
|
||
<p class="muted">Wähle: 3× Puls (Burst) oder dauerhaft (Loop).</p>
|
||
|
||
<div class="settings-row">
|
||
<div class="seg">
|
||
<button type="button" class="seg-btn" data-alertpulse="burst">Burst (3×)</button>
|
||
<button type="button" class="seg-btn" data-alertpulse="loop">Loop</button>
|
||
</div>
|
||
|
||
<div class="settings-block">
|
||
<label class="check">
|
||
<input id="rememberPulse" type="checkbox">
|
||
<span>Merken auf diesem Gerät (localStorage)</span>
|
||
</label>
|
||
<div class="muted tiny">Wenn aus: nur sessionStorage.</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="actions">
|
||
<button class="btn btn-primary" type="button" onclick="applyPulseFromUI()">Übernehmen</button>
|
||
<a class="btn" href="index.php?s=<?= urlencode($section) ?>&p=<?= urlencode($sub) ?>&planet=<?= urlencode($planet) ?>&toast=err">Demo Warning</a>
|
||
</div>
|
||
</div>
|
||
|
||
<?php else: ?>
|
||
<div class="card inner panel" style="margin-top:14px;">
|
||
<h2 class="h2">Platzhalter</h2>
|
||
<p>Hier kommt später die Seite für <strong><?= htmlspecialchars($section) ?></strong> / <strong><?= htmlspecialchars($sub) ?></strong>.</p>
|
||
<div class="actions">
|
||
<button class="btn btn-primary" type="button" onclick="toast('success','UI','Alles bereit ✅')">Toast testen</button>
|
||
</div>
|
||
</div>
|
||
<?php endif; ?>
|