From 8c6f9dfb14d23970ef715f2f785db8ef90d8ccfe Mon Sep 17 00:00:00 2001
From: pliablepixels <pliablepixels@gmail.com>
Date: Sun, 6 Mar 2016 16:38:03 -0500
Subject: #179, made packery drag and drop mode evident, added ability to save
 and restore

Former-commit-id: f4335f3beab8f47d5b91af929e5053a03a2d1df2
---
 www/templates/montage.html | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

(limited to 'www/templates')

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();">&nbsp;
+        <button class="button button-icon button-clear ion-arrow-move" ng-click="dragToggle();">&nbsp;
         </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();">&nbsp;
+        </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> 
 
-- 
cgit v1.2.3