From a8b7bb98b12168e81e5e83ce85c10a7e9a29aa18 Mon Sep 17 00:00:00 2001
From: M_Viper <admin@m-viper.de>
Date: Wed, 21 Feb 2024 09:41:00 +0000
Subject: [PATCH] index.html aktualisiert

---
 index.html | 283 +++++++++++++++++++++++++++++------------------------
 1 file changed, 157 insertions(+), 126 deletions(-)
diff --git a/index.html b/index.html
index f6427de..e81c628 100644
--- a/index.html
+++ b/index.html
@@ -1,126 +1,157 @@
-<!DOCTYPE html>
-
-<html>
-<head>
-    <title>Windows 10 Update</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="icon" type="image/x-icon" href="favicon.ico">
-    <style>
-        body {
-            background: url('./images/win10_background.jpg') #0078D7 no-repeat center center fixed;
-            background-size: cover;
-            overflow: hidden;
-            margin: 0;
-            padding: 0;
-            cursor: url('./images/cursor.png'), auto;
-        }
-
-        .progress-container {
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
-            width: 500px;
-            font-family: "Segoe UI", Arial;
-            font-size: 23px;
-            color: #fff;
-            text-align: center;
-            text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
-            user-select: none;
-        }
-
-        .footer-image {
-            position: absolute;
-            bottom: 17px;
-            left: 44.5%;
-            width: 50%;
-        }
-
-        .message-box {
-            display: block;
-            color: #67A2E6;
-            font-family: "Segoe UI", Arial;
-            font-size: 20px;
-            text-align: center;
-            user-select: none;
-            z-index: 999;
-        }
-
-        .hidden {
-            display: none;
-        }
-
-        .fullscreen-image {
-            width: 100%;
-            position: absolute;
-            top: 0;
-            left: 0;
-            z-index: 999;
-            height: 100%;
-        }
-
-        #loading-gif {
-            position: absolute;
-            top: -100%;
-            left: 50%;
-            transform: translateX(-50%);
-        }
-    </style>
-
-    <script>
-        document.addEventListener('DOMContentLoaded', (event) => {
-            const element = document.documentElement;
-
-            if (element.requestFullscreen) {
-                element.requestFullscreen();
-            } else if (element.webkitRequestFullscreen) { /* Safari */
-                element.webkitRequestFullscreen();
-            } else if (element.msRequestFullscreen) { /* IE11 */
-                element.msRequestFullscreen();
-            }
-        });
-
-        let progressCount = 0;
-        let phase = 1;
-
-        const updateInterval = setInterval(() => {
-            document.getElementById("advice").innerText = "Bitte schalten Sie Ihren Computer nicht aus.";
-
-            progressCount += 1;
-            document.getElementById("progress").innerText = `${progressCount}%`;
-
-            if (progressCount >= 100) {
-                if (phase === 1) {
-                    phase = 2;
-                    document.getElementById("status").innerText = "Updates werden installiert";
-                    progressCount = 0;
-                } else if (phase === 2) {
-                    clearInterval(updateInterval);
-                    document.getElementById("progress").innerText = "";
-                    document.getElementById("status").style.display = "none";
-                    document.getElementById("progress").style.display = "none";
-                    setTimeout(() => {
-                        document.getElementById("bluescreen").style.display = "block";
-                    }, 1000);
-                }
-            }
-        }, 14830);
-    </script>
-</head>
-
-<body>
-<div style="display: block; position: absolute; min-width: 100%; min-height: 100%; margin: 0; padding: 0;">
-    <div class="progress-container">
-        <img id="loading-gif" src="./images/win10_loading.gif" draggable="false" ondragstart="return false;">
-        <a id="status">Updates werden verarbeitet</a><br>
-        <a id="progress">0%</a> <span>abgeschlossen.</span><br>
-        <a id="advice">Bitte schalten Sie Ihren Computer nicht aus.</a><br>
-    </div>
-    <div class="footer-image">
-    </div>
-</div>
-
-<div class="hidden" id="blackscreen"><img class="fullscreen-image" src="./images/blackscreen.png"></div><br>
-<div class="hidden" id="bluescreen"><img class="fullscreen-image" src="./images/win10_bluescreen.png"></div><br>
-</body>
-</html>
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Windows 10 Update</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/x-icon" href="favicon.ico">
+    <style>
+        body {
+            background: url('./images/win10_background.jpg') #0078D7 no-repeat center center fixed;
+            background-size: cover;
+            overflow: hidden;
+            margin: 0;
+            padding: 0;
+            cursor: url('./images/cursor.png'), auto;
+        }
+
+        .progress-container {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            width: 500px;
+            font-family: "Segoe UI", Arial;
+            font-size: 23px;
+            color: #fff;
+            text-align: center;
+            text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
+            user-select: none;
+            z-index: 999;
+        }
+
+        .footer-image {
+            position: absolute;
+            bottom: 17px;
+            left: 44.5%;
+            width: 50%;
+        }
+
+        .message-box {
+            display: block;
+            color: #67A2E6;
+            font-family: "Segoe UI", Arial;
+            font-size: 20px;
+            text-align: center;
+            user-select: none;
+            z-index: 999;
+        }
+
+        .hidden {
+            display: none;
+        }
+
+        .fullscreen-image {
+            width: 100%;
+            position: absolute;
+            top: 0;
+            left: 0;
+            height: 100%;
+        }
+
+        #loading-gif {
+            position: absolute;
+            top: -100%;
+            left: 50%;
+            transform: translateX(-50%);
+        }
+    </style>
+
+    <script>
+        document.addEventListener('DOMContentLoaded', (event) => {
+            const element = document.documentElement;
+
+            if (element.requestFullscreen) {
+                element.requestFullscreen();
+            } else if (element.webkitRequestFullscreen) { /* Safari */
+                element.webkitRequestFullscreen();
+            } else if (element.msRequestFullscreen) { /* IE11 */
+                element.msRequestFullscreen();
+            }
+        });
+
+        let progressCount = 0;
+        let phase = 1;
+
+        const updateInterval = setInterval(() => {
+            document.getElementById("advice").innerText = "Bitte schalten Sie Ihren Computer nicht aus.";
+
+            progressCount += 1;
+            document.getElementById("progress").innerText = `${progressCount}%`;
+
+            if (progressCount >= 10000) {
+                if (phase === 1) {
+                    phase = 2;
+                    document.getElementById("status").innerText = "Updates werden installiert";
+                    progressCount = 0;
+                } else if (phase === 2) {
+                    clearInterval(updateInterval);
+                    document.getElementById("progress").innerText = "";
+                    document.getElementById("status").style.display = "none";
+                    document.getElementById("progress").style.display = "none";
+                    setTimeout(() => {
+                        document.getElementById("bluescreen").style.display = "block";
+                    }, 1000);
+                }
+            }
+        }, 14830);
+
+        // Function to check if the display is primary
+        function isPrimaryDisplay(display) {
+            return display.bounds.x === 0 && display.bounds.y === 0;
+        }
+
+        // Function to handle displaying black screen on secondary displays
+        function handleSecondaryDisplays(displays) {
+            for (let i = 0; i < displays.length; i++) {
+                if (!isPrimaryDisplay(displays[i])) {
+                    const blackScreen = document.createElement("div");
+                    blackScreen.style.width = "100%";
+                    blackScreen.style.height = "100%";
+                    blackScreen.style.background = "#000";
+                    blackScreen.style.position = "fixed";
+                    blackScreen.style.top = "0";
+                    blackScreen.style.left = "0";
+                    blackScreen.style.zIndex = "10000";
+                    document.body.appendChild(blackScreen);
+                }
+            }
+        }
+
+        // Get the screen information
+        window.addEventListener('DOMContentLoaded', (event) => {
+            const electron = require('electron');
+            const remote = electron.remote;
+            const screen = remote.screen;
+
+            const displays = screen.getAllDisplays();
+            handleSecondaryDisplays(displays);
+        });
+    </script>
+</head>
+
+<body>
+<div style="display: block; position: absolute; min-width: 100%; min-height: 100%; margin: 0; padding: 0;">
+    <div class="progress-container">
+        <img id="loading-gif" src="./images/win10_loading.gif" draggable="false" ondragstart="return false;">
+        <a id="status">Updates werden verarbeitet</a><br>
+        <a id="progress">0%</a> <span>abgeschlossen.</span><br>
+        <a id="advice">Bitte schalten Sie Ihren Computer nicht aus.</a><br>
+    </div>
+    <div class="footer-image">
+    </div>
+</div>
+
+<div class="hidden" id="blackscreen"><img class="fullscreen-image" src="./images/blackscreen.png"></div><br>
+<div class="hidden" id="bluescreen"><img class="fullscreen-image" src="./images/win10_bluescreen.png"></div><br>
+</body>
+</html>
