IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

make load on scroll configurable and use debouce

Browse Source
This commit is contained in:
jifwin
2017-03-01 15:02:59 +00:00
parent a3019a9789
commit c09cd4ba29
4 changed files with 18 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/app/features/dashboard/model.ts
View File

@@ -36,6 +36,7 @@ export class DashboardModel {
meta: any;
events: any;
editMode: boolean;
loadOnScroll: boolean;
constructor(data, meta?) {
if (!data) {
@@ -64,6 +65,7 @@ export class DashboardModel {
this.version = data.version || 0;
this.links = data.links || [];
this.gnetId = data.gnetId || null;
this.loadOnScroll = data.loadOnScroll || false;
this.rows = [];
if (data.rows) {

6
public/app/features/dashboard/partials/settings.html
View File

@@ -61,6 +61,12 @@
checked="dashboard.hideControls"
label-class="width-11">
</gf-form-switch>
<gf-form-switch class="gf-form"
label="Load on scroll"
tooltip="Load panels as they become visible"
checked="dashboard.loadOnScroll"
label-class="width-11">
</gf-form-switch>
</div>
</div>

11
public/app/features/panel/metrics_panel_ctrl.ts
View File

@@ -74,13 +74,14 @@ class MetricsPanelCtrl extends PanelCtrl {
// ignore fetching data if another panel is in fullscreen
if (this.otherPanelInFullscreenMode()) { return; }
if (!this.scope.$$childHead || (!this.scope.$$childHead.isVisible() && !this.isRenderGraph())) {
this.scope.$$childHead.needsRefresh = true;
return;
if (this.scope.ctrl.dashboard.loadOnScroll) {
if (!this.scope.$$childHead || (!this.scope.$$childHead.isVisible() && !this.isRenderGraph())) {
this.scope.$$childHead.needsRefresh = true;
return;
}
this.scope.$$childHead.needsRefresh = false;
}
this.scope.$$childHead.needsRefresh = false;
// if we have snapshot data use that
if (this.panel.snapshotData) {
this.updateTimeRange();

14
public/app/features/panel/panel_directive.ts
View File

@@ -184,7 +184,6 @@ module.directive('grafanaPanel', function($rootScope, $document, $timeout) {
}
});
var getDataPromise = null;
scope.needsRefresh = false;
scope.isVisible = function () {
@@ -192,16 +191,11 @@ module.directive('grafanaPanel', function($rootScope, $document, $timeout) {
return (0 < position.top) && (position.top < window.innerHeight);
};
$document.bind('scroll', function () {
if (getDataPromise) {
$timeout.cancel(getDataPromise);
$document.bind('scroll', _.debounce(function () {
if (scope.ctrl.dashboard.loadOnScroll && scope.needsRefresh) {
scope.ctrl.refresh();
}
if (scope.needsRefresh) {
getDataPromise = $timeout(function () {
scope.ctrl.refresh();
}, 250);
}
});
}, 250));
}
};
});