Website/interaction.js

@@ -41,8 +41,12 @@ const newMangaTitle = document.querySelector("#newMangaTitle");
 const newMangaResult = document.querySelector("#newMangaResult");
 const jobsRunningTag = document.querySelector("#jobsRunningTag");
 const jobsQueuedTag = document.querySelector("#jobsQueuedTag");
+const loaderdiv = document.querySelector('#loaderdiv');
 
 function Setup(){
+  Ping().then((ret) => {
+    loaderdiv.style.display = 'none';
+    
     GetAvailableNotificationConnectors().then((json) => {
       json.forEach(connector => {
         notificationConnectorTypes[connector.Key] = connector.Value;
@@ -62,7 +66,12 @@ function Setup(){
         option.innerText = connector;
         newMangaConnector.appendChild(option);
       });
+    });
     
+    UpdateJobs();
+    setInterval(() => {
+      UpdateJobs();
+    }, 1000);
   });
 }
 Setup();
@@ -331,17 +340,13 @@ function UpdateSettings(){
   }
   
   OpenSettings();
+  Setup();
 }
 
 function utf8_to_b64(str) {
     return window.btoa(unescape(encodeURIComponent( str )));
 }
 
-
-UpdateJobs();
-setInterval(() => {
-  UpdateJobs();
-}, 1000);
 function UpdateJobs(){
   GetMonitorJobs().then((json) => {
     ResetContent();