Skip to content

Commit

Permalink
Center loading animation
Browse files Browse the repository at this point in the history
  • Loading branch information
@takattila
takattila committed Aug 13, 2023
1 parent 9bf6733 commit 7a58b19
Show file tree
Hide file tree
Showing 2 changed files with 10 additions and 10 deletions.
18 changes: 9 additions & 9 deletions web/html/monitor.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@ <h2 id="cpu" class="w3-text-grey w3-padding-16" data-click-state="0">
<h2 id="memory" class="w3-text-grey w3-padding-16" data-click-state="1">
<i class="fa fa-memory fa-fw w3-margin-right w3-xxlarge"></i> Memory
</h2>
<div id="memory_loader" class="w3-small" style="display: none;">
<div id="memory_loader" class="w3-small w3-center" style="display: none;">
<p>
<i class="fa fa-spinner w3-spin" class="modal-loader-duration"></i> Loading data...
</p>
Expand All @@ -98,7 +98,7 @@ <h2 id="memory" class="w3-text-grey w3-padding-16" data-click-state="1">
<h2 id="services" class="w3-text-grey w3-padding-16" data-click-state="1">
<i class="fa fa-tasks fa-fw w3-margin-right w3-xxlarge"></i> Services
</h2>
<div id="services_loader" class="w3-small" style="display: none;">
<div id="services_loader" class="w3-small w3-center" style="display: none;">
<p>
<i class="fa fa-spinner w3-spin" class="modal-loader-duration"></i> Loading data...
</p>
Expand All @@ -111,7 +111,7 @@ <h2 id="services" class="w3-text-grey w3-padding-16" data-click-state="1">
<h2 id="process" class="w3-text-grey w3-padding-16" data-click-state="1">
<i class="fab fa-think-peaks fa-fw w3-margin-right w3-xxlarge"></i> Top Processes
</h2>
<div id="process_loader" class="w3-small" style="display: none;">
<div id="process_loader" class="w3-small w3-center" style="display: none;">
<p>
<i class="fa fa-spinner w3-spin" class="modal-loader-duration"></i> Loading data...
</p>
Expand All @@ -124,7 +124,7 @@ <h2 id="process" class="w3-text-grey w3-padding-16" data-click-state="1">
<h2 id="network" class="w3-text-grey w3-padding-16" data-click-state="1">
<i class="fa fa-network-wired fa-fw w3-margin-right w3-xxlarge"></i> Network Traffic
</h2>
<div id="network_loader" class="w3-small" style="display: none;">
<div id="network_loader" class="w3-small w3-center" style="display: none;">
<p>
<i class="fa fa-spinner w3-spin" class="modal-loader-duration"></i> Loading data...
</p>
Expand All @@ -137,7 +137,7 @@ <h2 id="network" class="w3-text-grey w3-padding-16" data-click-state="1">
<h2 id="storage" class="w3-text-grey w3-padding-16" data-click-state="1">
<i class="fa fa-hdd fa-fw w3-margin-right w3-xxlarge"></i> Storage
</h2>
<div id="storage_loader" class="w3-small" style="display: none;">
<div id="storage_loader" class="w3-small w3-center" style="display: none;">
<p>
<i class="fa fa-spinner w3-spin" class="modal-loader-duration"></i> Loading data...
</p>
Expand All @@ -150,7 +150,7 @@ <h2 id="storage" class="w3-text-grey w3-padding-16" data-click-state="1">
<h2 id="run" class="w3-text-grey w3-padding-16" data-click-state="1">
<i class="fa fa-terminal fa-fw w3-margin-right w3-xxlarge"></i> Run Commands
</h2>
<div id="run_loader" class="w3-small" style="display: none;">
<div id="run_loader" class="w3-small w3-center" style="display: none;">
<p>
<i class="fa fa-spinner w3-spin" class="modal-loader-duration"></i> Loading data...
</p>
Expand All @@ -163,7 +163,7 @@ <h2 id="run" class="w3-text-grey w3-padding-16" data-click-state="1">
<h2 id="settings" class="w3-text-grey w3-padding-16" data-click-state="1">
<i class="fa fa-wrench fa-fw w3-margin-right w3-xxlarge"></i> Settings
</h2>
<div id="settings_loader" class="w3-small" style="display: none;">
<div id="settings_loader" class="w3-small w3-center" style="display: none;">
<p>
<i class="fa fa-spinner w3-spin" class="modal-loader-duration"></i> Loading data...
</p>
Expand All @@ -176,7 +176,7 @@ <h2 id="settings" class="w3-text-grey w3-padding-16" data-click-state="1">
<h2 id="power" class="w3-text-grey w3-padding-16" data-click-state="1">
<i class="fas fa-power-off fa-fw w3-margin-right w3-xxlarge"></i> Power
</h2>
<div id="power_loader" class="w3-small" style="display: none;">
<div id="power_loader" class="w3-small w3-center" style="display: none;">
<p>
<i class="fa fa-spinner w3-spin" class="modal-loader-duration"></i> Loading data...
</p>
Expand All @@ -202,7 +202,7 @@ <h2 id="power" class="w3-text-grey w3-padding-16" data-click-state="1">
<h2 id="logout" class="w3-text-grey w3-padding-16" data-click-state="1">
<i class="fas fa-sign-out-alt fa-fw w3-margin-right w3-xxlarge"></i> Logout
</h2>
<div id="logout_loader" class="w3-small" style="display: none;">
<div id="logout_loader" class="w3-small w3-center" style="display: none;">
<p>
<i class="fa fa-spinner w3-spin" class="modal-loader-duration"></i> Loading data...
</p>
Expand Down
2 changes: 1 addition & 1 deletion web/js/monitor.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -844,7 +844,7 @@ function toggleSection() {
toggleStatus(section, false);
} else {
$(this).attr('data-click-state', 1);
$('#' + id + '_loader').css("margin-top", "-32px").show(200, function() {
$('#' + id + '_loader').css("margin-top", "-32px").fadeIn(200, function() {
$(container).fadeIn(500);
}).fadeOut(600);
monitor();
Expand Down

0 comments on commit 7a58b19

Please sign in to comment.