mirror/NetAlertX
1
0 Fork 0
mirror of https://github.com/jokob-sk/NetAlertX.git synced 2026-10-05 20:43:54 -04:00
Code Issues Packages Projects Releases Wiki Activity

FE: skeleton uplift

Browse Source
This commit is contained in:
jokob-sk committed 2026-06-23 15:47:57 +10:00
1 parent fe4869caf8
commit 7977ed8cc1
23 files changed
+148 -142
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

front/css/app.css
+32 -12
View File
@@ -2527,6 +2527,14 @@ textarea[readonly],
padding-left: 10px;
}
/* -----------------------------------------------------------------------------
Sys info
----------------------------------------------------------------------------- */
#panInitCheck .row
{
width: 100%;
}
/* -----------------------------------------------------------------------------
Floating edit button
----------------------------------------------------------------------------- */
@@ -2627,7 +2635,7 @@ table.dataTable tbody > tr.selected
#panDetails, #panSessions, #panPresence, #panEvents {
position: relative;
}
#panDetails, #panSessions, #panPresence, #panEvents { min-height: 420px; }
#tab_DBTools, #tab_BackupRestore, #tab_Logging, #tab_multiEdit { position: relative; min-height: 320px; }
/* Page-level overlay base */
@@ -2639,27 +2647,37 @@ table.dataTable tbody > tr.selected
left: 0;
right: 0;
background-color: var(--skel-bg);
padding: 15px;
}
#settings-skeleton, #devices-skeleton, #device-details-skeleton,
#events-skeleton, #presence-skeleton, #report-skeleton,
#notifications-skeleton, #workflows-skeleton, #plugins-skeleton { z-index: 50; }
.skel-tab-pane { z-index: 10; min-height: 400px; }
#settings-skeleton { padding-top: 50px; padding-left: 20px; padding-right: 20px; min-height: 500px; }
#devices-skeleton { top: 50px; min-height: 500px; }
#device-details-skeleton { top: 45px; min-height: 100px; }
#events-skeleton { top: 50px; min-height: 500px; }
#presence-skeleton { top: 50px; min-height: 500px; }
#report-skeleton { min-height: 400px; }
#notifications-skeleton { top: 50px; min-height: 400px; }
.skel-tab-pane { z-index: 10; min-height: 400px; background-color: var(--skel-panel-bg);}
#settings-skeleton { margin: 15px; padding-top: 50px; min-height: 500px; }
#devices-skeleton { margin: 15px; top: 50px; min-height: 500px; }
#device-details-skeleton { margin: 15px; top: 42px; }
#events-skeleton { margin: 15px; top: 50px; min-height: 500px; }
#presence-skeleton { margin: 15px; top: 50px; min-height: 500px; }
#report-skeleton { margin: 15px; top: 50px; min-height: 400px; }
#notifications-skeleton { margin: 15px; top: 50px; min-height: 400px; }
#workflows-skeleton { top: 50px; width: 770px; margin: 0 auto; min-height: 300px; }
#plugins-skeleton { top: 50px; padding: 0; min-height: 400px; }
#skel-tab-sessions, #skel-tab-events, #skel-tab-presence { margin: 0px; }
/* Hide scrollbars */
#skel-tab-sessions, #skel-tab-events, #skel-tab-presence {
overflow: hidden; /* Hides the scrollbar */
-ms-overflow-style: none; /* Internet Explorer 10+ */
scrollbar-width: none; /* Firefox */
}
#skel-tab-sessions::-webkit-scrollbar, #skel-tab-events::-webkit-scrollbar, #skel-tab-presence::-webkit-scrollbar {
display: none; /* Safari and Chrome */
}
/* Bordered containers */
.skel-overview-panel, .skel-section, .skel-plugin-block,
.skel-chart-box, .skel-table-box,
.skel-detail-info-panel, .skel-detail-form, .skel-tabs-bar {
border: 1px solid var(--skel-border);
border: 1px none var(--skel-border);
}
/* Clipped rounded containers */
@@ -2729,7 +2747,8 @@ table.dataTable tbody > tr.selected
.skel-cell-input { height: 32px; }
/* ----- Devices ---------------------------------------------------------- */
.skel-tile { display: flex; height: 80px; }
.skel-tile-row { margin-right: -30px; margin-left: -30px;}
.skel-tile { display: flex; height: 80px; margin-bottom: 15px;}
#device-details-skeleton .skel-tile { display: flex; height: 45px; }
.skel-tile-inner { display: flex; flex-direction: column; padding: 12px 15px; justify-content: center; gap: 10px; }
.skel-tile-num { height: 26px; width: 55%; }
@@ -2753,6 +2772,7 @@ table.dataTable tbody > tr.selected
.skel-form-label { width: 18%; min-width: 100px; }
.skel-form-input { height: 32px; }
.skel-form-footer { display: flex; justify-content: flex-end; gap: 10px; padding-top: 15px; }
.skel-form-footer-left { display: flex; justify-content: flex-start; gap: 10px; padding-top: 15px; }
.skel-form-btn { height: 34px; width: 100px; }
/* ----- Workflows -------------------------------------------------------- */
front/css/dark-patch.css
+6 -6
View File
@@ -761,10 +761,10 @@ table.dataTable tbody tr.selected, table.dataTable tbody tr .selected
/* Settings skeleton - dark theme */
:root {
--skel-base: #2e3540;
--skel-shine: #3d4555;
--skel-section: #252c38;
--skel-panel-bg: #1e242e;
--skel-border: #2a323e;
--skel-bg: #292e33;
--skel-base: #353c42;
--skel-shine: #272c30;
--skel-section: #272c30;
--skel-panel-bg: #272c30;
--skel-border: #2a323e;
--skel-bg: #353c42;
}
front/css/system-dark-patch.css
+6 -6
View File
@@ -738,10 +738,10 @@
/* Settings skeleton - dark theme */
:root {
--skel-base: #2e3540;
--skel-shine: #3d4555;
--skel-section: #252c38;
--skel-panel-bg: #1e242e;
--skel-border: #2a323e;
--skel-bg: #292e33;
--skel-base: #353c42;
--skel-shine: #272c30;
--skel-section: #272c30;
--skel-panel-bg: #272c30;
--skel-border: #2a323e;
--skel-bg: #353c42;
}
front/deviceDetails.php
+2 -20
View File
@@ -124,48 +124,34 @@
</div>
</ul>
<div class="tab-content spinnerTarget" style="min-height: 430px;">
<!-- tab page 1 ------------------------------------------------------------ -->
<div class="tab-content spinnerTarget" >
<div class="tab-pane fade" id="panDetails">
<?php
require 'deviceDetailsEdit.php';
?>
</div>
<!-- tab page 2 ------------------------------------------------------------ -->
<div class="tab-pane fade table-responsive" id="panSessions">
<?php
require 'deviceDetailsSessions.php';
?>
</div>
<!-- tab page "Tools" ------------------------------------------------------------ -->
<div class="tab-pane fade" id="panTools">
<?php
require 'deviceDetailsTools.php';
?>
</div>
<!-- tab page 3 ------------------------------------------------------------ -->
<div class="tab-pane fade table-responsive" id="panPresence">
<?php
// Include the other page
include 'deviceDetailsPresence.php';
?>
</div>
<!-- tab page 4 ------------------------------------------------------------ -->
<div class="tab-pane fade table-responsive" id="panEvents">
<?php
// Include the other page
include 'deviceDetailsEvents.php';
?>
</div>
<!-- tab page 7 ------------------------------------------------------------ -->
<div class="tab-pane fade table-responsive" id="panPlugins">
<?php
// Include the other page
@@ -580,10 +566,6 @@ async function updateDevicePageName(mac) {
//-----------------------------------------------------------------------------------
window.onload = function() {
// Always trigger app-init bootstrap
if (typeof executeOnce === 'function') {
@@ -603,7 +585,7 @@ window.onload = function() {
// -----------------------------------------------------------------------------
function hideDeviceDetailsSkeleton() {
$('#device-details-skeleton').fadeOut(250, function() { $(this).remove(); });
$('#device-details-skeleton').fadeOut(50, function() { $(this).remove(); });
}
// Fallback: remove main skeleton and all tab pane skeletons if init stalls
front/deviceDetailsEdit.php
+1 -1
View File
@@ -669,7 +669,7 @@ function toggleFieldLock(mac, fieldName) {
// -----------------------------------------------------------------------------
function hideDetailsTabSkeleton() {
$('#skel-tab-details').fadeOut(250, function() { $(this).remove(); });
$('#skel-tab-details').fadeOut(50, function() { $(this).remove(); });
}
</script>
front/deviceDetailsEvents.php
+1 -1
View File
@@ -203,7 +203,7 @@ deviceEventsPageUpdater();
// -----------------------------------------------------------------------------
function hideEventsTabSkeleton() {
$('#skel-tab-events').fadeOut(250, function() { $(this).remove(); });
$('#skel-tab-events').fadeOut(50, function() { $(this).remove(); });
}
</script>
front/deviceDetailsPresence.php
+1 -1
View File
@@ -212,7 +212,7 @@ devicePresencePageUpdater();
// -----------------------------------------------------------------------------
function hidePresenceTabSkeleton() {
$('#skel-tab-presence').fadeOut(250, function() { $(this).remove(); });
$('#skel-tab-presence').fadeOut(50, function() { $(this).remove(); });
}
front/deviceDetailsSessions.php
+1 -1
View File
@@ -179,7 +179,7 @@ deviceSessionsPageUpdater();
// -----------------------------------------------------------------------------
function hideSessionsTabSkeleton() {
$('#skel-tab-sessions').fadeOut(250, function() { $(this).remove(); });
$('#skel-tab-sessions').fadeOut(50, function() { $(this).remove(); });
}
</script>
front/devices.php
+1 -1
View File
@@ -185,7 +185,7 @@
// -----------------------------------------------------------------------------
function hideDevicesSkeleton() {
$('#devices-skeleton').fadeOut(250, function() { $(this).remove(); });
$('#devices-skeleton').fadeOut(50, function() { $(this).remove(); });
}
// Fallback: ensure skeleton is removed even if DataTable fails to initialize
front/events.php
+3 -3
View File
@@ -6,7 +6,7 @@ require 'php/templates/header.php';
showSpinner(); // Show initial page loading spinner
</script>
<div class="content-wrapper eventsPage" id="eventsPage">
<div class="content-wrapper eventsPage spinnerTarget" id="eventsPage">
<?php require 'php/templates/skel_events.php'; ?>
<section class="content">
@@ -59,7 +59,7 @@ require 'php/templates/header.php';
</div>
<div class="box-body table-responsive">
<table id="tableEvents" class="spinnerTarget table table-bordered table-hover table-striped">
<table id="tableEvents" class="table table-bordered table-hover table-striped">
<thead>
<tr>
<th><?= lang('Events_TableHead_Order'); ?></th>
@@ -258,7 +258,7 @@ function getEvents(type) {
}
function hideEventsSkeleton() {
$('#events-skeleton').fadeOut(250, function () { $(this).remove(); });
$('#events-skeleton').fadeOut(50, function () { $(this).remove(); });
}
window.addEventListener('load', function () {
front/maintenance.php
+4 -4
View File
@@ -878,10 +878,10 @@ window.onload = function asyncFooter() {
</script>
<script>
function hideMaintDBToolsSkeleton() { $('#skel-tab-maint-dbtools').fadeOut(250, function() { $(this).remove(); }); }
function hideMaintBackupSkeleton() { $('#skel-tab-maint-backup').fadeOut(250, function() { $(this).remove(); }); }
function hideMaintLoggingSkeleton() { $('#skel-tab-maint-logging').fadeOut(250, function() { $(this).remove(); }); }
function hideMaintMultiEditSkeleton() { $('#skel-tab-maint-multiedit').fadeOut(250, function() { $(this).remove(); }); }
function hideMaintDBToolsSkeleton() { $('#skel-tab-maint-dbtools').fadeOut(50, function() { $(this).remove(); }); }
function hideMaintBackupSkeleton() { $('#skel-tab-maint-backup').fadeOut(50, function() { $(this).remove(); }); }
function hideMaintLoggingSkeleton() { $('#skel-tab-maint-logging').fadeOut(50, function() { $(this).remove(); }); }
function hideMaintMultiEditSkeleton() { $('#skel-tab-maint-multiedit').fadeOut(50, function() { $(this).remove(); }); }
// Static tabs: content is PHP-rendered — dismiss immediately, no waiting for onload
hideMaintDBToolsSkeleton();
front/php/templates/skel_devices.php
+56 -54
View File
@@ -2,70 +2,72 @@
<div id="devices-skeleton">
<!-- Tile cards row -------------------------------------------------------- -->
<div class="row">
<div class="col-lg-2 col-sm-4 col-xs-6 padding-5px">
<div class="skel-tile">
<div class="skel-tile-inner">
<div class="skel-tile-num skel-shimmer"></div>
<div class="skel-tile-label skel-shimmer"></div>
</div>
<div class="skel-tile-icon-area">
<div class="skel-tile-icon-shape skel-shimmer"></div>
<div class="skel-tile-row">
<div class="col-xs-12">
<div class="col-lg-2 col-sm-4 col-xs-6">
<div class="skel-tile">
<div class="skel-tile-inner">
<div class="skel-tile-num skel-shimmer"></div>
<div class="skel-tile-label skel-shimmer"></div>
</div>
<div class="skel-tile-icon-area">
<div class="skel-tile-icon-shape skel-shimmer"></div>
</div>
</div>
</div>
</div>
<div class="col-lg-2 col-sm-4 col-xs-6 padding-5px">
<div class="skel-tile">
<div class="skel-tile-inner">
<div class="skel-tile-num skel-shimmer"></div>
<div class="skel-tile-label skel-shimmer"></div>
</div>
<div class="skel-tile-icon-area">
<div class="skel-tile-icon-shape skel-shimmer"></div>
<div class="col-lg-2 col-sm-4 col-xs-6">
<div class="skel-tile">
<div class="skel-tile-inner">
<div class="skel-tile-num skel-shimmer"></div>
<div class="skel-tile-label skel-shimmer"></div>
</div>
<div class="skel-tile-icon-area">
<div class="skel-tile-icon-shape skel-shimmer"></div>
</div>
</div>
</div>
</div>
<div class="col-lg-2 col-sm-4 col-xs-6 padding-5px">
<div class="skel-tile">
<div class="skel-tile-inner">
<div class="skel-tile-num skel-shimmer"></div>
<div class="skel-tile-label skel-shimmer"></div>
</div>
<div class="skel-tile-icon-area">
<div class="skel-tile-icon-shape skel-shimmer"></div>
<div class="col-lg-2 col-sm-4 col-xs-6">
<div class="skel-tile">
<div class="skel-tile-inner">
<div class="skel-tile-num skel-shimmer"></div>
<div class="skel-tile-label skel-shimmer"></div>
</div>
<div class="skel-tile-icon-area">
<div class="skel-tile-icon-shape skel-shimmer"></div>
</div>
</div>
</div>
</div>
<div class="col-lg-2 col-sm-4 col-xs-6 padding-5px">
<div class="skel-tile">
<div class="skel-tile-inner">
<div class="skel-tile-num skel-shimmer"></div>
<div class="skel-tile-label skel-shimmer"></div>
</div>
<div class="skel-tile-icon-area">
<div class="skel-tile-icon-shape skel-shimmer"></div>
<div class="col-lg-2 col-sm-4 col-xs-6">
<div class="skel-tile">
<div class="skel-tile-inner">
<div class="skel-tile-num skel-shimmer"></div>
<div class="skel-tile-label skel-shimmer"></div>
</div>
<div class="skel-tile-icon-area">
<div class="skel-tile-icon-shape skel-shimmer"></div>
</div>
</div>
</div>
</div>
<div class="col-lg-2 col-sm-4 col-xs-6 padding-5px">
<div class="skel-tile">
<div class="skel-tile-inner">
<div class="skel-tile-num skel-shimmer"></div>
<div class="skel-tile-label skel-shimmer"></div>
</div>
<div class="skel-tile-icon-area">
<div class="skel-tile-icon-shape skel-shimmer"></div>
<div class="col-lg-2 col-sm-4 col-xs-6">
<div class="skel-tile">
<div class="skel-tile-inner">
<div class="skel-tile-num skel-shimmer"></div>
<div class="skel-tile-label skel-shimmer"></div>
</div>
<div class="skel-tile-icon-area">
<div class="skel-tile-icon-shape skel-shimmer"></div>
</div>
</div>
</div>
</div>
<div class="col-lg-2 col-sm-4 col-xs-6 padding-5px">
<div class="skel-tile">
<div class="skel-tile-inner">
<div class="skel-tile-num skel-shimmer"></div>
<div class="skel-tile-label skel-shimmer"></div>
</div>
<div class="skel-tile-icon-area">
<div class="skel-tile-icon-shape skel-shimmer"></div>
<div class="col-lg-2 col-sm-4 col-xs-6">
<div class="skel-tile">
<div class="skel-tile-inner">
<div class="skel-tile-num skel-shimmer"></div>
<div class="skel-tile-label skel-shimmer"></div>
</div>
<div class="skel-tile-icon-area">
<div class="skel-tile-icon-shape skel-shimmer"></div>
</div>
</div>
</div>
</div>
front/php/templates/skel_presence.php
+1 -1
View File
@@ -37,7 +37,7 @@
<span class="skel-line skel-shimmer" style="width:100px"></span>
<span class="skel-line skel-shimmer" style="width:180px; margin-left:auto;"></span>
</div>
<div class="skel-chart-body skel-shimmer" style="height:380px"></div>
<div class="skel-chart-body skel-shimmer" style="height:580px"></div>
</div>
</div>
</div>
front/php/templates/skel_tab_plugins_table.php
+1 -1
View File
@@ -16,7 +16,7 @@
</div>
<?php endforeach; ?>
</div>
<div class="skel-form-footer" style="padding:8px 0;">
<div class="skel-form-footer-left" style="padding:8px 0;">
<span class="skel-form-btn skel-shimmer"></span>
<span class="skel-form-btn skel-shimmer"></span>
</div>
front/plugins/_publisher_telegram/config.json
+1 -1
View File
@@ -426,7 +426,7 @@
"description": [
{
"language_code": "en_us",
"string": "Telegram bot token. You cat get one from <a target=\"_blank\" href=\"https://t.me/BotFather\">BotFather</a>"
"string": "Telegram bot token. You can get one from <a target=\"_blank\" href=\"https://t.me/BotFather\">BotFather</a>"
}
]
},
front/pluginsCore.php
+3 -4
View File
@@ -149,7 +149,6 @@ function processColumnValue(dbColumnDef, value, index, type) {
value = `<span><a href="${value}" target="_blank">${value}</a><span>`;
break;
case 'url_http_https':
value = `<span>
<a href="http://${value}" target="_blank">
<i class="fa fa-lock-open "></i>
@@ -163,7 +162,7 @@ function processColumnValue(dbColumnDef, value, index, type) {
case 'device_name_mac':
value = `<div class="text-center"> ${value}
<br/>
(${createDeviceLink(value)})
${createDeviceLink(value)}
</div>`;
break;
case 'device_mac':
@@ -662,7 +661,7 @@ function initializeDataTables(prefix, colDefinitions, pluginObj) {
serverSide: true,
paging: true,
searching: true,
ordering: false,
ordering: true,
pageLength: 25,
lengthMenu: [[10, 25, 50, 100], [10, 25, 50, 100]],
// Fade out the skeleton only after the first draw so there is no gap
@@ -878,7 +877,7 @@ else
}
function hidePluginsSkeleton() {
$('#plugins-skeleton').fadeOut(250, function() { $(this).remove(); });
$('#plugins-skeleton').fadeOut(50, function() { $(this).remove(); });
}
window.addEventListener('load', function() {
front/presence.php
+1 -1
View File
@@ -511,7 +511,7 @@ function getDevicesPresence (status) {
function hidePresenceSkeleton() {
hideSpinner();
$('#presence-skeleton').fadeOut(250, function() { $(this).remove(); });
$('#presence-skeleton').fadeOut(50, function() { $(this).remove(); });
}
window.addEventListener('load', function() {
front/report.php
+1 -1
View File
@@ -186,7 +186,7 @@
<!-- /.content -->
<script>
function hideReportSkeleton() {
$('#report-skeleton').fadeOut(250, function() { $(this).remove(); });
$('#report-skeleton').fadeOut(50, function() { $(this).remove(); });
}
window.addEventListener('load', function() {
setTimeout(hideReportSkeleton, 15000);
front/settings.php
+18 -12
View File
@@ -76,7 +76,7 @@ $settingsJSON_DB = json_encode($settings, JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX
<section class="content-header">
<div class ="bg-white color-palette box box-solid col-sm-12 panel panel-default panel-title" >
<div class ="bg-white color-palette col-sm-12 panel-title" >
<a data-toggle="collapse" href="#settingsOverview">
<div class ="settings-group col-sm-12 ">
@@ -84,42 +84,42 @@ $settingsJSON_DB = json_encode($settings, JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX
</div>
</a>
<div id="settingsOverview" class="panel-collapse collapse in">
<div class="panel-body"></div>
<div id="settingsOverviewPanelBody"></div>
<div class =" col-sm-12 " id=""></div>
</div>
</section>
<div class="content settingswrap " id="accordion_gen">
<div class ="bg-grey-dark color-palette panel panel-default col-sm-12 box-default box-info" id="core_content_header" >
<div class ="bg-grey-dark color-palette col-sm-12 box-default box-info" id="core_content_header" >
<div class ="settings-group col-sm-12">
<i class="<?= lang("settings_core_icon");?>"></i> <?= lang("settings_core_label");?>
</div>
<div class =" col-sm-12" id="core_content"></div>
</div>
<div class ="bg-grey-dark color-palette panel panel-default col-sm-12 box-default box-info" id="system_content_header" >
<div class ="bg-grey-dark color-palette col-sm-12 box-default box-info" id="system_content_header" >
<div class ="settings-group col-sm-12">
<i class="<?= lang("settings_system_icon");?>"></i> <?= lang("settings_system_label");?>
</div>
<div class =" col-sm-12" id="system_content"></div>
</div>
<div class ="bg-grey-dark color-palette panel panel-default col-sm-12 box-default box-info" id="device_scanners_content_header" >
<div class ="bg-grey-dark color-palette col-sm-12 box-default box-info" id="device_scanners_content_header" >
<div class ="settings-group col-sm-12">
<i class="<?= lang("settings_device_scanners_icon");?>"></i> <?= lang("settings_device_scanners_label");?>
</div>
<div class =" col-sm-12" id="device_scanner_content"> <?= lang("settings_device_scanners_info");?> </div>
</div>
<div class ="bg-grey-dark color-palette panel panel-default col-sm-12 box-default box-info" id="other_scanners_content_header">
<div class ="bg-grey-dark color-palette col-sm-12 box-default box-info" id="other_scanners_content_header">
<div class ="settings-group col-sm-12">
<i class="<?= lang("settings_other_scanners_icon");?>"></i> <?= lang("settings_other_scanners_label");?>
</div>
<div class =" col-sm-12" id="other_content"></div>
</div>
<div class ="bg-grey-dark color-palette panel panel-default col-sm-12 box-default box-info" id="publishers_content_header" >
<div class ="bg-grey-dark color-palette col-sm-12 box-default box-info" id="publishers_content_header" >
<div class ="settings-group col-sm-12">
<i class="<?= lang("settings_publishers_icon");?>"></i> <?= lang("settings_publishers_label");?>
</div>
@@ -345,7 +345,7 @@ $settingsJSON_DB = json_encode($settings, JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX
index++;
});
$('#settingsOverview .panel-body').append(overviewSections_html);
$('#settingsOverview #settingsOverviewPanelBody').append(overviewSections_html);
// Display warning
if(schedulesAreSynchronized(enabledDeviceScanners, pluginsData) == false)
@@ -545,7 +545,15 @@ $settingsJSON_DB = json_encode($settings, JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX
var $skel = $('#settings-skeleton');
if (!$skel.length) return;
$('#settingsPage').removeClass('settings-loading');
$skel.fadeOut(10, function() { $(this).remove(); });
$skel.fadeOut(10, function() { $(this).hide(); });
}
// ----------------------------------------------------------------
function showSettingsSkeleton() {
var $skel = $('#settings-skeleton');
if (!$skel.length) return;
$('#settingsPage').addClass('settings-loading');
$skel.fadeOut(10, function() { $(this).show(); });
}
// display the name of the first person
@@ -694,7 +702,7 @@ $settingsJSON_DB = json_encode($settings, JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX
if(appState["showSpinner"] || fileModificationTime > importedMiliseconds)
{
showSpinner("settings_old")
showSettingsSkeleton()
setTimeout("handleLoadingDialog()", 1000);
} else
@@ -705,9 +713,7 @@ $settingsJSON_DB = json_encode($settings, JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX
humanReadable = (new Date(importedMiliseconds)).toLocaleString("en-UK", { timeZone: "<?php echo $timeZone?>" });
document.getElementById('lastImportedTime').innerHTML = humanReadable;
})
}
}
front/systeminfo.php
+1 -1
View File
@@ -67,7 +67,7 @@
</li>
</ul>
<div class="tab-content spinnerTarget" style="min-height: 430px;">
<div class="tab-content spinnerTarget">
<div class="tab-pane fade" data-php-file="systeminfoServer.php" id="panServer">
<?php require 'php/templates/skel_tab_sysinfo_server.php'; ?>
</div>
front/systeminfoInitCheck.php
+5 -8
View File
@@ -18,19 +18,16 @@
<div class="alert alert-success">
<i class="fa-solid fa-check text-success"></i> <?= lang('Maintenance_InitCheck_Success');?>
</div>
</div>
<div class="col-12">
<div class="d-flex flex-wrap gap-2 w-100" id="file-check-list"></div>
</div>
<div class="row">
<div class="col-12">
<div class="d-flex flex-wrap gap-2 w-100" id="file-check-list"></div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="text-center box box-secondary col-md-6">
<p class="text-muted"><?= lang('Maintenance_InitCheck_QuickSetupGuide');?></p>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="col-md-12 center text-center" >
<button type="button" class=" col-md-12 btn btn-default bg-green " onclick="retryCheck()"><?= lang('Maintenance_ReCheck');?></button>
</div>
front/userNotifications.php
+1 -1
View File
@@ -218,7 +218,7 @@ require 'php/templates/header.php';
});
function hideNotificationsSkeleton() {
$('#notifications-skeleton').fadeOut(250, function () { $(this).remove(); });
$('#notifications-skeleton').fadeOut(50, function () { $(this).remove(); });
}
window.addEventListener('load', function () {
front/workflowsCore.php
+1 -1
View File
@@ -1379,7 +1379,7 @@ $(document).ready(function () {
function hideWorkflowsSkeleton() {
hideSpinner();
$('#workflows-skeleton').fadeOut(250, function() { $(this).remove(); });
$('#workflows-skeleton').fadeOut(50, function() { $(this).remove(); });
}
window.addEventListener('load', function() {