www/templates/events.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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72

<ion-view view-title="Events" cache-view="false">
    
       <ion-nav-buttons side="left">
          <button class="button button-icon button-clear ion-navicon" ng-click="openMenu()"></button>
        </ion-nav-buttons> 
    
     <ion-nav-buttons side="right">
    <a style="" class="button button-icon icon ion-stats-bars"  ng-href="#events-graphs"> </a>
        <!--<a ui-sref="app.events-graphs" class="item" ng-click="toggleMenu()">Tabs</a>-->
    </ion-nav-buttons>

    <ion-content>

        <ion-refresher pulling-text="Pull to reload Events..." spinner="bubbles" on-refresh="doRefresh()"></ion-refresher>
        <ion-list>
            <div ng-repeat="event in events">
                
                    <ion-item>

                        <div class="row">
                            <div class="col col-left">
                                <div ng-switch on="event.Event.Cause">
                                    <div ng-switch-when="Motion">
                                        <i class="ion-android-walk" style="float:left; font-size:200%;"></i>
                                        <br/>
                                    </div>
                                    <div ng-switch-when="Signal">
                                        <i class="ion-wifi" style="float:left; font-size:200%;"></i>
                                        <br/>
                                    </div>
                                    <div ng-switch-default>
                                        <i class="ion-ionic" style="float:left; font-size:200%;"></i>
                                        <br/>
                                    </div>
                                </div>
                                <!-- ng switch -->
                                <!-- {{event.Event.Cause}} -->

                                <br/> <span style="font-size:80%; color:rgb(110,110,110)">{{event.Event.Length}}s</span>
                            </div>
                            <!-- col col left-->

                            <div class="col col-80">
                                <div class="item-text-wrap"><i class="ion-monitor"></i> <b>{{event.Event.MonitorName}}</b> ({{event.Event.Name}})</div>

                                <i class="ion-images"></i> {{event.Event.Frames}} &nbsp;
                                <i class="ion-ios-bell-outline"></i> {{event.Event.AlarmFrames}} &nbsp;
                                <i class="ion-arrow-graph-up-right"></i> {{event.Event.TotScore}}
                                <br/>
                            </div>

                            <!--<div class="col">
                                <img ng-src="{{event.image}}" style="float:right; height:40px;" />
                            </div> -->

                        </div>

                        <div class="row" style="font-size:80%; color:rgb(110,110,110)">
                            <div class="item-text-wrap"><i class="ion-calendar"></i>&nbsp;{{event.Event.StartTime}}
                                <br/>
                                <i class="ion-clipboard"></i>&nbsp; {{event.Event.Notes}}
                                <br/>
                            </div>
                        </div>

                    </ion-item>
                
            </div>
        </ion-list>

    </ion-content>
</ion-view>