IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2026-07-30 00:08:10 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat(timepicker): fixed zoomout

Browse Source
This commit is contained in:
Torkel Ödegaard
2015-09-18 14:04:53 +02:00
parent f5e6722826
commit febe56b062
2 changed files with 18 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/app/features/dashboard/timepicker/timepicker.html
+1 -1
View File
@@ -1,7 +1,7 @@
<ul class="nav gf-timepicker-nav"> <ul class="nav gf-timepicker-nav">
<li class="grafana-menu-zoom-out"> <li class="grafana-menu-zoom-out">
<a class='small' ng-click='zoom(2)'> <a class='small' ng-click='ctrl.zoom(2)'>
Zoom Out Zoom Out
</a> </a>
</li> </li>
public/app/features/dashboard/timepicker/timepicker.ts
+17 -2
View File
@@ -31,7 +31,7 @@ export class TimePickerCtrl {
$scope.ctrl = this; $scope.ctrl = this;
$rootScope.onAppEvent('refresh', () => this.init(), $scope); $rootScope.onAppEvent('refresh', () => this.init(), $scope);
$rootScope.onAppEvent('zoom-out', () => this.zoomOut(), $scope); $rootScope.onAppEvent('zoom-out', () => this.zoom(2), $scope);
this.init(); this.init();
} }
@@ -50,7 +50,22 @@ export class TimePickerCtrl {
this.tooltip += this.dashboard.formatDate(time.to); this.tooltip += this.dashboard.formatDate(time.to);
} }
zoomOut() { zoom(factor) {
var range = this.timeSrv.timeRange();
var timespan = (range.to.valueOf() - range.from.valueOf());
var center = range.to.valueOf() - timespan/2;
var to = (center + (timespan*factor)/2);
var from = (center - (timespan*factor)/2);
if (to > Date.now() && range.to <= Date.now()) {
var offset = to - Date.now();
from = from - offset;
to = Date.now();
}
this.timeSrv.setTime({from: moment.utc(from), to: moment.utc(to) });
} }
openDropdown() { openDropdown() {