www/templates/timeline-modal.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38


    <!-- 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">   
            <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>