tyler.durden/icingaweb2
1
0
Fork 0
mirror of https://github.com/Icinga/icingaweb2.git synced 2025-09-26 03:09:10 +02:00
Code Issues Packages Projects Releases Wiki Activity

Disable auto-refresh when page is not visible

Browse Source 
Icinga offers the user to enable or disable 'auto-refresh' with a
static preference.

But 'auto-refresh' is the default and our users often have dozens of
Icinga tabs open in their browser, which they are not looking at.

The background tabs lead to significant load on the database to to
repeated queries to keep the invisible UI fresh.

This PR adds a visibility listener, which disables auto-refresh when the
page is not visible.

Fixes #2761
This commit is contained in:
Tobias Wolf 2017-03-17 01:58:17 +01:00
parent 73e24302c0
commit ab06ec3af8
1 changed files with 15 additions and 0 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!
$(document).on('rendered', { self: this }, this.applyHandlers);
$(document).on('visibilitychange', { self: this }, this.onVisibilityChange);
$.each(this.icinga.behaviors, function (name, behavior) {
behavior.bind($(document));
});
@ -172,6 +174,18 @@
icinga.destroy();
},
onVisibilityChange: function (event) {
var icinga = event.data.self.icinga;
if !!(document.visibilityState === undefined || document.visibilityState === 'visible') {
icinga.logger.info('Page visible, enabling auto-refresh');
icinga.loader.enableAutorefresh()
} else {
icinga.logger.info('Page invisible, disabling auto-refresh');
icinga.loader.disableAutorefresh()
}
},
/**
* A scroll event happened in one of our containers
*/
@ -610,6 +624,7 @@
$(document).off('change', 'form input.autosubmit', this.submitForm);
$(document).off('focus', 'form select[data-related-radiobtn]', this.autoCheckRadioButton);
$(document).off('focus', 'form input[data-related-radiobtn]', this.autoCheckRadioButton);
$(document).off('visibilitychange', this.onVisibilityChange);
},
destroy: function() {