Closes elastic#1956 - Adding a way to navigate forward/backwards thro…

…ugh time
simianhacker · Feb 13, 2015 · 2cb1149 · 2cb1149
1 parent a834a81
commit 2cb1149
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/src/kibana/plugins/kibana/_timepicker.js b/src/kibana/plugins/kibana/_timepicker.js
@@ -29,5 +29,18 @@ define(function (require) {
       }
     };
 
+    function slideTime(op) {
+      op = op || 'subtract';
+      var bounds = timefilter.getBounds();
+      var interval = bounds.max.diff(bounds.min);
+      var from = bounds.min.clone()[op](interval, 'ms');
+      var to = bounds.max.clone()[op](interval, 'ms');
+      timefilter.time.from = from;
+      timefilter.time.to = to;
+      timefilter.time.mode = 'absolute';
+    }
+
+    $scope.previousTimeperiod = _.partial(slideTime, 'subtract');
+    $scope.nextTimeperiod = _.partial(slideTime, 'add');
   };
-});
+});
diff --git a/src/kibana/plugins/kibana/kibana.html b/src/kibana/plugins/kibana/kibana.html
@@ -28,6 +28,7 @@
           <div class="spinner"></div>
         </li>
 
+        <li><a ng-click="previousTimeperiod()"><i class="fa fa-arrow-left"></i></a></li>
         <li ng-if="setupComplete" ng-show="timefilter.enabled" class="navbar-timepicker-container">
           <a ng-click="toggleTimepicker()">
             <span ng-show="timefilter.refreshInterval.value > 0" class="navbar-timepicker-auto-refresh-desc">
@@ -40,6 +41,7 @@
             </span>
           </a>
         </li>
+        <li><a ng-click="nextTimeperiod()" disabled="true"><i class="fa fa-arrow-right"></i></a></li>
       </ul>
       <!-- /Full navbar -->
     </div>
@@ -52,4 +54,4 @@
   </config>
 
   <div class="application" ng-view></div>
-</div>
+</div>