diff options
| -rw-r--r-- | www/templates/montage.html | 75 |
1 files changed, 32 insertions, 43 deletions
diff --git a/www/templates/montage.html b/www/templates/montage.html index 230bca4f..72650089 100644 --- a/www/templates/montage.html +++ b/www/templates/montage.html @@ -17,10 +17,6 @@ <button class="button button-icon button-clear ion-loop" ng-click="resetSizes();"> </button> - - - - <button class="button button-icon button-clear ion-android-contract" ng-click="switchMinimal()"> </button> @@ -28,65 +24,58 @@ <ion-content ng-cloak has-bouncing="false" style="background-color:#444444" delegate-handle="montage-delegate" > - <!--<ion-refresher pulling-text="Pull to reload Monitors..." spinner="bubbles" on-refresh="doRefresh()"> - </ion-refresher>--> - <span ng-show="!minimal"> + <!-- this is header --> <span ng-click="sliderChanged(1)" style="float:right;margin-top:0px;padding-top:8px;background-color:#6d0909;color:#fff;font-size:25px;opacity:1;width:40px;height:36px;border-radius: 0px 0px 0px 5px;"> <i class="ion-plus-circled"> </i></span> <span ng-click="sliderChanged(-1)" style="float:left;margin-top:0px;padding-top:8px;background-color:#6d0909;color:#fff;font-size:22px;opacity:1;width:40px;height:36px;border-radius: 0px 0px 5px 0px;"> <i class="ion-minus-circled"> </i></span> <br/><br/> - - </span> - + <!-- now lets draw the montage windows --> <div class="grid" id="mygrid"> <div class="grid-sizer grid-item-10"></div> <span ng-repeat="monitor in MontageMonitors|limitTo: monLimit" ng-if="monitor.Monitor.Function!='None' && monitor.Monitor.Enabled !='0' "> - <div class="grid-item grid-item-{{monitor.Monitor.gridScale}} " data-item-id="{{monitor.Monitor.Id}}" data-item-size="{{monitor.Monitor.gridScale}}" data-item-listdisplay="{{monitor.Monitor.listDisplay}}" > - <figure class="{{dragBorder}}" ng-show=" monitor.Monitor.listDisplay!='noshow'"> - <div ng-if="!isModalActive" > - <div ng-if="$root.authSession!='undefined' && !isBackground() && !areImagesLoading"> - <div ng-if = "!minimal"> - <div> - <img class="{{monitor.Monitor.selectStyle}}" id="img-{{$index}}" image-spinner-src="{{LoginData.streamingurl}}/nph-zms?mode=single&monitor={{monitor.Monitor.Id}}&scale={{LoginData.montageQuality}}{{$root.authSession}}&rand={{$root.rand}}" ng-click="!isDragabillyOn?openModal(monitor.Monitor.Id, monitor.Monitor.Controllable, monitor.Monitor.ControlId, monitor.Monitor.connKey):toggleSelectItem($index);" image-spinner-loader="lines" on-swipe-up="swipeUp()" on-swipe-down="swipeDown()" /> - - <!--<div style="position:absolute;top:40%; left:50%;opacity:0.5;"><button ng-class="monitor.Monitor.listDisplay=='show'?'button button-positive button-small icon ion-ios-eye':'button button-assertive button-small icon ion-eye-disabled'" ng-click="toggleHide(monitor)" ng-if="isDragabillyOn"></button></div> - </div>--> - - - </div> - - <div ng-if = "minimal"> - <img id="{{img-$index}}" image-spinner-src="{{LoginData.streamingurl}}/nph-zms?mode=single&monitor={{monitor.Monitor.Id}}&scale={{LoginData.montageQuality}}{{$root.authSession}}&rand={{$root.rand}}" ng-click="!isDragabillyOn?openModal(monitor.Monitor.Id, monitor.Monitor.Controllable, monitor.Monitor.ControlId, monitor.Monitor.connKey):toggleSelectItem($index);" image-spinner-loader="lines" swipe-up="swipeUp()" on-swipe-down="swipeDown()" /> + <div class="grid-item grid-item-{{monitor.Monitor.gridScale}} " data-item-id="{{monitor.Monitor.Id}}" data-item-size="{{monitor.Monitor.gridScale}}" data-item-listdisplay="{{monitor.Monitor.listDisplay}}" > + <figure class="{{dragBorder}}" ng-show=" monitor.Monitor.listDisplay!='noshow'"> + <div ng-if="!isModalActive" > + <div ng-if="$root.authSession!='undefined' && !isBackground() && !areImagesLoading"> + <div ng-if = "!minimal"> + + <img class="{{monitor.Monitor.selectStyle}}" id="img-{{$index}}" image-spinner-src="{{LoginData.streamingurl}}/nph-zms?mode=single&monitor={{monitor.Monitor.Id}}&scale={{LoginData.montageQuality}}{{$root.authSession}}&rand={{$root.rand}}" ng-click="!isDragabillyOn?openModal(monitor.Monitor.Id, monitor.Monitor.Controllable, monitor.Monitor.ControlId, monitor.Monitor.connKey):toggleSelectItem($index);" image-spinner-loader="lines" on-swipe-up="swipeUp()" on-swipe-down="swipeDown()" /> + + </div> + + <div ng-if = "minimal"> + <img id="{{img-$index}}" image-spinner-src="{{LoginData.streamingurl}}/nph-zms?mode=single&monitor={{monitor.Monitor.Id}}&scale={{LoginData.montageQuality}}{{$root.authSession}}&rand={{$root.rand}}" ng-click="!isDragabillyOn?openModal(monitor.Monitor.Id, monitor.Monitor.Controllable, monitor.Monitor.ControlId, monitor.Monitor.connKey):toggleSelectItem($index);" image-spinner-loader="lines" swipe-up="swipeUp()" on-swipe-down="swipeDown()" /> + </div> </div> - </div> - <div ng-if="!$root.authSession=='undefined' || isBackground() || areImagesLoading"> - <img image-spinner-src="img/pausevideo.png" /> - </div> + <div ng-if="!$root.authSession=='undefined' || isBackground() || areImagesLoading"> + <img image-spinner-src="img/pausevideo.png" /> + </div> - - - <figcaption id="slowpulse" ng-class="monitor.Monitor.isAlarmed=='true'?'alarmed-figcaption animated infinite flash':'normal-figcaption'" > - <i class="ion-monitor"></i> - {{monitor.Monitor.Name}} - </figcaption> + <figcaption id="slowpulse" ng-class="monitor.Monitor.isAlarmed=='true'?'alarmed-figcaption animated infinite flash':'normal-figcaption'" > + + <i class="ion-monitor"></i> + {{monitor.Monitor.Name}} + + </figcaption> + - - </div> <!-- modal not active--> - <div ng-if="isModalActive"> - <img image-spinner-src="img/pausevideo.png" /> - </div> - </figure> - </div> + </div> <!-- modal not active--> + <div ng-if="isModalActive"> + <img image-spinner-src="img/pausevideo.png" /> + </div> + + </figure> + </div> </span> <!-- ngrepeat --> </div> |