Implement DatabaseBackend, Verschiedenes

This commit is contained in:
Carsten Graf
2025-06-06 22:07:47 +02:00
parent 4f4d0757d5
commit a1434347d8
10 changed files with 256 additions and 681 deletions

View File

@@ -1,33 +1,33 @@
<!DOCTYPE html>
<html lang="de">
<head>
<!-- Meta Tags -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Stylesheets -->
<link rel="stylesheet" href="settings.css" />
<title>Ninjacross Timer - Einstellungen</title>
</head>
<body>
<div class="container">
<!-- Header Section -->
<div class="header">
<h1>⏱️ Ninjacross Timer</h1>
<p>Einstellungen & Konfiguration</p>
</div>
<div class="content">
<!-- Navigation Buttons -->
<div class="nav-buttons">
<a href="/" class="nav-button">🏠 Hauptseite</a>
<a
href="/settings"
class="nav-button"
style="background: #667eea; color: white; border-color: #667eea"
>⚙️ Einstellungen</a
>
<a href="/rfid" class="nav-button">📡 RFID</a>
</div>
<!-- Status Message Container -->
<div id="statusMessage" class="status-message"></div>
<!-- Date & Time Section -->
<div class="section">
<h2>🕐 Datum & Uhrzeit</h2>
<div class="current-time" id="currentTime">
@@ -65,6 +65,7 @@
</form>
</div>
<!-- Basic Settings Section -->
<div class="section">
<h2>🔧 Grundeinstellungen</h2>
<form id="settingsForm">
@@ -102,6 +103,7 @@
</form>
</div>
<!-- Times Management Section -->
<div class="section">
<h2>🏆 Zeiten verwalten</h2>
<div class="button-group">
@@ -111,6 +113,7 @@
</div>
</div>
<!-- Button Configuration Section -->
<div class="section">
<h2>📡 Button-Konfiguration</h2>
<div class="button-group">
@@ -136,6 +139,7 @@
</div>
</div>
<!-- WiFi Configuration Section -->
<div class="section" id="wifiSection">
<h2>📡 WLAN-Konfiguration</h2>
<div id="wifiRestrictionNotice" class="restriction-notice" style="display: none;">
@@ -169,6 +173,7 @@
</form>
</div>
<!-- OTA Update Section -->
<div class="section">
<h2>🔄 OTA Update</h2>
<div id="otaRestrictionNotice" class="restriction-notice" style="display: none;">
@@ -185,6 +190,7 @@
</div>
</div>
<!-- System Information Section -->
<div class="section">
<h2> System-Information</h2>
<div
@@ -207,6 +213,7 @@
</div>
</div>
<!-- License Section -->
<div class="section">
<h2>🔧 Lizenz</h2>
<form id="licenceForm">
@@ -224,6 +231,7 @@
</div>
</div>
<!-- JavaScript Code -->
<script>
let learningStep = 0;
const learningSteps = [