www/templates/moment.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

<ion-view cache-view="false" >
    <ion-nav-title>{{'kMoment24Heading' | translate}} {{type}}</ion-nav-title>
    <ion-nav-buttons side="left">
        <button class="button button-icon button-clear ion-navicon" ng-click="openMenu()"></button>
        <button class="button button-icon button-clear ion-gear-b" ng-click="hideUnhide()"></button>

        <button data-badge="{{$root.alarmCount}}" class="animated infinite tada button button-icon button-clear ion-ios-bell notification-badge" ng-click="handleAlarms();" ng-if="$root.isAlarm"></button>
    </ion-nav-buttons>

    <ion-nav-buttons side="right">

            <a  class="button button-icon icon ion-chevron-down" ng-click="toggleSubMenu()" ;></a>

            <a  class="button button-icon icon ion-android-more-vertical " ng-click="popover.show($event)" ;>&nbsp;&nbsp;&nbsp;</a>


    </ion-nav-buttons>
    <ion-content class="padding" delegate-handle="moment-delegate" overflow-scroll="false" mouse-wheel-scroll style="background-color:#444444" >


        <div ng-if="isSubMenu">
            <br/>
                <div id="flyoutmenu" style="float:left">
                        <ul>
                            <li>
                                <a href="" ng-click="sizeChanged(1)"> <i class="ion-plus-circled"></i></a>
                            </li>
                            <li>
                                <a href="" ng-click="sizeChanged(-1)"> <i class="ion-minus-circled"></i></a>
                            </li>
                            <li>
                                    <a href="" ng-click="reLayout()"> <i class="ion-grid"></i></a>
                            </li>
                        </ul>
                </div>
            <div style="clear: both;"></div>
            <br/>
        </div>
        
        
        <div style="color:white" ng-if="!moments.length">
            Nothing to show yet...
        </div>

        <div class="grid" id="mygrid">
           
           
            <figure class="grid-item grid-item-{{gridSize}}" ng-repeat="moment in moments | onlyEnabledMoments">
                <figcaption class="normal-figheader">{{moment.Event.monitorName}}<span style="float:right"><button class="button button-small button-icon icon  {{moment.Event.icon}}" ng-click="toggleCollapse(moment.Event.MonitorId, moment.Event.Id, $index)"></button>{{moment.Event.collapseCount}}&nbsp;</span></figcaption>
                 <img   image-spinner-src="{{moment.Event.baseURL}}/index.php?view=image&fid={{moment.Event.MaxScoreFrameId}}&width={{moment.Event.thumbWidth*2}}&height={{moment.Event.thumbHeight*2}}" img-spinner-w="{{moment.Event.width}}"
                 img-spinner-h="{{moment.Event.height}}" image-spinner-loader="lines" 
            on-tap="showThumbnail(moment.Event.baseURL,moment.Event.MaxScoreFrameId)"/>
            <figcaption class="normal-figcaption">{{moment.Event.humanizeTime}}<span style="float:right">{{hourmin(moment.Event.StartTime)}}</span></figcaption>
            </figure>
            
        </div>

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