From f7e3f52b02d2a989683eb11f4786e9cd7410fae2 Mon Sep 17 00:00:00 2001
From: pliablepixels <pliablepixels@gmail.com>
Date: Wed, 17 Feb 2016 04:50:57 -0500
Subject: [PATCH] #163 - reverse the range (like it was before) - slide left
 makes it smaller, slide right makes it larger - more natural

---
 www/templates/montage-history.html |  8 ++++----
 www/templates/montage.html         | 10 +++++-----
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/www/templates/montage-history.html b/www/templates/montage-history.html
index b490770b8..39592e198 100644
--- a/www/templates/montage-history.html
+++ b/www/templates/montage-history.html
@@ -37,19 +37,19 @@
 
 
         <div class="range range-positive">
-            <i style="color:#bbbbbb" class="icon ion-image"></i>
-            <input type="range" ng-model="slider.monsize" min="1" max="10" ng-change="sliderChanged(slider.monsize)">
             <i style="color:#bbbbbb" class="icon ion-grid"></i>
+            <input type="range" ng-model="slider.monsize" min="1" max="9" ng-change="sliderChanged(slider.monsize)">
+            <i style="color:#bbbbbb" class="icon ion-image"></i>
 
         </div>
 
-        <div ng-style="packMontage ? { '-webkit-column-count':slider.monsize,'-webkit-column-gap':'0px','line-height':'0px','-webkit-column-fill': 'balance', 'column-fill': 'balance' } : {'-webkit-column-count':slider.monsize,'-webkit-column-gap':'0px','line-height':'0px','display':'-webkit-flex','-webkit-flex-direction':'row','flex-direction':'row', 'flex-wrap':'wrap' }">
+        <div ng-style="packMontage ? { '-webkit-column-count':10-slider.monsize,'-webkit-column-gap':'0px','line-height':'0px','-webkit-column-fill': 'balance', 'column-fill': 'balance' } : {'-webkit-column-count':10-slider.monsize,'-webkit-column-gap':'0px','line-height':'0px','display':'-webkit-flex','-webkit-flex-direction':'row','flex-direction':'row', 'flex-wrap':'wrap' }">
 
             <!-- <span ng-repeat="monitor in MontageMonitors|limitTo: monLimit" ng- -->
             <span ng-repeat="monitor in MontageMonitors|limitTo: monLimit" ng-if="monitor.Monitor.Function!='None' && monitor.Monitor.listDisplay!='noshow' && monitor.Monitor.Enabled !='0'"> 
                 
                 
-                <div style="position: relative;width:{{devWidth/slider.monsize}}px;">
+                <div style="position: relative;width:{{devWidth/(10-slider.monsize)}}px;">
                      
                     <div ng-if="$root.authSession!='undefined'">
                         <div ng-if = "monitor.Monitor.eventUrl == 'img/noevent.png' && !sliderVal.hideNoEvents">
diff --git a/www/templates/montage.html b/www/templates/montage.html
index 1737e0d77..d97636328 100644
--- a/www/templates/montage.html
+++ b/www/templates/montage.html
@@ -34,17 +34,17 @@
         
         <span ng-show="!minimal">
                 <div class="range range-positive">
-                    <i style="color:#bbbbbb" class="icon ion-image"></i>
-                    <input type="range" ng-model="slider.monsize" min="1"
-                           max="10" ng-change="sliderChanged(slider.monsize)">
                     <i style="color:#bbbbbb" class="icon ion-grid"></i>
+                    <input type="range" ng-model="slider.monsize" min="1"
+                           max="9" ng-change="sliderChanged(slider.monsize)">
+                    <i style="color:#bbbbbb" class="icon ion-image"></i>
 
                 </div>
         </span>
 
 
 
-        <div ng-style="packMontage ? { '-webkit-column-count':slider.monsize,'-webkit-column-gap':'0px','line-height':'0px','-webkit-column-fill': 'balance', 'column-fill': 'balance'} : {'-webkit-column-count':slider.monsize,'-webkit-column-gap':'0px','line-height':'0px','display':'-webkit-flex','-webkit-flex-direction':'row','flex-direction':'row', 'flex-wrap':'wrap' }">
+        <div ng-style="packMontage ? { '-webkit-column-count':10-slider.monsize,'-webkit-column-gap':'0px','line-height':'0px','-webkit-column-fill': 'balance', 'column-fill': 'balance'} : {'-webkit-column-count':10-slider.monsize,'-webkit-column-gap':'0px','line-height':'0px','display':'-webkit-flex','-webkit-flex-direction':'row','flex-direction':'row', 'flex-wrap':'wrap' }">
 
             <!--<div ng-style="packMontage ? { '-webkit-column-count':slider.monsize, '-webkit-column-gap':'0px','line-height':'0px' } : { 'flex':'display', '-webkit-column-count':slider.monsize }">-->
 
@@ -57,7 +57,7 @@
                 
                 <!--src=" /zm/cgi-bin/nph-zms?source=event&mode=jpeg&event=7664&frame=1&scale=100&rate=100&maxfps=5&replay=gapless&auth=6b8c60f81fa2edff94f80f12bdebd98d&connkey=286643&rand=1453671607"-->
                 
-                <div style="position: relative;width:{{devWidth/slider.monsize}}px;">
+                <div style="position: relative;width:{{devWidth/(10-slider.monsize)}}px;">
                     <div ng-if="!isModalActive">
                         <div ng-if="$root.authSession!='undefined' && !isBackground()">
                             <div ng-if = "!minimal">