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

<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 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-grid" ng-click="reLayout()" ;></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" scroll-sista delegate-handle="none" overflow-scroll="false" mouse-wheel-scroll style="background-color:#444444" >
        
        <div style="color:white" ng-if="!moments.length">
            Nothing to show yet...
        </div>

        <div class="grid" id="mygrid">
            <div class="grid-sizer grid-item-10"></div>
           
            <figure class="grid-item" 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)"></button>{{moment.Event.collapseCount}}&nbsp;</span></figcaption>
                 <img   image-spinner-src="{{moment.Event.baseURL}}/index.php?view=image&fid={{moment.Event.MaxScoreFrameId}}" 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>