diff options
| -rw-r--r-- | www/js/EventCtrl.js | 11 | ||||
| -rw-r--r-- | www/templates/events.html | 2 |
2 files changed, 12 insertions, 1 deletions
diff --git a/www/js/EventCtrl.js b/www/js/EventCtrl.js index 6bb83bd2..ab55822f 100644 --- a/www/js/EventCtrl.js +++ b/www/js/EventCtrl.js @@ -281,6 +281,17 @@ angular.module('zmApp.controllers') }); + + //------------------------------------------------------- + // Tapping on a frame shows this image + //------------------------------------------------------ + + $scope.showImage = function (p,r,f, fid,e) + { + var img = "<img width='100%' ng-src='"+p+"/index.php?view=image&path="+r+f+"'>"; + $rootScope.zmPopup = $ionicPopup.alert({title: 'frame:'+fid+'/Event:'+e,template:img, cssClass:'popup80'}); + }; + // not explictly handling error --> I have a default "No events found" message diff --git a/www/templates/events.html b/www/templates/events.html index c9400acb..f2369121 100644 --- a/www/templates/events.html +++ b/www/templates/events.html @@ -150,7 +150,7 @@ <figure style="display:inline-block"> <figcaption><p>frame:{{alarm.id}} score:{{alarm.score}}</p></figcaption> - <img image-spinner-src="{{playbackURL}}/index.php?view=image&path={{event.Event.relativePath}}{{alarm.fname}}&height=380" style="width: auto; height: auto;max-width: 100%;max-height: 170px" /> + <img image-spinner-src="{{playbackURL}}/index.php?view=image&path={{event.Event.relativePath}}{{alarm.fname}}&height=380" style="width: auto; height: auto;max-width: 100%;max-height: 170px" on-tap="showImage(playbackURL,event.Event.relativePath,alarm.fname, alarm.id, event.Event.Id)"/> </figure> |