Bjoern Flessing
be502d2834
Ein Computer im Spiel. Man tritt an ein Terminal, drueckt E, und bekommt eine
Oberflaeche mit Mail, Browser, Adressbuch, Kalender und weiteren Anwendungen.
Andere Resources haengen sich als App ein.
Auf ESX umgestellt:
- Fuenf harte Abhaengigkeiten zeigten auf Resources, die es hier nicht gibt.
Eine fehlende Abhaengigkeit verhindert den Start vollstaendig - die
Resource waere nie hochgekommen.
- Die Bruecke zum Framework neu geschrieben; Charakterdaten, Aktenverwaltung
und Immobilien ausgebaut, weil die zugehoerigen Systeme fehlen.
- pc_live_devices fehlte im Schema, wird vom Code aber gelesen. Ohne die
Tabelle ist kein fester PC ansprechbar. Ein PC braucht ausserdem zwei
Eintraege mit derselben Kennung: Standort in der Datenbank, Kamerafahrt in
der config.lua.
Mail ueberarbeitet:
- Postfaecher haengen an einer Anmeldung statt an der Person. Mehrere Leute
koennen dasselbe Firmenpostfach gleichzeitig offen haben.
- Ordner gehoeren zum Postfach, nicht zur Person. Eine Mail an ein geteiltes
Postfach wird je Empfaenger einmal gespeichert; damit das Einsortieren
trotzdem fuer alle gilt, tragen alle Kopien einer Zustellung dieselbe
Kennung. Gelesen und geloescht bleibt persoenlich - das ist keine
Eigenschaft der Nachricht, sondern der Person.
- Signaturen gehoeren ebenfalls zum Postfach.
- Kalender koennen privat, geteilt oder oeffentlich sein. Ein oeffentlicher
Termin haengt bewusst auch an einem Postfach, sonst koennte ihn spaeter
niemand mehr aendern oder absagen.
Neue Apps: Webhosting, Bleeter und dessen Verwaltung.
Behoben:
- prompt(), confirm() und alert() froren das NUI ein. FiveMs CEF hat keinen
Handler fuer die eingebauten Browserdialoge - der Aufruf oeffnet nichts und
kehrt nie zurueck. Ersetzt durch eigene Dialoge.
- Die Fenster tragen data-wid, keine id. Wer sie mit getElementById sucht,
schreibt ins Leere und das Fenster bleibt leer.
Enthaelt README.md mit Einrichtung und PLUGINS.md: eine Anleitung, wie man eine
eigene App baut und einhaengt, mit vollstaendigem Beispiel von der Tabelle bis
zum Schreibtischsymbol.
107 lines
4 KiB
HTML
107 lines
4 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8"/>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||
<title>pc-live</title>
|
||
<link rel="stylesheet" href="css/style.css"/>
|
||
<link rel="stylesheet" href="css/rp-ds.css">
|
||
<link rel="stylesheet" href="css/bleeter-embedded.css">
|
||
</head>
|
||
<body>
|
||
|
||
<div id="app">
|
||
|
||
<!-- DIM OVERLAY (Spielwelt sichtbar, aber leicht abgedunkelt) -->
|
||
<div id="dim-overlay"></div>
|
||
|
||
<!-- PC CONTAINER (schwebendes Panel) -->
|
||
<div id="pc-container">
|
||
|
||
<!-- BOOT SCREEN (absolut positioniert, überdeckt Container während Boot) -->
|
||
<div id="boot-screen">
|
||
<div class="boot-logo">⚡ PC-LIVE</div>
|
||
<div class="boot-bar">
|
||
<div class="boot-bar-fill" id="boot-bar-fill"></div>
|
||
</div>
|
||
<div class="boot-version">OS 1.0.0 · <span id="pc-boot-label">Terminal</span></div>
|
||
</div>
|
||
|
||
<!-- PC TITELLEISTE (Drag, Minimize, Close) -->
|
||
<div id="pc-titlebar">
|
||
<span class="pc-title-icon">⚡</span>
|
||
<span id="pc-label">Terminal</span>
|
||
<div class="pc-title-controls">
|
||
<button id="pc-settings-btn" title="Einstellungen" onclick="PCSettings.toggle()">⚙</button>
|
||
<button id="pc-interact-btn" title="Durchsichtig / im Spiel interagieren" onclick="toggleInteractMode()">👁</button>
|
||
<button id="pc-minimize-btn" title="Minimize" onclick="toggleMinimizePC()">─</button>
|
||
<button id="close-pc-btn" title="Close PC" onclick="doClosePC()">✕</button>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- EINSTELLUNGEN PANEL -->
|
||
<div id="pc-settings-panel">
|
||
<div class="settings-group">
|
||
<div class="settings-group-label">Schriftgröße</div>
|
||
<div class="settings-row">
|
||
<button class="settings-btn" onclick="PCFontSize.step(-1)" title="Kleiner">A−</button>
|
||
<input class="settings-slider" type="range" min="11" max="20" step="1"
|
||
id="pc-fs-slider" oninput="PCFontSize.set(this.value)"/>
|
||
<button class="settings-btn" onclick="PCFontSize.step(+1)" title="Größer">A+</button>
|
||
</div>
|
||
<div style="text-align:center;font-size:0.7rem;color:var(--text-muted)">
|
||
<span id="pc-fs-display">13px</span>
|
||
</div>
|
||
</div>
|
||
<div class="settings-group">
|
||
<div class="settings-group-label">Fenstergröße</div>
|
||
<div class="settings-row">
|
||
<button class="settings-btn" onclick="PCScale.step(-1)" title="Kleiner">−</button>
|
||
<input class="settings-slider" type="range" min="40" max="98" step="5"
|
||
id="pc-vp-slider" oninput="PCScale.setVP(this.value)"/>
|
||
<button class="settings-btn" onclick="PCScale.step(+1)" title="Größer">+</button>
|
||
</div>
|
||
<div style="text-align:center;font-size:0.7rem;color:var(--text-muted)">
|
||
<span id="pc-vp-display">88%</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- DESKTOP -->
|
||
<div id="desktop">
|
||
<div id="icon-grid"></div>
|
||
<div id="window-layer"></div>
|
||
<div id="taskbar">
|
||
<div id="taskbar-apps"></div>
|
||
<div id="taskbar-right">
|
||
<span id="clock">00:00:00</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div><!-- /pc-container -->
|
||
|
||
<!-- Interaktionsmodus-Hinweis (sichtbar wenn PC transparent/Fokus frei) -->
|
||
<div id="pc-interact-hint">
|
||
🎮 Interaktionsmodus aktiv — <b>[END]</b> drücken, um zum PC zurückzukehren
|
||
</div>
|
||
|
||
</div><!-- /app -->
|
||
|
||
<!-- Scripts – order matters -->
|
||
<script src="js/windowManager.js"></script>
|
||
<script src="js/apps/browser.js"></script>
|
||
<script src="js/apps/mail.js"></script>
|
||
<script src="js/apps/addressbook.js"></script>
|
||
<script src="js/apps/store.js"></script>
|
||
<script src="js/apps/parkuhr.js"></script>
|
||
<script src="js/apps/ic_verwaltung.js"></script>
|
||
<script src="js/apps/gesetzbuch.js"></script>
|
||
<script src="js/apps/pbs_dashboard.js"></script>
|
||
<script src="js/apps/webhosting.js"></script>
|
||
<script src="js/apps/bleeter.js"></script>
|
||
<script src="js/apps/bleeteradmin.js"></script>
|
||
<script src="js/desktop.js"></script>
|
||
|
||
</body>
|
||
</html>
|