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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125

<ion-view cache-view="false">
  <ion-nav-title>
    <i class="{{typeIcon}}"></i> {{'kMoment24Heading' | translate}}</ion-nav-title>
  <ion-nav-buttons side="left">
    <button class="button button-icon button-clear ion-navicon" ng-click="openMenu()"></button>
    &nbsp;
    <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="showPopover($event)" ;>&nbsp;&nbsp;&nbsp;</a>


  </ion-nav-buttons>

  <div class="moment-date">
    {{displayTimeFrom}} - {{displayTimeTo}}</span>
  </div>


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

    <div ng-if="areImagesLoading" class="screen-note">&nbsp;{{ 'kArrangingImages' | translate }}...&nbsp;</div>

    <div ng-if="!areImagesLoading &&  !isMaxScoreFramePresent" class="screen-note">&nbsp;{{ 'kApiUpgrade' | translate }}&nbsp;</div>

    <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>
          <li>
            <a href="" ng-click="toggleExpandOrCollapse()">
              <i ng-class="expand ? 'ion-arrow-expand':'ion-arrow-shrink'"></i>
            </a>
          </li>
          <li>
            <a href="" ng-click="toggleIcons()">
              <i ng-class="showIcons? 'ion-eye':'ion-eye-disabled'"></i>
            </a>
          </li>
        </ul>
      </div>

      <div id="flyoutmenu" style="float:right">
        <ul>
          <li>
            <a href="" ng-click="changeFrom(-1)">
              &nbsp;
              <i class="ion-chevron-left"></i>&nbsp;
            </a>
          </li>
          <li>
            <a href="" ng-click="getMoments()">
              &nbsp;
              <i class="ion-location"></i>&nbsp;
            </a>
          </li>
          <li>
            <a href="" ng-click="changeFrom(1)">
              &nbsp;
              <i class="ion-chevron-right"></i>&nbsp;
            </a>
          </li>

        </ul>
      </div>

      <div style="clear: both;"></div>
      <br/>
    </div>


    <div style="color:white; text-align:center" ng-if="!moments.length">
      {{loadingStatus}}
    </div>

    <div class="grid" id="mygrid">


      <figure class="grid-item grid-item-{{gridSize}}" ng-repeat="moment in moments | onlyEnabledMoments">
        <figcaption ng-if="showIcons" class="normal-figheader">&nbsp;{{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="{{constructFrame(moment)}}" img-spinner-w="{{moment.Event.width}}" img-spinner-h="{{moment.Event.height}}"
          image-spinner-loader="lines" on-tap="playEvent(moment)" on-swipe-left="showThumbnail(moment.Event.baseURL,moment.Event.MaxScoreFrameId)"
        />

        <div ng-if="showIcons" class="normal-subfigcaption">
          <button ng-class="moment.Event.pinned?  'button button-small button-icon icon ion-ios-flag assertive': 'button button-small button-icon icon ion-pin'"
            ng-click="togglePin(moment.Event.Id)"></button>

        </div>
        <!--on-tap="showThumbnail(moment.Event.baseURL,moment.Event.MaxScoreFrameId)"-->
        <figcaption ng-if="showIcons" class="normal-figcaption">&nbsp;{{moment.Event.humanizeTime}}
          <span style="float:right">{{hourmin(moment.Event.StartTime)}}&nbsp;</span>
        </figcaption>
      </figure>

    </div>

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