Added pinch and zoom everywhere

1 files changed, 4 insertions, 1 deletions

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>