tyler.durden
/
icingaweb2
mirror of https://github.com/Icinga/icingaweb2.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2798 from towolf/suspend-autorefresh-when-invisible 

Disable auto-refresh when page is not visible
This commit is contained in:
lippserd 2017-11-06 09:48:31 +01:00 committed by GitHub
parent 4cf577b1c8 3a8ba39abd
commit 27867494ff
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 24 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
public/js/icinga/events.js
View File

@ -105,6 +105,8 @@
// Note: It is important that this is the first handler for this event! // Note: It is important that this is the first handler for this event!
$(document).on('rendered', { self: this }, this.applyHandlers); $(document).on('rendered', { self: this }, this.applyHandlers);
$(document).on('visibilitychange', { self: this }, this.onVisibilityChange);
$.each(this.icinga.behaviors, function (name, behavior) { $.each(this.icinga.behaviors, function (name, behavior) {
behavior.bind($(document)); behavior.bind($(document));
}); });
@ -172,6 +174,18 @@
icinga.destroy(); icinga.destroy();
}, },
onVisibilityChange: function (event) {
var icinga = event.data.self.icinga;
if (document.visibilityState === undefined || document.visibilityState === 'visible') {
icinga.loader.autorefreshSuspended = false;
icinga.logger.debug('Page visible, enabling auto-refresh');
} else {
icinga.loader.autorefreshSuspended = true;
icinga.logger.debug('Page invisible, disabling auto-refresh');
}
},
/** /**
* A scroll event happened in one of our containers * A scroll event happened in one of our containers
*/ */
@ -610,6 +624,7 @@
$(document).off('change', 'form input.autosubmit', this.submitForm); $(document).off('change', 'form input.autosubmit', this.submitForm);
$(document).off('focus', 'form select[data-related-radiobtn]', this.autoCheckRadioButton); $(document).off('focus', 'form select[data-related-radiobtn]', this.autoCheckRadioButton);
$(document).off('focus', 'form input[data-related-radiobtn]', this.autoCheckRadioButton); $(document).off('focus', 'form input[data-related-radiobtn]', this.autoCheckRadioButton);
$(document).off('visibilitychange', this.onVisibilityChange);
}, },
destroy: function() { destroy: function() {

10
public/js/icinga/loader.js
View File

@ -30,7 +30,15 @@
this.iconCache = {}; this.iconCache = {};
/**
* Whether auto-refresh is enabled
*/
this.autorefreshEnabled = true; this.autorefreshEnabled = true;
/**
* Whether auto-refresh is suspended due to visibility of page
*/
this.autorefreshSuspended = false;
}; };
Icinga.Loader.prototype = { Icinga.Loader.prototype = {
@ -209,7 +217,7 @@
autorefresh: function () { autorefresh: function () {
var _this = this; var _this = this;
if (_this.autorefreshEnabled !== true) { if (! _this.autorefreshEnabled || _this.autorefreshSuspended) {
return; return;
} }