Task #8887: scroll back/forward in time

SAS/ResourceAssignment/ResourceAssignmentEditor/lib/static/app/controllers/datacontroller.js

@@ -707,6 +707,22 @@ dataControllerMod.controller('DataController',
         };
     };
 
+    $scope.scrollBack = function() {
+        var viewTimeSpanInmsec = dataService.viewTimeSpan.to.getTime() - dataService.viewTimeSpan.from.getTime();
+        dataService.viewTimeSpan = {
+            from: dataService.floorDate(new Date(dataService.viewTimeSpan.from.getTime() - 0.25*viewTimeSpanInmsec), 1, 5),
+            to: dataService.floorDate(new Date(dataService.viewTimeSpan.to.getTime() - 0.25*viewTimeSpanInmsec), 1, 5)
+        };
+    };
+
+    $scope.scrollForward = function() {
+        var viewTimeSpanInmsec = dataService.viewTimeSpan.to.getTime() - dataService.viewTimeSpan.from.getTime();
+        dataService.viewTimeSpan = {
+            from: dataService.floorDate(new Date(dataService.viewTimeSpan.from.getTime() + 0.25*viewTimeSpanInmsec), 1, 5),
+            to: dataService.floorDate(new Date(dataService.viewTimeSpan.to.getTime() + 0.25*viewTimeSpanInmsec), 1, 5)
+        };
+    };
+
     $scope.onJumpTimespanWidthChanged = function(span) {
         var focusTime = dataService.floorDate(dataService.lofarTime, 1, 5);
 

SAS/ResourceAssignment/ResourceAssignmentEditor/lib/templates/index.html

@@ -72,6 +72,13 @@
                     <uib-timepicker ng-model="dataService.viewTimeSpan.to" hour-step="1" minute-step="5" show-meridian="false" show-spinners="false"></uib-timepicker>
                 </p>
             </div>
+            <div class="col-md-1">
+                <label>Scroll:</label>
+                <p class="input-group">
+                    <button type="button" class="btn btn-default" ng-click="scrollBack()"><i class="glyphicon glyphicon-step-backward"></i></button>
+                    <button type="button" class="btn btn-default" ng-click="scrollForward()"><i class="glyphicon glyphicon-step-forward"></i></button>
+                </p>
+            </div>
             <div class="col-md-3">
                 <label>Jump:</label>
                 <p class="input-group">