anilife update 2022.10.24(03.)

templates/anime_downloader_anilife_request.html

@@ -2,7 +2,7 @@
 
 
 <div>
-    <div id="loader" class="loader">
+    <div id="preloader" class="loader">
         <div class="loader-inner">
             <div class="loader-line-wrap">
                 <div class="loader-line"></div>
@@ -55,9 +55,48 @@
         return result;
     }
 
+    const loader = document.getElementById("preloader");
+
+    const dismissLoadingScreen = async function () {
+        console.log("Before the delay")
+        // await delay(2.5);
+        loader.style.display = "none";
+    };
+
+    const wait_seconds = function () {
+        // REFERENCE:  https://www.w3schools.com/jsref/met_win_settimeout.asp
+        let result = setTimeout(dismissLoadingScreen, 2500);
+        console.log(result)
+    };
+    const init = function () {
+
+    }
+
+    function delay(n) {
+        return new Promise(function (resolve) {
+            setTimeout(resolve, n * 1000);
+        });
+    }
+
+    async function myAsyncFunction() {
+        //Do what you want here
+        console.log("Before the delay")
+
+        await delay(2.5);
+
+        console.log("After the delay")
+        //Do what you want here too
+
+    }
+
+    // myAsyncFunction();
+    // window.addEventListener("DOMContentLoaded", dismissLoadingScreen);
+
+    // window.addEventListener("DOMContentLoaded", wait_seconds);
+
     function analyze(wr_id, bo_table) {
-        e.preventDefault();
-        e.stopPropagation()
+        // e.preventDefault();
+        // e.stopPropagation()
         // e.preventDefault();
         const code = document.getElementById("code").value
         console.log(code)
@@ -184,6 +223,7 @@
         $("#loader").css("display", 'none')
         // console.log('wr_id::', params.wr_id)
 
+
     });
 
     $("#analysis_btn").unbind("click").bind('click', function (e) {
@@ -203,7 +243,9 @@
                 if (ret.ret === 'success' && ret.data != null) {
                     // {#console.log(ret.code)#}
                     console.log(ret.data)
+
                     make_program(ret.data)
+                    dismissLoadingScreen()
                 } else {
                     $.notify('<strong>분석 실패</strong><br>' + ret.log, {type: 'warning'});
                 }
@@ -393,6 +435,25 @@
         margin-top: 10px;
     }
 
+    #preloader {
+        /*background-color: green;*/
+        /*color: white;*/
+        /*height: 100vh;*/
+        /*width: 100%;*/
+        /*position: fixed;*/
+        /*z-index: 100;*/
+        background: rgba(0, 0, 0, 0.2);
+        background: radial-gradient(#222, #000);
+        bottom: 0;
+        left: 0;
+        overflow: hidden;
+        position: fixed;
+        right: 0;
+        top: 0;
+        z-index: 99999;
+        opacity: 0.5;
+    }
+
     .loader {
         background: rgb(0, 0, 0, 0.8);
         background: radial-gradient(#222, #000);