diff options
Diffstat (limited to 'www/templates/timeline-modal.html')
| -rw-r--r-- | www/templates/timeline-modal.html | 34 |
1 files changed, 28 insertions, 6 deletions
diff --git a/www/templates/timeline-modal.html b/www/templates/timeline-modal.html index fd4cd568..2df0ea89 100644 --- a/www/templates/timeline-modal.html +++ b/www/templates/timeline-modal.html @@ -1,16 +1,38 @@ -<div ng-controller="TimelineModalCtrl"> + + <!-- 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 id="timeline-alarm-vis"></div> +<div ng-controller="TimelineModalCtrl"> + <center><h5> Showing frames for Event: {{eid}}</h5></center> + + <div id="timeline-alarm-vis" ></div> - - + <ion-spinner icon="spiral" style="position:absolute; top:50%;left:50%" ng-if="!dataReady"></ion-spinner> + + <div style="height:190px;"> + <ion-scroll direction="x" > + + + <span ng-repeat="alarm in alarm_images"> + + + <figure style="display:inline-block"> + <figcaption><small>frame:{{alarm.fid}} score:{{alarm.score}}</small></figcaption> + <img ng-src="{{playbackURL}}/index.php?view=image&path={{alarm.relativePath}}{{alarm.fname}}&height=380" style="width: auto; height: auto;max-width: 100%;max-height: 170px" on-tap="showImage(playbackURL,alarm.relativePath,alarm.fname, alarm.fid)"/> + + + </figure> + + </span> + + </ion-scroll> + </div> + </div> </ion-content> </ion-modal-view> -</div>
\ No newline at end of file + |