Use modernized waitMe plugin

Signed-off-by: yubiuser <[email protected]>

package.json

@@ -50,7 +50,7 @@
     "nprogress": "0.2.0",
     "qrious": "4.0.2",
     "select2": "4.0.13",
-    "waitme": "1.19.0"
+    "waitme-js": "1.0.0"
   },
   "devDependencies": {
     "autoprefixer": "^10.4.20",

scripts/js/utils.js

@@ -657,7 +657,7 @@ function loadingOverlayTimeoutCallback(reloadAfterTimeout) {
       if (reloadAfterTimeout) {
         location.reload();
       } else {
-        $(".wrapper").waitMe("hide");
+        WaitMe.hideAll();
       }
     })
     .fail(function () {
@@ -668,7 +668,7 @@ function loadingOverlayTimeoutCallback(reloadAfterTimeout) {
 
 function loadingOverlay(reloadAfterTimeout = false) {
   NProgress.start();
-  $(".wrapper").waitMe({
+  new WaitMe(".wrapper", {
     effect: "bounce",
     text: "Pi-hole is currently applying your changes...",
     bg: "rgba(0,0,0,0.7)",

scripts/lua/header.lp

@@ -121,5 +121,5 @@ if startsWith(scriptname, 'groups') then
     <script src="<?=pihole.fileversion('vendor/bootstrap-notify/bootstrap-notify.min.js')?>"></script>
     <script src="<?=pihole.fileversion('vendor/font-awesome/all.min.js')?>"></script>
     <script src="<?=pihole.fileversion('scripts/js/utils.js')?>"></script>
-    <script src="<?=pihole.fileversion('vendor/waitMe/waitMe.min.js')?>"></script>
-    <link rel="stylesheet" href="<?=pihole.fileversion('vendor/waitMe/waitMe.min.css')?>">
+    <script src="<?=pihole.fileversion('vendor/waitMe-js/modernized-waitme-min.js')?>"></script>
+    <link rel="stylesheet" href="<?=pihole.fileversion('vendor/waitMe-js/waitMe.min.css')?>">