102 lines
3.9 KiB
JavaScript
102 lines
3.9 KiB
JavaScript
var is_loding = false;
|
|
|
|
function overviewStatusRefreshEffect(element) {
|
|
element.css({ 'transition': 'background-color 0.5s', 'background-color': 'rgba(243, 255, 164, 1)' });
|
|
setTimeout(function () {
|
|
element.css({ 'background-color': 'transparent' });
|
|
}, 800);
|
|
}
|
|
|
|
function showError() {
|
|
jQuery('.error-msg-refresh-bar').remove();
|
|
jQuery('.flex-box-refresh div:eq(0)').after('<div class="red error-msg-refresh-bar" style="vertical-align: bottom; font-weight: bold;">' + _t('Fehler!') + '</div>');
|
|
jQuery('.refresh-bar').stop(false, true).css('width', 0);
|
|
jQuery('a[href=#refresh] img').removeClass('rotate-icon');
|
|
|
|
setTimeout('overviewStatusRefresh()', 3000);
|
|
}
|
|
|
|
function overviewStatusRefresh() {
|
|
jQuery('.error-msg-refresh-bar').remove();
|
|
jQuery('.refresh-bar').animate({ width: '100%' }, reload_timeout, 'linear', function (e) {
|
|
let this_ = jQuery(this);
|
|
let runtime = jQuery('.flex-container > div:eq(2)');
|
|
let cpuClock = jQuery('.flex-container > div:eq(3)');
|
|
let cpuLoad = jQuery('.flex-container > div:eq(4)');
|
|
let cpuTemp = jQuery('.flex-container > div:eq(5)');
|
|
let ramPercentage = jQuery('.flex-container > div:eq(6)');
|
|
let memoryUsed = jQuery('.flex-container > div:eq(7)');
|
|
let memoryFree = jQuery('.flex-container > div:eq(8)');
|
|
let memoryTotal = jQuery('.flex-container > div:eq(9)');
|
|
|
|
jQuery('a[href=#refresh] img').addClass('rotate-icon');
|
|
|
|
this_.animate({ width: '88.8%' }, 300, 'linear');
|
|
jQuery.get('api/v1/overview.php', { data: 'runtime;cpuClock;cpuLoad;cpuTemp;ramPercentage;memoryUsed;memoryFree;memoryTotal' }, function (data) {
|
|
if (runtime.find('span').html() != data.data.runtime) {
|
|
overviewStatusRefreshEffect(runtime);
|
|
runtime.find('span').html(data.data.runtime);
|
|
}
|
|
|
|
this_.animate({ width: '77.7%' }, 300, 'linear');
|
|
if (cpuClock.find('span').html() != data.data.cpuClock + ' MHz') {
|
|
overviewStatusRefreshEffect(cpuClock);
|
|
cpuClock.find('span').html(data.data.cpuClock + ' MHz');
|
|
}
|
|
|
|
this_.animate({ width: '66.6%' }, 300, 'linear');
|
|
if (cpuLoad.find('.progressbar div').html() != data.data.cpuLoad + '%') {
|
|
overviewStatusRefreshEffect(cpuLoad);
|
|
cpuLoad.find('.progressbar').attr('data-text', data.data.cpuLoad + '%').find('div').css('width', data.data.cpuLoad + '%');
|
|
}
|
|
|
|
this_.animate({ width: '55.5%' }, 300, 'linear');
|
|
if (cpuTemp.find('span').html() != data.data.cpuTemp + ' °C') {
|
|
overviewStatusRefreshEffect(cpuTemp);
|
|
cpuTemp.find('span').html(data.data.cpuTemp + ' °C');
|
|
}
|
|
|
|
this_.animate({ width: '44.4%' }, 300, 'linear');
|
|
if (ramPercentage.find('.progressbar div').html() != data.data.ramPercentage + '%') {
|
|
overviewStatusRefreshEffect(ramPercentage);
|
|
ramPercentage.find('.progressbar').attr('data-text', data.data.ramPercentage + '%').find('div').css('width', data.data.ramPercentage + '%');
|
|
}
|
|
|
|
this_.animate({ width: '33.3%' }, 300, 'linear');
|
|
if (memoryUsed.find('span').html() != data.data.memoryUsed) {
|
|
overviewStatusRefreshEffect(memoryUsed);
|
|
memoryUsed.find('span').html(data.data.memoryUsed);
|
|
}
|
|
|
|
this_.animate({ width: '22.2%' }, 300, 'linear');
|
|
if (memoryFree.find('span').html() != data.data.memoryFree) {
|
|
overviewStatusRefreshEffect(memoryFree);
|
|
memoryFree.find('span').html(data.data.memoryFree);
|
|
}
|
|
|
|
this_.animate({ width: '11.1%' }, 300, 'linear');
|
|
if (memoryTotal.find('span').html() != data.data.memoryTotal) {
|
|
overviewStatusRefreshEffect(memoryTotal);
|
|
memoryTotal.find('span').html(data.data.memoryTotal);
|
|
}
|
|
|
|
this_.animate({ width: '0%' }, 300, 'linear', function (e) {
|
|
is_loding = false;
|
|
jQuery('a[href=#refresh] img').removeClass('rotate-icon');
|
|
});
|
|
|
|
overviewStatusRefresh();
|
|
}).fail(function (e) { showError(); });
|
|
});
|
|
}
|
|
|
|
jQuery(document).on('click', 'a[href=#refresh]', function (e) {
|
|
if (is_loding == false)
|
|
jQuery('.refresh-bar').stop(false, true);
|
|
|
|
return false;
|
|
});
|
|
|
|
jQuery(document).ready(function (e) {
|
|
overviewStatusRefresh();
|
|
}); |