blob: 1584b9615e4e1cf009f40f4a803a561b85fbef48 (
plain)
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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
|
<!-- 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()" delegate-handle="timeline-modal-delegate">
<div ng-controller="TimelineModalCtrl" >
<br/>
<div class="item item-divider">Event: {{eid}}
<button class="button icon-left button-small button-positive" style="float:right; opacity:0.7" ng-click="switchType()">
<i class="ion-shuffle"></i>
</button>
</div>
<center> <h5>Showing {{graphType}} frames </h5>
<p>double-tap exits. touch/mouse-over and drag over items to see frames</p>
{{errorDetails}}
<!--<p>scroll left/right if needed</p>-->
</center>
<div data-tap-disabled="true">
<canvas id="tcchart" width="auto" height="70%"></canvas>
</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" class="wide-as-needed">-->
<span ng-repeat="alarm in alarm_images">
<figure style="display:inline-block">
<figcaption><small>f:{{alarm.fid}} scr:{{alarm.score}} @ {{alarm.time}}</small></figcaption>
<img ng-if="event.Event.imageMode=='path'" image-spinner-src="{{event.Event.baseURL}}/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(event.Event.baseURL,event.Event.relativePath,alarm.fname, alarm.frameid, event.Event.Id, event.Event.imageMode, alarm.id)"/>
<img ng-if="event.Event.imageMode=='fid'" image-spinner-src="{{event.Event.baseURL}}/index.php?view=image&fid={{alarm.id}}" style="width: auto; height: auto;max-width: 100%;max-height: 170px" on-tap="showImage(event.Event.baseURL,event.Event.relativePath,alarm.fname, alarm.frameid, event.Event.Id, event.Event.imageMode, alarm.id)"/>
</figure>
</span>
<!--</ion-scroll>-->
</div>
</div>
</ion-content>
</ion-modal-view>
|
