blob: 0a3b13583025f37f9bda671fcaac3d75c8ca326d (
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
58
59
60
61
62
|
<!-- 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/>
<center> <h5>Showing Event: {{eid}} (double-tap to exit)</h5>
<button class="button icon-left button-small button-positive" style="z-index:999;bottom:2%;right:20px;position:absolute; opacity:0.7" ng-click="scrollUp()">
<i class="ion-chevron-up"></i>
</button>
<button class="button icon-left button-small button-positive" style="top:30px;right:20px;position:absolute; opacity:0.7" ng-click="scrollDown()">
<i class="ion-chevron-down"></i>
</button>
{{errorDetails}}
<p>please zoom in for more precise control</p>
</center>
<div style="padding-left:15px; padding-right:15px;">
<div id="timeline-alarm-vis" ></div>
<!--<canvas id="tc" tc-chartjs-bar chart-options="options" chart-data="data" auto-legend ng-if="dataReady" chart="tcchart" ng-click="chartClick($event)"></canvas>-->
<canvas id="tcchart"></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 image-spinner-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>
|
