diff options
Diffstat (limited to 'www/templates/moment.html')
| -rw-r--r-- | www/templates/moment.html | 62 |
1 files changed, 53 insertions, 9 deletions
diff --git a/www/templates/moment.html b/www/templates/moment.html index 40881ae2..12cc2c95 100644 --- a/www/templates/moment.html +++ b/www/templates/moment.html @@ -2,28 +2,72 @@ <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-grid" ng-click="reLayout()" ;></a> + <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)" ;> </a> + - <a class="button button-icon icon ion-android-more-vertical" ng-click="popover.show($event)" ;> </a> </ion-nav-buttons> - <ion-content class="padding" scroll-sista delegate-handle="none" overflow-scroll="false" mouse-wheel-scroll style="background-color:#444444" > + + <div class="events-float-filter" > + {{displayTimeFrom}} - {{displayTimeTo}}</span> + </div> + + + <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 id="flyoutmenu" style="float:right"> + <ul> + <li> + <a href="" ng-click="changeFrom(-1)"> <i class="ion-chevron-left"></i></a> + </li> + <li> + <a href="" ng-click="changeFrom(1)"> <i class="ion-chevron-right"></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 style="color:white; text-align:center" ng-if="!moments.length"> + {{loadingStatus}} </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}} </span></figcaption> - <img image-spinner-src="{{moment.Event.baseURL}}/index.php?view=image&fid={{moment.Event.MaxScoreFrameId}}" img-spinner-w="{{moment.Event.width}}" + + <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}} </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> |