chore: upgrade deps

Author: tautcony

Pipfile

@@ -10,7 +10,6 @@ prettytable = "*"
 flake8 = "*"
 
 [requires]
-python_version = "3.10"
 
 [scripts]
 flake8 = "flake8 packages/system/auxiliary/"

Pipfile.lock

@@ -26,14 +26,12 @@
   <link rel="mask-icon" href="img/favicon/safari-pinned-tab.svg" color="#5bbad5">
   <!-- CSS STYLESHEETS AND ASSETTS -->
   <link rel="stylesheet" href="lib/jquery-ui/jquery-ui.min.css">
-  <link rel="stylesheet" href="lib/hover.css/hover-min.css">
   <link rel="stylesheet" href="lib/jquery-toggles/toggles-full.css">
   <link rel="stylesheet" href="lib/jquery-gritter/css/jquery.gritter.css">
   <link rel="stylesheet" href="lib/datatables/css/dataTables.bootstrap.min.css">
   <link rel="stylesheet" href="lib/perfect-scrollbar/css/perfect-scrollbar.min.css">
   <link rel="stylesheet" href="lib/animate.css/animate.min.css">
   <link rel="stylesheet" href="lib/font-awesome/css/font-awesome.min.css">
-  <link rel="stylesheet" href="lib/ionicons/css/ionicons.css">
   <link rel="stylesheet" href="lib/select2/select2.min.css">
   <link rel="stylesheet" href="lib/lobipanel/css/lobipanel.min.css"/>
   <link rel="stylesheet" href="skins/quick.css">

composer.lock

@@ -148,7 +148,7 @@ function resetPanel() {
   </div><!-- header-->
 </header>
 <section>
-  <div class="leftpanel ps-container">
+  <div class="leftpanel ps">
     <div class="leftpanelinner">
       <ul class="nav nav-tabs nav-justified nav-sidebar">
         <li class="tooltips active" data-toggle="tooltip" title="<?php echo T('MAIN_MENU'); ?>" data-placement="bottom"><a data-toggle="tab" data-target="#mainmenu"><i class="tooltips fa fa-ellipsis-h"></i></a></li>

setup/dashboard/inc/panel.header.php

@@ -17,7 +17,7 @@
     $packageLowercase = strtolower($package['package']);
     $packageUppercase = strtoupper($package['package']); ?>
 <!-- <?php echo $packageUppercase; ?> UNINSTALL MODAL -->
-<div class="modal bounceIn animated" id="<?php echo $packageLowercase; ?>RemovalConfirm" tabindex="-1" role="dialog" aria-labelledby="<?php echo $packageUppercase; ?>RemovalConfirm" aria-hidden="true">
+<div class="modal animate__bounceIn animate__animated" id="<?php echo $packageLowercase; ?>RemovalConfirm" tabindex="-1" role="dialog" aria-labelledby="<?php echo $packageUppercase; ?>RemovalConfirm" aria-hidden="true">
   <div class="modal-dialog">
     <div class="modal-content">
       <div class="modal-header">
@@ -42,7 +42,7 @@
 $option[]     = ['file' => 'defaulted', 'title' => 'Defaulted'];
 $option[]     = ['file' => 'smoked', 'title' => 'Smoked']; ?>
 <?php foreach ($option as $theme) { ?>
-<div class="modal bounceIn animated" id="themeSelect<?php echo $theme['file']; ?>Confirm" tabindex="-1" role="dialog" aria-labelledby="ThemeSelect<?php echo $theme['file']; ?>Confirm" aria-hidden="true">
+<div class="modal animate__bounceIn animate__animated" id="themeSelect<?php echo $theme['file']; ?>Confirm" tabindex="-1" role="dialog" aria-labelledby="ThemeSelect<?php echo $theme['file']; ?>Confirm" aria-hidden="true">
   <div class="modal-dialog">
     <div class="modal-content">
       <div class="modal-header">
@@ -62,13 +62,13 @@
 <?php } ?>
 <?php ?>
 <!-- SYSTEM RESPONSE MODAL -->
-<div class="modal bounceIn animated" id="sysResponse" tabindex="-1" role="dialog" aria-labelledby="sysResponse" aria-hidden="true">
+<div class="modal animate__bounceIn animate__animated" id="sysResponse" tabindex="-1" role="dialog" aria-labelledby="sysResponse" aria-hidden="true">
   <div class="modal-dialog" style="width: 600px">
     <div class="modal-content" style="background:rgba(0, 0, 0, 0.6);border:2px solid rgba(0, 0, 0, 0.2)">
       <div class="modal-header" style="background:rgba(0, 0, 0, 0.4);border:0!important">
         <h4 class="modal-title" style="color:#fff"><?php echo T('SYSTEM_RESPONSE_TITLE'); ?></h4>
       </div>
-      <div class="modal-body ps-container" style="background:rgba(0, 0, 0, 0.4); max-height:600px;" id="sysPre">
+      <div class="modal-body ps" style="background:rgba(0, 0, 0, 0.4); max-height:600px;" id="sysPre">
         <pre style="color: rgb(83, 223, 131) !important;" class="sysout ps-child"><span id="sshoutput"></span></pre>
       </div>
       <div class="modal-footer" style="background:rgba(0, 0, 0, 0.4);border:0!important">
@@ -79,7 +79,7 @@
 </div><!-- modal -->
 
 <!-- VERSION UPDATE CHECK MODAL >
-<div class="modal bounceIn animated" id="versionChecker" tabindex="-1" role="dialog" aria-labelledby="VersionChecker" aria-hidden="true">
+<div class="modal animate__bounceIn animate__animated" id="versionChecker" tabindex="-1" role="dialog" aria-labelledby="VersionChecker" aria-hidden="true">
   <div class="modal-dialog">
     <div class="modal-content">
       <div class="modal-header">
@@ -214,21 +214,20 @@ function asyncLoad(url, func) {
 // });
 </script>
 
-<script src="lib/perfect-scrollbar/js/perfect-scrollbar.jquery.min.js"></script>
+<script src="lib/perfect-scrollbar/js/perfect-scrollbar.min.js"></script>
 <script>
-// asyncLoad("lib/perfect-scrollbar/js/perfect-scrollbar.jquery.min.js", function() {
 $(function() {
-  $('.leftpanel').perfectScrollbar();
-  $('.leftpanel').perfectScrollbar({ wheelSpeed: 1, wheelPropagation: true, minScrollbarLength: 20 });
-  $('.leftpanel').perfectScrollbar('update');
-  $('.modal-body').perfectScrollbar();
-  $('.modal-body').perfectScrollbar({ wheelSpeed: 1, wheelPropagation: true, minScrollbarLength: 20 });
-  $('.modal-body').perfectScrollbar('update');
-  $('.sysout').perfectScrollbar();
-  $('.sysout').perfectScrollbar({ wheelSpeed: 1, wheelPropagation: true, minScrollbarLength: 20 });
-  $('.sysout').perfectScrollbar('update');
+  const option = { wheelSpeed: 1, wheelPropagation: true, minScrollbarLength: 20 };
+  const leftpanel = document.querySelector('.leftpanel');
+  const modal_body = document.querySelector('.modal-body');
+  const sysout = document.querySelector('.sysout');
+  const ps_leftpanel = new PerfectScrollbar(leftpanel, option);
+  const ps_modal_body = new PerfectScrollbar(modal_body, option);
+  const ps_sysout = new PerfectScrollbar(sysout, option);
+  ps_leftpanel.update();
+  ps_modal_body.update();
+  ps_sysout.update();
 });
-// });
 </script>
 
 <script src="lib/jquery-gritter/js/jquery.gritter.min.js"></script>

setup/dashboard/inc/panel.menu.php

@@ -134,7 +134,7 @@
               </a>
             </h4>
           </div>
-          <div class="panel-body ps-container" style="max-height: 350px; padding: 0;">
+          <div class="panel-body ps" style="max-height: 350px; padding: 0;">
             <?php
               $current_commit = trim((string) shell_exec('git -C /etc/QuickBox/ rev-parse --short HEAD'));
 ?>

setup/dashboard/inc/panel.scripts.php

@@ -33,17 +33,6 @@ $(document).ready(function () {
     }
   }
 
-  /** PULSE A QUICK ACCESS PANEL **/
-
-  $(".panel-quick-page .panel").hover(
-    function () {
-      $(this).addClass("flip animated");
-    },
-    function () {
-      $(this).removeClass("flip animated");
-    }
-  );
-
   // Date Today in Notification
   $("#todayDay").text(getDayToday());
   $("#todayDate").text(getDateToday());

setup/dashboard/index.php

@@ -9,31 +9,29 @@
   "author": "quickbox-lite",
   "license": "GPL-3.0-or-later",
   "dependencies": {
-    "animate.css": "3.7.2",
+    "animate.css": "^4.1.1",
     "ansi_up": "^5.2.1",
     "bootbox": "^5.5.3",
     "bootstrap": "3.4.1",
     "datatables": "^1.10.18",
     "font-awesome": "^4.7.0",
     "gritter": "^1.7.4",
-    "hover.css": "^2.3.2",
-    "ionicons": "2.0.1",
     "jquery": "^3.7.0",
     "jquery-toggles": "^4.0.0",
     "jquery-ui": "^1.13.2",
     "jquery-ui-touch-punch": "^0.2.3",
     "lazysizes": "^5.3.2",
     "lobipanel": "^1.0.0",
-    "perfect-scrollbar": "0.8.1",
+    "perfect-scrollbar": "^1.5.5",
     "select2": "^4.0.13",
-    "socket.io-client": "^4.6.1",
+    "socket.io-client": "^4.7.1",
     "visibilityjs": "^2.0.2"
   },
   "devDependencies": {
-    "eslint": "^8.41.0",
+    "eslint": "^8.45.0",
     "eslint-config-standard": "^17.1.0",
     "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-n": "^16.0.0",
+    "eslint-plugin-n": "^16.0.1",
     "eslint-plugin-promise": "^6.1.1"
   }
 }

setup/dashboard/js/quick.js

@@ -19,7 +19,7 @@
       <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
       <div align = "center"><?php echo T('PMC_NOTICE_TXT'); ?></div>
     </div>
-    <div class="table-responsive ps-container">
+    <div class="table-responsive ps">
       <table id="dataTable1" class="table table-bordered table-striped-col" style="font-size: 12px">
         <thead>
           <tr>

setup/dashboard/lib/animate.css/animate.min.css

@@ -19,30 +19,30 @@
   "dependencies": {
     "axios": "^1.4.0",
     "express": "^4.18.2",
-    "socket.io": "^4.6.1",
+    "socket.io": "^4.7.1",
     "ws": "^8.13.0"
   },
   "devDependencies": {
     "@types/chai": "^4.3.5",
     "@types/express": "^4.17.17",
     "@types/mocha": "^10.0.1",
-    "@types/node": "^20.2.5",
-    "@types/ws": "^8.5.4",
-    "@typescript-eslint/eslint-plugin": "^5.59.8",
-    "@typescript-eslint/parser": "^5.59.8",
+    "@types/node": "^20.4.5",
+    "@types/ws": "^8.5.5",
+    "@typescript-eslint/eslint-plugin": "^6.2.0",
+    "@typescript-eslint/parser": "^6.2.0",
     "chai": "^4.3.7",
-    "eslint": "^8.41.0",
+    "eslint": "^8.45.0",
     "eslint-webpack-plugin": "^4.0.1",
     "http-proxy-middleware": "^2.0.6",
     "mocha": "^10.2.0",
-    "socket.io-client": "^4.6.1",
+    "socket.io-client": "^4.7.1",
     "source-map-loader": "^4.0.1",
     "terser-webpack-plugin": "^5.3.9",
-    "ts-loader": "^9.4.3",
+    "ts-loader": "^9.4.4",
     "ts-node": "^10.9.1",
-    "typescript": "^5.0.4",
-    "webpack": "^5.84.1",
-    "webpack-cli": "^5.1.1",
+    "typescript": "^5.1.6",
+    "webpack": "^5.88.2",
+    "webpack-cli": "^5.1.4",
     "webpack-merge": "^5.9.0",
     "webpack-node-externals": "^3.0.0",
     "webpackbar": "^5.0.2"