diff options
Diffstat (limited to 'www/templates')
| -rw-r--r-- | www/templates/image-modal.html | 2 | ||||
| -rw-r--r-- | www/templates/menu.html | 6 | ||||
| -rw-r--r-- | www/templates/moment-popover.html | 12 | ||||
| -rw-r--r-- | www/templates/moment.html | 35 |
4 files changed, 54 insertions, 1 deletions
diff --git a/www/templates/image-modal.html b/www/templates/image-modal.html index 7195bae7..d38ca5b9 100644 --- a/www/templates/image-modal.html +++ b/www/templates/image-modal.html @@ -1,7 +1,7 @@ <ion-modal-view cache-view="false" style="background-color:#444444"> <ion-content> <ion-scroll direction="xy" scrollbar-x="false" scrollbar-y="false" overflow-scroll="false" zooming="true"> - <img on-double-tap="closeModal();" src="{{thumbnailLarge}}" style="display:block; width:100%" /> + <img on-double-tap="closeModal();" ng-src="{{thumbnailLarge}}" style="display:block; width:100%" /> </ion-scroll> diff --git a/www/templates/menu.html b/www/templates/menu.html index 3caacfd2..16b8a138 100644 --- a/www/templates/menu.html +++ b/www/templates/menu.html @@ -32,6 +32,12 @@ </span>{{'kMenuEvents'|translate}} </ion-item> + <ion-item href="#/app/moment" menu-close> + <span class=" item-icon-left"> + <i class="icon ion-star"></i> + </span>{{'kMoment24Heading'|translate}} + </ion-item> + <ion-item href="#/app/montage-history" menu-close> <span class=" item-icon-left"> <i class="icon ion-ios-keypad-outline"></i> diff --git a/www/templates/moment-popover.html b/www/templates/moment-popover.html new file mode 100644 index 00000000..49dbea89 --- /dev/null +++ b/www/templates/moment-popover.html @@ -0,0 +1,12 @@ +<ion-popover-view class="fit"> + <ion-content> + <div class="list" ng-click="popover.hide()"> + + <a class="item" ng-href="" ng-click="popover.hide();getMoments('StartTime');"> + {{'kMomentMenuByTime' | translate}} + </a> + <a class="item" ng-href="" ng-click="popover.hide();getMoments('MaxScore');">{{'kMomentMenuByScore' | translate}}</a> + + </div> + </ion-content> +</ion-popover-view> diff --git a/www/templates/moment.html b/www/templates/moment.html new file mode 100644 index 00000000..40881ae2 --- /dev/null +++ b/www/templates/moment.html @@ -0,0 +1,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)" ;> </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}} </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> |