From 2fcdada6864751ec708ace9ccd8c28d6d99aab06 Mon Sep 17 00:00:00 2001
From: Minteck <nekostarfan@gmail.com>
Date: Tue, 10 Aug 2021 16:47:40 +0200
Subject: New loading screen

---
 index.html | 28 +++++++++++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

(limited to 'index.html')
diff --git a/index.html b/index.html
index 7842e93..72bb82c 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,20 @@
 <!DOCTYPE html>
 <html lang="en" style="background:#000000;margin:0;height:100%;width:100%;">
 <head>
+    <script>
+        require('electron').ipcRenderer.on('ready', (e, a) => {
+            location.hash = "#ready";
+            location.reload();
+        })
+
+        require('electron').ipcRenderer.on('progress', (e, a) => {
+            document.getElementById("bar-inner").style.width = a + "%";
+
+            if (a >= 100) {
+                document.getElementById("bar-outer-outer").style.opacity = "0";
+            }
+        })
+    </script>
     <script>if (typeof require !== "undefined") {native = true;try{global.native = true;}catch(e){}} else {native = false;try{global.native = false;}catch(e){}}if (!native){global = window;}if (native){kresources=require('@electron/remote').getCurrentWindow().resources;trackEvent=require('@electron/remote').getCurrentWindow().trackEvent;require('@electron/remote').getCurrentWindow().log(" * Parsing view");}info=(_a,b)=>{console.info(b);};warn=(_a,b)=>{console.warn(b);};error=(_a,b)=>{console.error(b);};</script>
     <meta charset="UTF-8">
     <title>Kartik</title>
@@ -92,8 +106,14 @@
     -webkit-box-orient: vertical;
 "></span></div>
     <script>if (!native) { document.getElementById('titlebar').style.display = "none"; }</script>
+    <webview id="wb" src="views/loader.html" style="border: 0;z-index:2;top:0;left:0;right:0;bottom:0;position:fixed;opacity:0;transition:opacity 500ms;" nodeintegration disablewebsecurity allowpopups webpreferences="nodeIntegration,contextIsolation=no"></webview>
     <script>
-        document.write(`<webview id="wb" src="views/loader.html" style="border: 0;z-index:2;top:0;left:0;right:0;bottom:0;position:fixed;" nodeintegration disablewebsecurity allowpopups webpreferences="nodeIntegration,contextIsolation=no"></webview>`);
+        setTimeout(() => {
+            document.getElementById("wb").style.opacity = "1";
+            if (location.hash !== "#ready") {
+                document.getElementById("bar-outer-outer").style.opacity = "1";
+            }
+        }, 1500)
     </script>
     <script src="./views/script/core_chart.js"></script>
     <script src="./views/script/core_music.js"></script>
@@ -119,6 +139,12 @@
         </style>
     </div>
 
+    <div id="bar-outer-outer" style="z-index:99;position:fixed;inset:0;display:flex;justify-content: center;align-items: center;margin-top:120px;opacity:0;transition:opacity 500ms;">
+        <div id="bar-outer" style="background:#c2c2c2;width:256px;height:5px;border-radius:999px;">
+            <div id="bar-inner" style="background:#a0a0a0;width:0;height:5px;border-radius:999px;"></div>
+        </div>
+    </div>
+
     <script src="./views/script/core_crash.js"></script>
 </body>
 </html>
-- 
cgit 

