forked from Simnation/Main
194 lines
8.6 KiB
HTML
194 lines
8.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>License System</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
|
|
</head>
|
|
<body>
|
|
<!-- Hauptmenü -->
|
|
<div id="mainMenu" class="menu-container" style="display: none;">
|
|
<div class="menu-content">
|
|
<div class="menu-header">
|
|
<h2><i class="fas fa-id-card"></i> Lizenz-System</h2>
|
|
<button class="close-btn" onclick="closeMenu()">
|
|
<i class="fas fa-times"></i>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="menu-body">
|
|
<div class="menu-section">
|
|
<h3>Eigene Aktionen</h3>
|
|
<div class="button-grid">
|
|
<button class="menu-btn" onclick="requestMyLicense('id_card')">
|
|
<i class="fas fa-id-card"></i>
|
|
<span>Eigenen Ausweis zeigen</span>
|
|
</button>
|
|
<button class="menu-btn" onclick="requestMyLicense('driver_license')">
|
|
<i class="fas fa-car"></i>
|
|
<span>Eigenen Führerschein zeigen</span>
|
|
</button>
|
|
<button class="menu-btn" onclick="requestMyLicense('weapon_license')">
|
|
<i class="fas fa-crosshairs"></i>
|
|
<span>Eigenen Waffenschein zeigen</span>
|
|
</button>
|
|
<button class="menu-btn" onclick="requestMyLicense('pilot_license')">
|
|
<i class="fas fa-plane"></i>
|
|
<span>Eigene Pilotenlizenz zeigen</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="menu-section" id="targetSection" style="display: none;">
|
|
<h3>Aktionen für nahestehende Person</h3>
|
|
<div class="target-info">
|
|
<p>Entfernung: <span id="targetDistance">-</span>m</p>
|
|
</div>
|
|
<div class="button-grid">
|
|
<button class="menu-btn" onclick="requestLicense()">
|
|
<i class="fas fa-search"></i>
|
|
<span>Lizenz anzeigen lassen</span>
|
|
</button>
|
|
<button class="menu-btn" onclick="requestPlayerLicenses()">
|
|
<i class="fas fa-list"></i>
|
|
<span>Alle Lizenzen anzeigen</span>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="license-creation">
|
|
<h4>Lizenz ausstellen</h4>
|
|
<div class="button-grid" id="licenseButtons">
|
|
<!-- Wird dynamisch gefüllt -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Erweiterte Lizenz-Erstellung -->
|
|
<div id="customLicenseForm" class="menu-container" style="display: none;">
|
|
<div class="menu-content large">
|
|
<div class="menu-header">
|
|
<h2><i class="fas fa-plus-circle"></i> <span id="formTitle">Lizenz erstellen</span></h2>
|
|
<button class="close-btn" onclick="closeCustomForm()">
|
|
<i class="fas fa-times"></i>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="menu-body">
|
|
<form id="licenseForm" class="custom-form">
|
|
<div class="form-grid">
|
|
<!-- Basis-Informationen -->
|
|
<div class="form-section">
|
|
<h3>Basis-Informationen</h3>
|
|
<div class="form-group">
|
|
<label for="holderName">Name des Inhabers</label>
|
|
<input type="text" id="holderName" name="holderName" readonly>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Benutzerdefinierte Felder -->
|
|
<div class="form-section">
|
|
<h3>Zusätzliche Informationen</h3>
|
|
<div id="customFields">
|
|
<!-- Wird dynamisch gefüllt -->
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Klassen (falls vorhanden) -->
|
|
<div class="form-section" id="classesSection" style="display: none;">
|
|
<h3>Klassen/Kategorien</h3>
|
|
<div id="classesContainer">
|
|
<!-- Wird dynamisch gefüllt -->
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Vorschau -->
|
|
<div class="form-section">
|
|
<h3>Vorschau</h3>
|
|
<div class="license-
|
|
<div class="license-preview" id="licensePreview">
|
|
<div class="preview-header">
|
|
<div class="preview-photo">
|
|
<img id="previewPhoto" src="" alt="Foto" onerror="this.src='https://via.placeholder.com/150x200/cccccc/666666?text=Kein+Foto'">
|
|
</div>
|
|
<div class="preview-info">
|
|
<h4 id="previewName">-</h4>
|
|
<p id="previewType">-</p>
|
|
</div>
|
|
</div>
|
|
<div class="preview-details" id="previewDetails">
|
|
<!-- Wird dynamisch gefüllt -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-actions">
|
|
<button type="button" class="btn btn-secondary" onclick="closeCustomForm()">
|
|
<i class="fas fa-times"></i> Abbrechen
|
|
</button>
|
|
<button type="submit" class="btn btn-primary">
|
|
<i class="fas fa-check"></i> Lizenz ausstellen
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Lizenz-Anzeige -->
|
|
<div id="licenseDisplay" class="menu-container" style="display: none;">
|
|
<div class="menu-content">
|
|
<div class="menu-header">
|
|
<h2><i class="fas fa-id-card"></i> <span id="licenseTitle">Lizenz</span></h2>
|
|
<button class="close-btn" onclick="closeLicenseDisplay()">
|
|
<i class="fas fa-times"></i>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="menu-body">
|
|
<div class="license-card" id="licenseCard">
|
|
<!-- Wird dynamisch gefüllt -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Spieler-Lizenzen Übersicht -->
|
|
<div id="playerLicensesDisplay" class="menu-container" style="display: none;">
|
|
<div class="menu-content large">
|
|
<div class="menu-header">
|
|
<h2><i class="fas fa-list"></i> Lizenzen von <span id="playerName">-</span></h2>
|
|
<button class="close-btn" onclick="closePlayerLicenses()">
|
|
<i class="fas fa-times"></i>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="menu-body">
|
|
<div class="licenses-grid" id="licensesGrid">
|
|
<!-- Wird dynamisch gefüllt -->
|
|
</div>
|
|
|
|
<div class="no-licenses" id="noLicenses" style="display: none;">
|
|
<i class="fas fa-exclamation-triangle"></i>
|
|
<p>Keine Lizenzen gefunden</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Loading Overlay -->
|
|
<div id="loadingOverlay" class="loading-overlay" style="display: none;">
|
|
<div class="loading-spinner">
|
|
<i class="fas fa-spinner fa-spin"></i>
|
|
<p>Lade...</p>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|