From 31ca68739126f5740681238539a8c6a1b66e0000 Mon Sep 17 00:00:00 2001
From: Pliable Pixels <pliablepixels@gmail.com>
Date: Fri, 18 Nov 2016 09:28:08 -0500
Subject: mass formatting and normalization - tweaked JSBeautify options

---
 www/templates/montage.html | 69 +++++++++-------------------------------------
 1 file changed, 13 insertions(+), 56 deletions(-)

(limited to 'www/templates/montage.html')

diff --git a/www/templates/montage.html b/www/templates/montage.html
index 9d075faf..ceab34ae 100644
--- a/www/templates/montage.html
+++ b/www/templates/montage.html
@@ -1,69 +1,42 @@
 <ion-view view-title="{{'kMontage' | translate}}" cache-view="false" hide-nav-bar="{{minimal}}">
-    
     <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-eye" ng-click="hideUnhide();">&nbsp;
+        <button class="button button-icon button-clear ion-eye" ng-click="hideUnhide();">&nbsp;
         </button>
-        
-        
         <button class="button button-icon button-clear ion-arrow-resize" ng-click="toggleSizeButtons();">&nbsp;
         </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">
         <span ng-click="toggleTimeType()" class="icon montage-time">
         <i ng-class="(iconTimeNow=='server')?'icon-server':'ion-ios-location'"></i>
          {{timeNow}}&nbsp;</span>
-        
         <button class="button button-icon button-clear ion-arrow-move" ng-click="dragToggle();">&nbsp;
         </button>
-        
         <!--
         <button class="button button-icon button-clear ion-monitor" ng-click="cast();">&nbsp;
         </button>
         -->
-        
         <button class="button button-icon button-clear ion-loop" ng-click="resetSizes();">&nbsp;
         </button>
-        
         <button class="button button-icon button-clear ion-android-contract" ng-click="switchMinimal()">
         </button>
-        
-       
-
     </ion-nav-buttons>
-
-    <ion-content scroll-sista ng-cloak has-bouncing="false" style="background-color:#444444" delegate-handle="montage-delegate" overflow-scroll="false" >
-    
-        
-        
-        <span  ng-if="!minimal && showSizeButtons">
+    <ion-content scroll-sista ng-cloak has-bouncing="false" style="background-color:#444444" delegate-handle="montage-delegate" overflow-scroll="false">
+        <span ng-if="!minimal && showSizeButtons">
             <!-- this is header -->
             
             <span ng-click="sliderChanged(1)" style="float:right;margin-top:0px;padding-top:8px;background-color:#5c6767;color:#fff;font-size:25px;opacity:1;width:40px;height:36px;border-radius: 0px 0px 0px 5px;">&nbsp;<i class="ion-plus-circled">&nbsp;</i></span>
-            
-            <span ng-click="sliderChanged(-1)" style="float:left;margin-top:0px;padding-top:8px;background-color:#5c6767;color:#fff;font-size:22px;opacity:1;width:40px;height:36px;border-radius: 0px 0px 5px 0px;">&nbsp;<i class="ion-minus-circled">&nbsp;</i></span>
-            <br/><br/>
+        <span ng-click="sliderChanged(-1)" style="float:left;margin-top:0px;padding-top:8px;background-color:#5c6767;color:#fff;font-size:22px;opacity:1;width:40px;height:36px;border-radius: 0px 0px 5px 0px;">&nbsp;<i class="ion-minus-circled">&nbsp;</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" 
+            <!-- <span ng-repeat="monitor in MontageMonitors|limitTo: monLimit" 
                   ng-if="monitor.Monitor.Function!='None' &&  monitor.Monitor.Enabled !='0' ">-->
-            
-            <span ng-repeat="monitor in MontageMonitors | onlyEnabled |limitTo: monLimit" >
+            <span ng-repeat="monitor in MontageMonitors | onlyEnabled |limitTo: monLimit">
             
                 
                 
@@ -117,30 +90,18 @@
                     </figure>
                 
                 </div>
-            </span>       <!-- ngrepeat -->
+            </span>
+            <!-- ngrepeat -->
         </div>
-
- 
-
-
-
-
         <ion-item style="background-color:#444444; color:#fff;border:none;" ng-show="!MontageMonitors.length">
             {{'kNoMonitors' | translate}}
         </ion-item>
-
-
-
     </ion-content>
-    
     <div class="bwmode" ng-if="$root.runMode=='lowbw'">
-            {{ 'kLowBWDisplay' | translate }}
-     </div>
-    
-
+        {{ 'kLowBWDisplay' | translate }}
+    </div>
     <div ng-show="minimal">
         <nav mfb-menu position="br" effect="zoomin" label="{{'kCollapse' | translate}}" active-icon="ion-chevron-down" resting-icon="ion-chevron-up" toggling-method="click">
-
             <button mfb-button icon="ion-arrow-expand" label="{{'kIncreaseSize' | translate}}" ng-click="sliderChanged(1)">
             </button>
             <button mfb-button icon="ion-arrow-shrink" label="{{'kDecreaseSize' | translate}}" ng-click="sliderChanged(-1)">
@@ -150,14 +111,10 @@
             <button mfb-button icon="ion-close" label="{{'kExitFullScreen'| translate}}" ng-click="switchMinimal()">
             </button>
         </nav>
-        
-        
         <span class="modal-alarm-badge">
             <a data-badge="{{$root.alarmCount}}" class="animated infinite tada button icon  ion-ios-bell notification-badge button-assertive" 
                     ng-click="handleAlarmsWhileMinimized();" ng-if="$root.isAlarm"></a>
         </span>
-
     </div>
     <br/>
-
-</ion-view>
\ No newline at end of file
+</ion-view>
-- 
cgit v1.2.3


From e82f80b46ada10cd83f2e0faf28a2281a27ec533 Mon Sep 17 00:00:00 2001
From: Pliable Pixels <pliablepixels@gmail.com>
Date: Tue, 6 Dec 2016 10:24:53 -0500
Subject: multiple montage profile support added #390

---
 www/templates/montage.html | 45 ++++++++++++++++++++++++++++++++++++++++-----
 1 file changed, 40 insertions(+), 5 deletions(-)

(limited to 'www/templates/montage.html')

diff --git a/www/templates/montage.html b/www/templates/montage.html
index ceab34ae..3bb62104 100644
--- a/www/templates/montage.html
+++ b/www/templates/montage.html
@@ -3,7 +3,7 @@
         <button class="button button-icon button-clear ion-navicon" ng-click="openMenu()"></button>
         <button class="button button-icon button-clear ion-eye" ng-click="hideUnhide();">&nbsp;
         </button>
-        <button class="button button-icon button-clear ion-arrow-resize" ng-click="toggleSizeButtons();">&nbsp;
+        <button class="button button-icon button-clear ion-android-more-vertical" ng-click="toggleSizeButtons();">&nbsp;
         </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>
@@ -23,14 +23,49 @@
         </button>
     </ion-nav-buttons>
     <ion-content scroll-sista ng-cloak has-bouncing="false" style="background-color:#444444" delegate-handle="montage-delegate" overflow-scroll="false">
-        <span ng-if="!minimal && showSizeButtons">
+        <div ng-if="!minimal && showSizeButtons" >
             <!-- this is header -->
+            <br/>
+            <div id="flyoutmenu" style="float:left">
+                <ul>
+                    <li>
+                        <a href="" ng-click="sliderChanged(1)"> <i class="ion-plus-circled"></i></a>
+                    </li>
+                    <li>
+                        <a href="" ng-click="sliderChanged(-1)"> <i class="ion-minus-circled"></i></a>
+                    </li>
+                </ul>
+            </div>
+
+            <div id="flyoutmenu" style="float:right">
+                <ul>
+                    <li>
+                        <a href="" ng-click="switchMontageProfile()"> <i class="ion-navicon-round"></i></a>
+                    </li>
+
+                    <li>
+                        <a href="" ng-click="saveMontageProfile()"> <i class="ion-heart"></i></a>
+                    </li>
+
+                    <li>
+                        <a href="" ng-click="deleteMontageProfile()"> <i class="ion-trash-a"></i></a>
+                    </li>
+                    
+
+                </ul>
+            </div>
+            <div style="clear: both;"></div>
+
+           <!-- <span ng-click="sliderChanged(1)" style="float:right;margin-top:0px;padding-top:8px;background-color:#5c6767;color:#fff;font-size:25px;opacity:1;width:40px;height:36px;border-radius: 0px 0px 0px 5px;">&nbsp;<i class="ion-plus-circled">&nbsp;</i></span>
+
             
-            <span ng-click="sliderChanged(1)" style="float:right;margin-top:0px;padding-top:8px;background-color:#5c6767;color:#fff;font-size:25px;opacity:1;width:40px;height:36px;border-radius: 0px 0px 0px 5px;">&nbsp;<i class="ion-plus-circled">&nbsp;</i></span>
         <span ng-click="sliderChanged(-1)" style="float:left;margin-top:0px;padding-top:8px;background-color:#5c6767;color:#fff;font-size:22px;opacity:1;width:40px;height:36px;border-radius: 0px 0px 5px 0px;">&nbsp;<i class="ion-minus-circled">&nbsp;</i></span>
+
+        <span ng-click="" style="left:50%;margin-top:0px;padding-top:8px;background-color:#5c6767;color:#fff;font-size:11px;opacity:1;width:40px;height:36px;border-radius: 0px 0px 0px 5px;">&nbsp;<i class="ion-plus-circled">&nbsp;hello</i></span>
+    -->
+        
         <br/>
-        <br/>
-        </span>
+        </div>
         <!-- now lets draw the montage windows -->
         <div class="grid" id="mygrid">
             <div class="grid-sizer grid-item-10"></div>
-- 
cgit v1.2.3


From 5d5c56fb66825f0b2ab8f57fd890118e453435fa Mon Sep 17 00:00:00 2001
From: Pliable Pixels <pliablepixels@gmail.com>
Date: Tue, 6 Dec 2016 12:10:29 -0500
Subject: made menu toggle persistent #390

---
 www/templates/montage.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'www/templates/montage.html')

diff --git a/www/templates/montage.html b/www/templates/montage.html
index 3bb62104..680ebe5b 100644
--- a/www/templates/montage.html
+++ b/www/templates/montage.html
@@ -3,7 +3,7 @@
         <button class="button button-icon button-clear ion-navicon" ng-click="openMenu()"></button>
         <button class="button button-icon button-clear ion-eye" ng-click="hideUnhide();">&nbsp;
         </button>
-        <button class="button button-icon button-clear ion-android-more-vertical" ng-click="toggleSizeButtons();">&nbsp;
+        <button class="button button-icon button-clear ion-android-more-vertical" ng-click="toggleSubMenuFunction();">&nbsp;
         </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>
@@ -23,7 +23,7 @@
         </button>
     </ion-nav-buttons>
     <ion-content scroll-sista ng-cloak has-bouncing="false" style="background-color:#444444" delegate-handle="montage-delegate" overflow-scroll="false">
-        <div ng-if="!minimal && showSizeButtons" >
+        <div ng-if="!minimal && toggleSubMenu" >
             <!-- this is header -->
             <br/>
             <div id="flyoutmenu" style="float:left">
-- 
cgit v1.2.3


From c38549b7348e6808bcb93d6d7a23ecd91ffa7a2e Mon Sep 17 00:00:00 2001
From: Pliable Pixels <pliablepixels@gmail.com>
Date: Fri, 9 Dec 2016 14:03:39 -0500
Subject: fixed montage drag selection bug - indexing was incorrect

---
 www/templates/montage.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'www/templates/montage.html')

diff --git a/www/templates/montage.html b/www/templates/montage.html
index 680ebe5b..6e561097 100644
--- a/www/templates/montage.html
+++ b/www/templates/montage.html
@@ -88,12 +88,12 @@
                                     
                                  
                                     
-                                    <img    class="{{monitor.Monitor.selectStyle}}" id="img-{{$index}}" image-spinner-src="{{monitor.Monitor.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,monitor):toggleSelectItem($index);" image-spinner-loader="lines"  />
+                                    <img    class="{{monitor.Monitor.selectStyle}}" id="img-{{$index}}" image-spinner-src="{{monitor.Monitor.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,monitor):toggleSelectItem(monitor.Monitor.Id);" image-spinner-loader="lines"  />
 
                                     </div> 
 
                                     <div ng-if = "minimal">
-                                        <img  id="img-{{$index}}" image-spinner-src="{{monitor.Monitor.streamingURL}}/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,monitor):toggleSelectItem($index);" image-spinner-loader="lines"    />
+                                        <img  id="img-{{$index}}" image-spinner-src="{{monitor.Monitor.streamingURL}}/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,monitor):toggleSelectItem(monitor.Monitor.Id);" image-spinner-loader="lines"    />
                                     </div>
                             </div>
 
-- 
cgit v1.2.3


From 181f412de32163481a9a88b9d1acf8a6d56b3e4e Mon Sep 17 00:00:00 2001
From: Pliable Pixels <pliablepixels@gmail.com>
Date: Fri, 9 Dec 2016 19:29:40 -0500
Subject: initial support for deleting and pinning in montage edit mode #409

---
 www/templates/montage.html | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

(limited to 'www/templates/montage.html')

diff --git a/www/templates/montage.html b/www/templates/montage.html
index 6e561097..f1ca93e2 100644
--- a/www/templates/montage.html
+++ b/www/templates/montage.html
@@ -34,6 +34,14 @@
                     <li>
                         <a href="" ng-click="sliderChanged(-1)"> <i class="ion-minus-circled"></i></a>
                     </li>
+                    <span ng-if="isDragabillyOn">
+                        <li>
+                            <a href="" ng-click="hideMonitor(monitor.Monitor.Id)"> <i class="ion-close-circled"></i></a>
+                        </li>
+                        <li>
+                            <a href="" ng-click="toggleStamp()"> <i class="ion-pin"></i></a>
+                        </li>
+                    </span>
                 </ul>
             </div>
 
@@ -89,6 +97,8 @@
                                  
                                     
                                     <img    class="{{monitor.Monitor.selectStyle}}" id="img-{{$index}}" image-spinner-src="{{monitor.Monitor.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,monitor):toggleSelectItem(monitor.Monitor.Id);" image-spinner-loader="lines"  />
+                                       
+                                   
 
                                     </div> 
 
@@ -107,9 +117,9 @@
 
 
 
-                            <figcaption id="slowpulse" ng-class="monitor.Monitor.isAlarmed==true?'alarmed-figcaption animated infinite flash':'normal-figcaption'" >
+                            <figcaption id="slowpulse" ng-class="monitor.Monitor.isAlarmed==true?'alarmed-figcaption animated infinite flash':'normal-figcaption'" >&nbsp;
 
-                                    &nbsp;<i class="ion-ios-videocam"></i>
+                                    <span ng-if="monitor.Monitor.isStamp && isDragabillyOn"><i  class="animated infinite flash ion-pin"></i>&nbsp;</span><i class="ion-ios-videocam"></i>&nbsp;
                                    {{monitor.Monitor.Name}}&nbsp;<i ng-if="$root.runMode!='lowbw'" style="{{monitor.Monitor.alarmState}}" class="ion-record"></i>&nbsp;
 
                             </figcaption>
-- 
cgit v1.2.3


From 222673f7069cd90bef56e9205b9905301c1ac95b Mon Sep 17 00:00:00 2001
From: Pliable Pixels <pliablepixels@gmail.com>
Date: Sat, 10 Dec 2016 08:34:24 -0500
Subject: pin and delete button dynamics fixed #409

---
 www/templates/montage.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

(limited to 'www/templates/montage.html')

diff --git a/www/templates/montage.html b/www/templates/montage.html
index f1ca93e2..e8ff5337 100644
--- a/www/templates/montage.html
+++ b/www/templates/montage.html
@@ -34,14 +34,14 @@
                     <li>
                         <a href="" ng-click="sliderChanged(-1)"> <i class="ion-minus-circled"></i></a>
                     </li>
-                    <span ng-if="isDragabillyOn">
-                        <li>
+                    
+                        <li ng-if="isDragabillyOn">
                             <a href="" ng-click="hideMonitor(monitor.Monitor.Id)"> <i class="ion-close-circled"></i></a>
                         </li>
-                        <li>
+                        <li ng-if="isDragabillyOn"> 
                             <a href="" ng-click="toggleStamp()"> <i class="ion-pin"></i></a>
                         </li>
-                    </span>
+                  
                 </ul>
             </div>
 
-- 
cgit v1.2.3