From 16cbcb6b764ae984ee1f5c2ec30588f4c21225d2 Mon Sep 17 00:00:00 2001
From: ARC <arjunrc@gmail.com>
Date: Tue, 28 Apr 2015 15:35:38 -0400
Subject: Added pinch and zoom everywhere

---
 www/templates/events-modal.html   | 5 +++++
 www/templates/monitors-modal.html | 5 ++++-
 www/templates/montage.html        | 4 ++++
 3 files changed, 13 insertions(+), 1 deletion(-)

(limited to 'www/templates')

diff --git a/www/templates/events-modal.html b/www/templates/events-modal.html
index f6367310..d275f0a7 100644
--- a/www/templates/events-modal.html
+++ b/www/templates/events-modal.html
@@ -14,11 +14,16 @@
 
         <!-- replay can also be gapless -->
         <div ng-if="!isSimulated()">
+            <ion-scroll has-bouncing=false min-zoom=1 zooming="true" direction="xy" style="width: 100%; ">
             <img ng-src="{{loginData.url}}/cgi-bin/nph-zms?source=event&mode=jpeg&event={{eventId}}&frame=1&scale=100&rate=100&maxfps=5&replay=single&user={{loginData.username}}&pass={{loginData.password}}&connkey={{connKey}}" width="100%" />
+            </ion-scroll>
         </div>
 
         <div ng-if="isSimulated()">
+            <ion-scroll has-bouncing=false min-zoom=1 zooming="true" direction="xy" style="width: 100%; ">
             <img ng-src="img/demo.gif" width="100%">
+            </ion-scroll>
+
         </div>
 
     </ion-content>
diff --git a/www/templates/monitors-modal.html b/www/templates/monitors-modal.html
index 0ab63679..ea5f8a1d 100644
--- a/www/templates/monitors-modal.html
+++ b/www/templates/monitors-modal.html
@@ -13,14 +13,17 @@
     <ion-content>
 
         <!-- replay can also be gapless -->
-        {{LoginData.url}}/cgi-bin/nph-zms?mode=jpeg&amp;monitor={{monitorId}}&amp;scale=100&amp;maxfps=3&amp;buffer=1000&amp;user={{LoginData.username}}&amp;pass={{LoginData.password}}&amp;rand={{rand}}
 
         <div ng-if="!isSimulated()">
+            <ion-scroll has-bouncing=false min-zoom=1 zooming="true" direction="xy" style="width: 100%; ">
             <img ng-src="{{LoginData.url}}/cgi-bin/nph-zms?mode=jpeg&amp;monitor={{monitorId}}&scale=100&maxfps=3&buffer=1000&user={{LoginData.username}}&pass={{LoginData.password}}&rand={{rand}}" width="100%" />
+            </ion-scroll>
         </div>
 
         <div ng-if="isSimulated()">
+            <ion-scroll has-bouncing=false min-zoom=1 zooming="true" direction="xy" style="width: 100%; ">
             <img ng-src="img/demo.gif" width="100%">
+            </ion-scroll>
         </div>
 
     </ion-content>
diff --git a/www/templates/montage.html b/www/templates/montage.html
index 434677c6..d6414837 100644
--- a/www/templates/montage.html
+++ b/www/templates/montage.html
@@ -26,12 +26,16 @@
                  FIXME: I should probably not pass username and password here - instead go the http interceptor
                  and auth token mode -->
                 <div ng-if="!isSimulated()">
+                    <ion-scroll has-bouncing=false min-zoom=1 zooming="true" direction="xy" style="width: 100%; ">
                 <img  ng-src="{{LoginData.url}}/cgi-bin/nph-zms?mode=jpeg&amp;monitor={{monitor.Monitor.Id}}&scale=100&maxfps=3&buffer=1000&user={{LoginData.username}}&pass={{LoginData.password}}&rand={{rand}}" width="{{((devWidth-30)/(7-slider.monsize))}}px;"   />
+                    </ion-scroll>
 
                    </div>
 
                    <div ng-if="isSimulated()">
+                       <ion-scroll has-bouncing=false min-zoom=1 zooming="true" direction="xy" style="width: 100%; ">
                        <img  ng-src="img/demo.gif?rand={{rand}}" width="{{((devWidth-30)/(7-slider.monsize))}}px;">
+                       </ion-scroll>
                    </div>
 
                    <!-- <img  ng-src="img/demo.gif?rand={{rand}}" width="{{((devWidth-30)/(7-slider.monsize))}}px;"   />-->
-- 
cgit v1.2.3