From c98e0682722e14711562933ebf9901631462bf54 Mon Sep 17 00:00:00 2001
From: jokob-sk <jokob.sk@gmail.com>
Date: Tue, 23 Jun 2026 16:03:46 +1000
Subject: [PATCH] FE: skeleton uplift

---
 front/js/common.js             | 15 +++++++++++++++
 front/php/templates/header.php |  4 ++--
 front/pluginsCore.php          | 16 ++++++++--------
 front/settings.php             |  2 +-
 4 files changed, 26 insertions(+), 11 deletions(-)

diff --git a/front/js/common.js b/front/js/common.js
index 7c0762d3..c0df14b3 100755
--- a/front/js/common.js
+++ b/front/js/common.js
@@ -954,6 +954,21 @@ function getGuid() {
 let spinnerTimeout = null;
 let animationTime = 300
 
+// show spinner on all clicks
+$(document).on('click', 'a', function (e) {
+    const href = this.href;
+
+    if (
+        href &&
+        this.target !== '_blank' &&
+        !this.hasAttribute('download') &&
+        this.origin === location.origin &&
+        this.pathname + this.search !== location.pathname + location.search
+    ) {
+        showSpinner();
+    }
+});
+
 function showSpinner(stringKey = 'Loading') {
   let text = isEmpty(stringKey) ? "Loading..." : getString(stringKey || "Loading");
 
diff --git a/front/php/templates/header.php b/front/php/templates/header.php
index 4faff4c8..38f1f742 100755
--- a/front/php/templates/header.php
+++ b/front/php/templates/header.php
@@ -288,7 +288,7 @@
       <ul class="sidebar-menu" data-widget="tree">
 
         <li class=" treeview  <?php if (in_array (basename($_SERVER['SCRIPT_NAME']), array('devices.php', 'deviceDetails.php') ) ){ echo 'active menu-open'; } ?>">
-          <a href="#"  onclick="openUrl(['./devices.php', './deviceDetails.php'])">
+          <a href="devices.php"  onclick="openUrl(['./devices.php', './deviceDetails.php'])">
 
           <i class="fa fa-fw fa-laptop"></i> <span><?= lang('Navigation_Devices');?></span>
             <span class="pull-right-container">
@@ -363,7 +363,7 @@
 
         <!-- Maintenance menu item -->
         <li class=" treeview  <?php if (in_array (basename($_SERVER['SCRIPT_NAME']), array('maintenance.php') ) ){ echo 'active menu-open'; } ?>">
-          <a href="#" onclick="openUrl(['./maintenance.php'])">
+          <a href="#">
           <!-- NEW version available -->
           <div class="info-icon-nav myhidden" id="version" title="<?= lang('new_version_available');?>" data-build-time="<?php echo file_get_contents( "buildtimestamp.txt");?>">
             <i class="fa-solid fa-rocket fa-beat"></i>
diff --git a/front/pluginsCore.php b/front/pluginsCore.php
index 9207e9e4..047f69a8 100755
--- a/front/pluginsCore.php
+++ b/front/pluginsCore.php
@@ -150,14 +150,14 @@ function processColumnValue(dbColumnDef, value, index, type) {
       break;
     case 'url_http_https':
       value = `<span>
-            <a href="http://${value}" target="_blank">
-              <i class="fa fa-lock-open "></i>
-            </a>
-            /
-            <a href="https://${value}" target="_blank">
-              <i class="fa fa-lock "></i>
-            </a>
-          <span>`;
+                <a href="http://${value}" target="_blank">
+                  <i class="fa fa-lock-open "></i>
+                </a>
+                /
+                <a href="https://${value}" target="_blank">
+                  <i class="fa fa-lock "></i>
+                </a>
+            </span>`;
       break;
     case 'device_name_mac':
       value = `<div class="text-center"> ${value}
diff --git a/front/settings.php b/front/settings.php
index ba8629f9..5b812cde 100755
--- a/front/settings.php
+++ b/front/settings.php
@@ -553,7 +553,7 @@ $settingsJSON_DB = json_encode($settings, JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX
     var $skel = $('#settings-skeleton');
     if (!$skel.length) return;
     $('#settingsPage').addClass('settings-loading');
-    $skel.fadeOut(10, function() { $(this).show(); });
+    $skel.stop(true, true).fadeIn(10);
   }
 
   // display the name of the first person