From febe56b06252cec8dfbf2f6d2e04aac8a4d26dcd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel.odegaard@gmail.com>
Date: Fri, 18 Sep 2015 14:04:53 +0200
Subject: [PATCH] feat(timepicker): fixed zoomout

---
 .../dashboard/timepicker/timepicker.html      |  2 +-
 .../dashboard/timepicker/timepicker.ts        | 19 +++++++++++++++++--
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/public/app/features/dashboard/timepicker/timepicker.html b/public/app/features/dashboard/timepicker/timepicker.html
index 97976e419fd..322f456c146 100644
--- a/public/app/features/dashboard/timepicker/timepicker.html
+++ b/public/app/features/dashboard/timepicker/timepicker.html
@@ -1,7 +1,7 @@
 <ul class="nav gf-timepicker-nav">
 
 	<li class="grafana-menu-zoom-out">
-		<a class='small' ng-click='zoom(2)'>
+		<a class='small' ng-click='ctrl.zoom(2)'>
 			Zoom Out
 		</a>
 	</li>
diff --git a/public/app/features/dashboard/timepicker/timepicker.ts b/public/app/features/dashboard/timepicker/timepicker.ts
index d848fa6f547..40647fb5bed 100644
--- a/public/app/features/dashboard/timepicker/timepicker.ts
+++ b/public/app/features/dashboard/timepicker/timepicker.ts
@@ -31,7 +31,7 @@ export class TimePickerCtrl {
     $scope.ctrl = this;
 
     $rootScope.onAppEvent('refresh', () => this.init(), $scope);
-    $rootScope.onAppEvent('zoom-out', () => this.zoomOut(), $scope);
+    $rootScope.onAppEvent('zoom-out', () => this.zoom(2), $scope);
     this.init();
   }
 
@@ -50,7 +50,22 @@ export class TimePickerCtrl {
     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() {