Initial commit: Media Server Dashboard

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-07-11 05:40:27 +02:00
commit 02dec08748
8 changed files with 1239 additions and 0 deletions
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <title>VNC Viewer</title>
+    <style>
+        * { margin: 0; padding: 0; }
+        html, body { height: 100%; overflow: hidden; background: #1a1a2e; }
+        iframe { width: 100%; height: 100%; border: none; }
+        .loading {
+            position: absolute;
+            top: 50%; left: 50%;
+            transform: translate(-50%, -50%);
+            color: #fff;
+            font-family: sans-serif;
+            text-align: center;
+        }
+        .spinner {
+            width: 40px; height: 40px;
+            border: 3px solid rgba(255,255,255,0.2);
+            border-top-color: #64b3f4;
+            border-radius: 50%;
+            animation: spin .8s linear infinite;
+            margin: 0 auto 1rem;
+        }
+        @keyframes spin { to { transform: rotate(360deg); } }
+    </style>
+</head>
+<body>
+    <div class="loading" id="loading">
+        <div class="spinner"></div>
+        <p>Verbinde...</p>
+    </div>
+    <iframe id="vnc" style="display:none;"></iframe>
+    <script>
+        const target = new URLSearchParams(window.location.search).get("url");
+        if (target) {
+            const iframe = document.getElementById("vnc");
+            const loading = document.getElementById("loading");
+            
+            // Lade iframe
+            iframe.src = target;
+            
+            // Nach kurzem Laden: Reload erzwingen und anzeigen
+            setTimeout(() => {
+                iframe.src = iframe.src; // Reload
+                setTimeout(() => {
+                    loading.style.display = "none";
+                    iframe.style.display = "block";
+                }, 500);
+            }, 800);
+        }
+    </script>
+</body>
+</html>