From dbf1fe80fffcf67141e5a64518f256699564df60 Mon Sep 17 00:00:00 2001
From: M_Viper <admin@m-viper.de>
Date: Fri, 18 Oct 2024 13:01:58 +0000
Subject: [PATCH] public/admin.html aktualisiert

---
 public/admin.html | 506 +++++++++++++++++++++++-----------------------
 1 file changed, 255 insertions(+), 251 deletions(-)
diff --git a/public/admin.html b/public/admin.html
index a161c63..87ca29c 100644
--- a/public/admin.html
+++ b/public/admin.html
@@ -1,252 +1,256 @@
-<!DOCTYPE html>
-<html lang="de">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="css/admin.css">
-    <link rel="icon" type="image/png" href="img/Viper-plex-logo.png">
-    <title>Admin-Bereich</title>
-</head>
-<body>
-     <!-- Logo separat einfügen -->
-     <div class="logo-container">
-        <a href="index.html">
-            <img src="img/Viper-plex-logo.png" alt="Viper-Plex Logo" class="logo">
-        </a>
-    </div>
-    
-    <div class="welcome-box">
-        <h1>Willkommen bei Viper-Plex</h1>
-        <nav class="navbar">
-            <div class="navbar-container">
-                <a href="index.html" class="navbar-link">Home</a>
-                <a href="wunsch.html" class="navbar-link">Film & Serien Wunsch</a>
-                <a href="anleitung.html" class="navbar-link">Anleitung</a>
-                <a href="funktionen.html" class="navbar-link">Funktionen</a>
-                <a href="faq.html" class="navbar-link">FAQs</a>
-                <a href="kontakt.html" class="navbar-link">Kontakt</a>
-                <a href="link.html" class="navbar-link">Links</a>
-                <a href="report.html" class="navbar-link">Meldungen</a>
-                <a href="admin.html" class="navbar-link">Admin</a>
-            </div>
-        </nav>
-        <!-- Darkmode Umschalter -->
-        <label class="switch">
-            <input type="checkbox" id="dark-mode-toggle">
-            <span class="slider"></span>
-        </label>
-    </div>
-    
-    <div id="sidebar" style="display:none;">
-        <h2> </h2>
-        <ul>
-            <li><a href="#dashboard" id="dashboard-link">Dashboard</a></li>
-            <li><a href="#logs" id="logs-link">Logs</a></li>
-            <li><a href="#users" id="users-link">Benutzer</a></li>
-            <li><a href="#wishes" id="wishes-link">Offene Wünsche</a></li>
-            <li><a href="#feedback" id="feedback-link">Feedback</a></li>
-            <li><a href="#send-message" id="send-message-link">Nachricht an Benutzer</a></li>
-            <li><a href="#backups" id="backups-link">Backups</a></li>
-            <li><a href="#dev-report" id="dev-report-link">Dev Report</a></li>
-            <li><a href="#faq" id="faq-link">FAQs</a></li>
-            <li><a href="#admin-help" id="admin-help-link">Admin Hilfe</a></li>
-            <li><a href="#logout" id="logout-button" onclick="logout()">Logout</a></li>
-        </ul>
-    </div>
-
-    <div id="content">
-        <div id="login-form">
-            <div class="login-container">
-                <img src="img/Viper-plex-logo.png" alt="Logo" class="login-logo">
-                <h2>Admin Login</h2>
-                <form id="form" action="/admin" method="POST">
-                    <input type="password" name="password" placeholder="Passwort" required>
-                    <div class="error-message" id="error-message" style="display:none;">Ungültiges Passwort!</div>
-                    <button type="submit">Einloggen</button>
-                </form>
-            </div>
-        </div>
-
-        <div id="admin-area" style="display:none;">
-            <h2>Willkommen im Admin-Bereich!</h2>
-            <p>Hier kannst du alle administrativen Funktionen nutzen.</p>
-            
-            <!-- Logout-Timer -->
-            <div id="logout-timer-box" style="display: flex; justify-content: flex-end; background-color: rgba(255, 255, 255, 0); padding: 10px; border-bottom: 2px solid rgba(255, 0, 0, 0);">
-                <div id="logout-timer" style="color: rgb(255, 0, 0); font-weight: bold;"></div>
-            </div>
-
-            <div id="dashboard">
-                <div class="dashboard-container">
-                    <div id="bot-uptime" class="dashboard-box">
-                        <div class="dashboard-header">
-                            <h3>Bot Laufzeit</h3>
-                            <button class="resize" onclick="resizeBox(this)">🔍</button>
-                        </div>
-                        Lade aktuelle Laufzeit des Bots...
-                    </div>
-                </div>
-                <div class="dashboard-container">
-                    <div id="bot-restart" class="dashboard-box">
-                        <div class="dashboard-header">
-                            <h3>Letzter Neustart</h3>
-                            <button class="resize" onclick="resizeBox(this)">🔍</button>
-                        </div>
-                        Lade letzten Neustart des Bots...
-                    </div>
-                </div>
-
-                <div id="media-count" class="dashboard-box">
-                    <div class="dashboard-header">
-                        <h3>Medienanzahl</h3>
-                        <button class="resize" onclick="resizeBox(this)"></button>
-                    </div>
-                    <div id="media-count-content">
-                        Lade Anzahl der Filme und Serien...
-                    </div>
-                </div>
-                
-                <div class="dashboard-container">
-                    <div id="server-info" class="dashboard-box">
-                        <div class="dashboard-header">
-                            <h3>Server Informationen</h3>
-                            <button class="resize" onclick="resizeBox(this)">🔍</button>
-                        </div>
-                        Lade Serverinformationen...
-                    </div>
-                </div>
-                <div class="dashboard-container">
-                    <div id="file-check" class="dashboard-box">
-                        <div class="dashboard-header">
-                            <h3>Dateiüberprüfung</h3>
-                            <button class="resize" onclick="resizeBox(this)">🔍</button>
-                        </div>
-                        Lade Dateiüberprüfung...
-                    </div>
-                </div>
-            </div>
-
-            <div id="faq-container" style="display: none;">
-                <div class="log-header">
-                    <h3>Häufig gestellte Fragen (FAQs)</h3>
-                    <button class="log-button blue-button" onclick="addFaq()">FAQ hinzufügen</button>
-                    <button class="log-button red-button" onclick="deleteFaq()">FAQ löschen</button>
-                </div>
-                <pre>Lade FAQs...</pre> <!-- Dieser <pre>-Tag wird verwendet, um die FAQs anzuzeigen -->
-            </div>
-           
-            <div id="logs" style="display:none;">
-                <h2>Logs</h2>
-            
-                <!-- Debug-Toggle Button -->
-                <div id="debug-toggle">
-                    <button id="debug-button" style="background-color: green; color: white;" onclick="toggleDebugMode()">Debug OFF</button>
-                </div>
-            
-                <div class="log-container">
-                    <div id="command-history" class="log-box">
-                        <div class="log-header">
-                            <h3>Command-Historie</h3>
-                            <button class="log-button" onclick="downloadCommandHistory()">Download Command Log</button>
-                            <button class="log-button red-button" onclick="deleteCommandHistory()">Kommando-Historie löschen</button>
-                        </div>
-                        <pre>Lade Command-Historie...</pre>
-                    </div>
-                    
-                    <div id="error-log" class="log-box">
-                        <div class="log-header">
-                            <h3>Fehlerprotokoll</h3>
-                            <button class="log-button" onclick="downloadErrorLog()">Download Error Log</button>
-                            <button class="log-button red-button" onclick="deleteErrorLog()">Fehlerprotokoll löschen</button>
-                        </div>
-                        <pre>Lade Fehlerprotokolle...</pre>
-                    </div>
-                </div>             
-            </div>
-
-            <!-- Benutzer (User) Bereich -->
-            <div id="users" style="display:none;">
-                <h2>Benutzerinformationen</h2>
-                <div id="users-content" class="users-box">
-                    <p>Lade Benutzerinformationen...</p>
-                </div>
-            </div>
-
-            <div id="send-message" style="display: none;">
-                <h2>Nachricht an alle Benutzer senden</h2>
-                <textarea id="message-input" rows="4" placeholder="Gib hier deine Nachricht ein..."></textarea>
-                <button onclick="sendMessage()">Nachricht senden</button>
-                <div id="send-message-status" style="margin-top: 10px;"></div>
-            </div>
-
-            <div id="wishes" style="display:none;">
-                <h2>Offene Wünsche</h2>
-                <div id="wishes-content" class="wishes-box">
-                    <p>Lade offene Wünsche...</p>
-                </div>
-            </div>
-
-            <div id="feedback" style="display:none;">
-                <h2>Feedback</h2>
-                <div id="feedback-content" class="feedback-box">
-                    <p>Lade Feedback...</p>
-                </div>
-            </div>
-            <div id="admin-help" style="display:none;"> <!-- Admin Hilfe Sektion -->
-                <h3>👨‍💻 Admin-Befehle</h3>
-                <p>Für Administratoren stehen folgende Befehle zur Verfügung:</p>
-                <ul>
-                    <li><strong>Nachricht senden:</strong> Mit <code>/admin</code> kannst du eine Nachricht an alle Nutzer senden.</li>
-                    <li><strong>Offene Wünsche:</strong> Der Befehl <code>/open_wishes</code> zeigt alle offenen Filmwünsche an.</li>
-                    <li><strong>Benutzerinformationen:</strong> Mit <code>/user</code> kannst du spezifische Benutzerinformationen abrufen.</li>
-                    <li><strong>Newsletter:</strong> Der Befehl <code>/newsletter</code> zeigt die Newsletter-Funktion an.</li>
-                    <li><strong>Logs:</strong> Verwende <code>/logs</code>, um die letzten Fehlermeldungen anzuzeigen.</li>
-                    <li><strong>Passwort:</strong> Verwende <code>/passwd</code>, um das Passwort vom Frontend anzuzeigen.</li>
-                    <li><strong>Support-Ticket:</strong> Verwende <code>/support</code>, um ein Support-Ticket an den Bot-Ersteller zu erstellen.</li>
-                </ul>
-            </br>
-        </br>
-
-                <h3>⚙️ Dev-Befehle</h3>
-                <p>Für Entwickler gibt es folgende spezielle Befehle:</p>
-                <ul>
-                    <li><strong>Aktualisieren:</strong> Mit <code>/update</code> wird die <code>user.yml</code> aktualisiert.</li>
-                    <li><strong>Befehlsverlauf:</strong> Der Befehl <code>/command_history</code> zeigt eine Liste der zuletzt verwendeten Befehle an.</li>
-                    <li><strong>Backup erstellen:</strong> Verwende <code>/backup</code>, um ein Backup zu erstellen und als ZIP-Datei zu senden.</li>
-                    <li><strong>Serverinfo:</strong> Mit <code>/serverinfo</code> erhältst du Informationen über den Server.</li>
-                    <li><strong>Health Check:</strong> Der Befehl <code>/healthcheck</code> überprüft den Bot.</li>
-                    <li><strong>Debug-Modus:</strong> Mit <code>/setdebug</code> kannst du den Debug-Modus aktivieren oder deaktivieren.</li>
-                </ul>
-            </div>
-
-            <!-- Backup-Bereich hinzufügen -->
-            <div id="backups" style="display:none; position: relative;"> <!-- relative Positionierung für den Container -->
-                <h2>Backups</h2>
-                <div class="log-header">
-                    <button id="create-backup">Backup erstellen</button>
-                    <div id="backup-status"></div>
-                </div>
-                <h3>Verfügbare Backups:</h3>
-                <div id="backups-list"></div>
-                
-                <!-- Hinweis-Label mit absoluter Positionierung -->
-                <p style="position: absolute; top: 20px; right: 20px; color: red;">
-                    Hinweis: Alle Backups sind durch ein Passwort geschützt!
-                </p>
-            </div>
-
-            <div id="dev-report" style="display: none;">
-                <h2>Entwicklerberichte</h2>
-                <div id="dev-report-content">
-                    <!-- Inhalte werden hier geladen -->
-                </div>
-            </div>
-            
-        </div>
-    </div>
-    <footer class="footer">
-        <p>&copy; 2024 Viper-Plex. Alle Rechte vorbehalten.</p>
-    </footer>
-<script src="js/admin.js"></script>
-</body>
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="css/admin.css">
+    <link rel="icon" type="image/png" href="img/Viper-plex-logo.png">
+    <title>Admin-Bereich</title>
+</head>
+<body>
+     <!-- Logo separat einfügen -->
+     <div class="logo-container">
+        <a href="index.html">
+            <img src="img/Viper-plex-logo.png" alt="Viper-Plex Logo" class="logo">
+        </a>
+    </div>
+    
+    <div class="welcome-box">
+        <h1>Willkommen bei Viper-Plex</h1>
+        <nav class="navbar">
+            <div class="navbar-container">
+                <a href="index.html" class="navbar-link">Home</a>
+                <a href="wunsch.html" class="navbar-link">Film & Serien Wunsch</a>
+                <a href="anleitung.html" class="navbar-link">Anleitung</a>
+                <a href="funktionen.html" class="navbar-link">Funktionen</a>
+                <a href="faq.html" class="navbar-link">FAQs</a>
+                <a href="kontakt.html" class="navbar-link">Kontakt</a>
+                <a href="link.html" class="navbar-link">Links</a>
+                <a href="report.html" class="navbar-link">Meldungen</a>
+                <a href="admin.html" class="navbar-link">Admin</a>
+            </div>
+        </nav>
+        <!-- Darkmode Umschalter -->
+        <label class="switch">
+            <input type="checkbox" id="dark-mode-toggle">
+            <span class="slider"></span>
+        </label>
+    </div>
+    
+    <div id="sidebar" style="display:none;">
+        <h2> </h2>
+        <ul>
+            <li><a href="#dashboard" id="dashboard-link">Dashboard</a></li>
+            <li><a href="#logs" id="logs-link">Logs</a></li>
+            <li><a href="#users" id="users-link">Benutzer</a></li>
+            <li><a href="#wishes" id="wishes-link">Offene Wünsche</a></li>
+            <li><a href="#feedback" id="feedback-link">Feedback</a></li>
+            <li><a href="#send-message" id="send-message-link">Nachricht an Benutzer</a></li>
+            <li><a href="#backups" id="backups-link">Backups</a></li>
+            <li><a href="#dev-report" id="dev-report-link">Dev Report</a></li>
+            <li><a href="#faq" id="faq-link">FAQs</a></li>
+            <li><a href="#admin-help" id="admin-help-link">Admin Hilfe</a></li>
+            <li><a href="#logout" id="logout-button" onclick="logout()">Logout</a></li>
+        </ul>
+    </div>
+
+    <div id="content">
+        <div id="login-form">
+            <div class="login-container">
+                <img src="img/Viper-plex-logo.png" alt="Logo" class="login-logo">
+                <h2>Admin Login</h2>
+                <form id="form" action="/admin" method="POST">
+                    <input type="password" name="password" placeholder="Passwort" required>
+                    <div class="error-message" id="error-message" style="display:none;">Ungültiges Passwort!</div>
+                    <button type="submit">Einloggen</button>
+                </form>
+            </div>
+        </div>
+
+        <div id="admin-area" style="display:none;">
+            <h2>Willkommen im Admin-Bereich!</h2>
+            <p>Hier kannst du alle administrativen Funktionen nutzen.</p>
+            
+            <div id="notification" class="notification"></div>
+            <!-- Logout-Timer -->
+            <div id="logout-timer-box" style="display: flex; justify-content: flex-end; background-color: rgba(255, 255, 255, 0); padding: 10px; border-bottom: 2px solid rgba(255, 0, 0, 0);">
+                <div id="logout-timer" style="color: rgb(255, 0, 0); font-weight: bold;"></div>
+            </div>
+
+
+            
+
+            <div id="dashboard">
+                <div class="dashboard-container">
+                    <div id="bot-uptime" class="dashboard-box">
+                        <div class="dashboard-header">
+                            <h3>Bot Laufzeit</h3>
+                            <button class="resize" onclick="resizeBox(this)">🔍</button>
+                        </div>
+                        Lade aktuelle Laufzeit des Bots...
+                    </div>
+                </div>
+                <div class="dashboard-container">
+                    <div id="bot-restart" class="dashboard-box">
+                        <div class="dashboard-header">
+                            <h3>Letzter Neustart</h3>
+                            <button class="resize" onclick="resizeBox(this)">🔍</button>
+                        </div>
+                        Lade letzten Neustart des Bots...
+                    </div>
+                </div>
+
+                <div id="media-count" class="dashboard-box">
+                    <div class="dashboard-header">
+                        <h3>Medienanzahl</h3>
+                        <button class="resize" onclick="resizeBox(this)"></button>
+                    </div>
+                    <div id="media-count-content">
+                        Lade Anzahl der Filme und Serien...
+                    </div>
+                </div>
+                
+                <div class="dashboard-container">
+                    <div id="server-info" class="dashboard-box">
+                        <div class="dashboard-header">
+                            <h3>Server Informationen</h3>
+                            <button class="resize" onclick="resizeBox(this)">🔍</button>
+                        </div>
+                        Lade Serverinformationen...
+                    </div>
+                </div>
+                <div class="dashboard-container">
+                    <div id="file-check" class="dashboard-box">
+                        <div class="dashboard-header">
+                            <h3>Dateiüberprüfung</h3>
+                            <button class="resize" onclick="resizeBox(this)">🔍</button>
+                        </div>
+                        Lade Dateiüberprüfung...
+                    </div>
+                </div>
+            </div>
+
+            <div id="faq-container" style="display: none;">
+                <div class="log-header">
+                    <h3>Häufig gestellte Fragen (FAQs)</h3>
+                    <button class="log-button blue-button" onclick="addFaq()">FAQ hinzufügen</button>
+                    <button class="log-button red-button" onclick="deleteFaq()">FAQ löschen</button>
+                </div>
+                <pre>Lade FAQs...</pre> <!-- Dieser <pre>-Tag wird verwendet, um die FAQs anzuzeigen -->
+            </div>
+           
+            <div id="logs" style="display:none;">
+                <h2>Logs</h2>
+            
+                <!-- Debug-Toggle Button -->
+                <div id="debug-toggle">
+                    <button id="debug-button" style="background-color: green; color: white;" onclick="toggleDebugMode()">Debug OFF</button>
+                </div>
+            
+                <div class="log-container">
+                    <div id="command-history" class="log-box">
+                        <div class="log-header">
+                            <h3>Command-Historie</h3>
+                            <button class="log-button" onclick="downloadCommandHistory()">Download Command Log</button>
+                            <button class="log-button red-button" onclick="deleteCommandHistory()">Kommando-Historie löschen</button>
+                        </div>
+                        <pre>Lade Command-Historie...</pre>
+                    </div>
+                    
+                    <div id="error-log" class="log-box">
+                        <div class="log-header">
+                            <h3>Fehlerprotokoll</h3>
+                            <button class="log-button" onclick="downloadErrorLog()">Download Error Log</button>
+                            <button class="log-button red-button" onclick="deleteErrorLog()">Fehlerprotokoll löschen</button>
+                        </div>
+                        <pre>Lade Fehlerprotokolle...</pre>
+                    </div>
+                </div>             
+            </div>
+
+            <!-- Benutzer (User) Bereich -->
+            <div id="users" style="display:none;">
+                <h2>Benutzerinformationen</h2>
+                <div id="users-content" class="users-box">
+                    <p>Lade Benutzerinformationen...</p>
+                </div>
+            </div>
+
+            <div id="send-message" style="display: none;">
+                <h2>Nachricht an alle Benutzer senden</h2>
+                <textarea id="message-input" rows="4" placeholder="Gib hier deine Nachricht ein..."></textarea>
+                <button onclick="sendMessage()">Nachricht senden</button>
+                <div id="send-message-status" style="margin-top: 10px;"></div>
+            </div>
+
+            <div id="wishes" style="display:none;">
+                <h2>Offene Wünsche</h2>
+                <div id="wishes-content" class="wishes-box">
+                    <p>Lade offene Wünsche...</p>
+                </div>
+            </div>
+
+            <div id="feedback" style="display:none;">
+                <h2>Feedback</h2>
+                <div id="feedback-content" class="feedback-box">
+                    <p>Lade Feedback...</p>
+                </div>
+            </div>
+            <div id="admin-help" style="display:none;"> <!-- Admin Hilfe Sektion -->
+                <h3>👨‍💻 Admin-Befehle</h3>
+                <p>Für Administratoren stehen folgende Befehle zur Verfügung:</p>
+                <ul>
+                    <li><strong>Nachricht senden:</strong> Mit <code>/admin</code> kannst du eine Nachricht an alle Nutzer senden.</li>
+                    <li><strong>Offene Wünsche:</strong> Der Befehl <code>/open_wishes</code> zeigt alle offenen Filmwünsche an.</li>
+                    <li><strong>Benutzerinformationen:</strong> Mit <code>/user</code> kannst du spezifische Benutzerinformationen abrufen.</li>
+                    <li><strong>Newsletter:</strong> Der Befehl <code>/newsletter</code> zeigt die Newsletter-Funktion an.</li>
+                    <li><strong>Logs:</strong> Verwende <code>/logs</code>, um die letzten Fehlermeldungen anzuzeigen.</li>
+                    <li><strong>Passwort:</strong> Verwende <code>/passwd</code>, um das Passwort vom Frontend anzuzeigen.</li>
+                    <li><strong>Support-Ticket:</strong> Verwende <code>/support</code>, um ein Support-Ticket an den Bot-Ersteller zu erstellen.</li>
+                </ul>
+            </br>
+        </br>
+
+                <h3>⚙️ Dev-Befehle</h3>
+                <p>Für Entwickler gibt es folgende spezielle Befehle:</p>
+                <ul>
+                    <li><strong>Aktualisieren:</strong> Mit <code>/update</code> wird die <code>user.yml</code> aktualisiert.</li>
+                    <li><strong>Befehlsverlauf:</strong> Der Befehl <code>/command_history</code> zeigt eine Liste der zuletzt verwendeten Befehle an.</li>
+                    <li><strong>Backup erstellen:</strong> Verwende <code>/backup</code>, um ein Backup zu erstellen und als ZIP-Datei zu senden.</li>
+                    <li><strong>Serverinfo:</strong> Mit <code>/serverinfo</code> erhältst du Informationen über den Server.</li>
+                    <li><strong>Health Check:</strong> Der Befehl <code>/healthcheck</code> überprüft den Bot.</li>
+                    <li><strong>Debug-Modus:</strong> Mit <code>/setdebug</code> kannst du den Debug-Modus aktivieren oder deaktivieren.</li>
+                </ul>
+            </div>
+
+            <!-- Backup-Bereich hinzufügen -->
+            <div id="backups" style="display:none; position: relative;"> <!-- relative Positionierung für den Container -->
+                <h2>Backups</h2>
+                <div class="log-header">
+                    <button id="create-backup">Backup erstellen</button>
+                    <div id="backup-status"></div>
+                </div>
+                <h3>Verfügbare Backups:</h3>
+                <div id="backups-list"></div>
+                
+                <!-- Hinweis-Label mit absoluter Positionierung -->
+                <p style="position: absolute; top: 20px; right: 20px; color: red;">
+                    Hinweis: Alle Backups sind durch ein Passwort geschützt!
+                </p>
+            </div>
+
+            <div id="dev-report" style="display: none;">
+                <h2>Entwicklerberichte</h2>
+                <div id="dev-report-content">
+                    <!-- Inhalte werden hier geladen -->
+                </div>
+            </div>
+            
+        </div>
+    </div>
+    <footer class="footer">
+        <p>&copy; 2024 Viper-Plex. Alle Rechte vorbehalten.</p>
+    </footer>
+<script src="js/admin.js"></script>
+</body>
 </html>
\ No newline at end of file
