diff options
| author | pliablepixels <pliablepixels@gmail.com> | 2016-03-30 19:20:35 -0400 |
|---|---|---|
| committer | pliablepixels <pliablepixels@gmail.com> | 2016-03-30 19:20:35 -0400 |
| commit | 3d3d7c06f2aad580d8f3def1c18dea2955ec3798 (patch) | |
| tree | ec1a850f533e1b14ca1f304c51cb931736dadc1b | |
| parent | 2578aa2ac5734688a12afd5efdb33970534ecc54 (diff) | |
#209 - up down buttons to scroll
Former-commit-id: 123853f3da6ab60beb2b4aff1aa8a022a42d64e0
| -rw-r--r-- | www/js/TimelineModalCtrl.js | 12 | ||||
| -rw-r--r-- | www/templates/timeline-modal.html | 19 |
2 files changed, 29 insertions, 2 deletions
diff --git a/www/js/TimelineModalCtrl.js b/www/js/TimelineModalCtrl.js index 536b524b..5656939b 100644 --- a/www/js/TimelineModalCtrl.js +++ b/www/js/TimelineModalCtrl.js @@ -49,6 +49,18 @@ angular.module('zmApp.controllers').controller('TimelineModalCtrl', ['$scope', ' }); + $scope.scrollUp = function() + { + //console.log ("SWIPE UP"); + $ionicScrollDelegate.$getByHandle("timeline-modal-delegate").scrollTop(true); + }; + + $scope.scrollDown = function() + { + //console.log ("SWIPE DOWN"); + $ionicScrollDelegate.$getByHandle("timeline-modal-delegate").scrollBottom(true); + }; + //------------------------------------------------------- // Tapping on a frame shows this image //------------------------------------------------------ diff --git a/www/templates/timeline-modal.html b/www/templates/timeline-modal.html index bc7a2851..9c36670e 100644 --- a/www/templates/timeline-modal.html +++ b/www/templates/timeline-modal.html @@ -2,10 +2,25 @@ <!-- style="width: 90%; height: 90%; top: 5%; left: 5%; right: 5%; bottom: 5%;"--> <ion-modal-view cache-view="false"> - <ion-content ng-cloak on-double-tap="closeModal()"> -<div ng-controller="TimelineModalCtrl"> + <ion-content ng-cloak on-double-tap="closeModal()" delegate-handle="timeline-modal-delegate"> +<div ng-controller="TimelineModalCtrl" > + + + + <br/> <center> <h5>Showing Event: {{eid}} (double-tap to exit)</h5> + + <button class="button icon-left button-small button-positive" style="z-index:999;bottom:2%;right:20px;position:absolute; opacity:0.7" ng-click="scrollUp()"> + <i class="ion-chevron-up"></i> + </button> + + <button class="button icon-left button-small button-positive" style="top:30px;right:20px;position:absolute; opacity:0.7" ng-click="scrollDown()"> + <i class="ion-chevron-down"></i> + </button> + + + {{errorDetails}} <p>please zoom in for more precise control</p> </center> |