summaryrefslogtreecommitdiff
path: root/www
diff options
context:
space:
mode:
Diffstat (limited to 'www')
-rw-r--r--www/js/EventCtrl.js11
-rw-r--r--www/templates/events.html2
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>