diff options
| author | pliablepixels <pliablepixels@gmail.com> | 2016-03-06 16:38:03 -0500 |
|---|---|---|
| committer | pliablepixels <pliablepixels@gmail.com> | 2016-03-06 16:38:03 -0500 |
| commit | 8c6f9dfb14d23970ef715f2f785db8ef90d8ccfe (patch) | |
| tree | d2ec3dfb8df273e31b1fe05a8abea1176536da8b /www/templates/montage.html | |
| parent | 856e977356f0a70839f323deef44671fb3f6f533 (diff) | |
#179, made packery drag and drop mode evident, added ability to save and restore
Former-commit-id: f4335f3beab8f47d5b91af929e5053a03a2d1df2
Diffstat (limited to 'www/templates/montage.html')
| -rw-r--r-- | www/templates/montage.html | 15 |
1 files changed, 9 insertions, 6 deletions
diff --git a/www/templates/montage.html b/www/templates/montage.html index 7a6319c7..efeebec0 100644 --- a/www/templates/montage.html +++ b/www/templates/montage.html @@ -8,14 +8,17 @@ <ion-nav-buttons side="right"> - <button ng-class="packMontage?'button button-icon button-clear ion-android-more-vertical':'button button-icon button-clear ion-android-more-horizontal'" ng-click="dragToggle();"> + <button class="button button-icon button-clear ion-arrow-move" ng-click="dragToggle();"> </button> - <span class="rotate-button"> + <!--<button ng-class="packMontage?'button button-icon button-clear ion-android-more-vertical':'button button-icon button-clear ion-android-more-horizontal'" ng-click="dragToggle();"> + </button>--> + + <!--<span class="rotate-button"> <button class="button button-icon button-clear ion-arrow-swap" ng-click="changeScale();"> </button> - </span> + </span>--> <!--<span class="rotate-button"> <button class="button button-icon button-clear ion-arrow-swap" @@ -46,15 +49,15 @@ <div class="grid" id="mygrid"> - <div class="grid-sizer {{gridScale}}"></div> + <div class="grid-sizer {{gridScale}} {{dragborder}}"></div> <span ng-repeat="monitor in MontageMonitors|limitTo: monLimit" ng-if="monitor.Monitor.Function!='None' && monitor.Monitor.listDisplay!='noshow' && monitor.Monitor.Enabled !='0'"> - <div class="grid-item {{gridScale}}" data-item-id="{{monitor.Monitor.Id}}"> + <div class="grid-item {{gridScale}} {{dragBorder}}" data-item-id="{{monitor.Monitor.Id}}" data-item-size="{{gridScale}}" > <figure> <div ng-if="!isModalActive" > <div ng-if="$root.authSession!='undefined' && !isBackground()"> <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="openModal(monitor.Monitor.Id, monitor.Monitor.Controllable, monitor.Monitor.ControlId, monitor.Monitor.connKey)" image-spinner-loader="lines" /> + <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="openModal(monitor.Monitor.Id, monitor.Monitor.Controllable, monitor.Monitor.ControlId, monitor.Monitor.connKey)" image-spinner-loader="lines" /> </div> |