From d27bb00333eec3050dd2273ca1c1fbc2004aaeb2 Mon Sep 17 00:00:00 2001
From: Arjun Roychowdhury <pliablepixels@gmail.com>
Date: Wed, 16 Sep 2015 20:39:41 -0400
Subject: Dedicated menu for monitor transition - removed swipes
 https://github.com/pliablepixels/zmNinja/issues/29

---
 www/templates/monitors-modal.html | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

(limited to 'www/templates')

diff --git a/www/templates/monitors-modal.html b/www/templates/monitors-modal.html
index 1fe642fb..3d650ee8 100644
--- a/www/templates/monitors-modal.html
+++ b/www/templates/monitors-modal.html
@@ -14,7 +14,8 @@
                            <div ng-if="$root.authSession!='undefined'">
                             <img imageonload="finishedLoadingImage()"
                                  image-spinner-loader="lines"
-                                 image-spinner-src="{{LoginData.streamingurl}}/cgi-bin/nph-zms?mode=single&monitor={{monitorId}}&maxfps={{LoginData.maxFPS}}{{$root.authSession}}&rand={{$root.modalRand}}" ng-class="{'zm-image-fit':imageFit==true, 'zm-image-crop':imageFit==false}" on-swipe-left="onSwipeLeft(monitorId,-1)" on-swipe-right="onSwipeRight(monitorId,1)" />
+                                 image-spinner-src="{{LoginData.streamingurl}}/cgi-bin/nph-zms?mode=single&monitor={{monitorId}}&maxfps={{LoginData.maxFPS}}{{$root.authSession}}&rand={{$root.modalRand}}" ng-class="{'zm-image-fit':imageFit==true, 'zm-image-crop':imageFit==false}"  />
+    <!-- on-swipe-left="onSwipeLeft(monitorId,-1)" on-swipe-right="onSwipeRight(monitorId,1)"-->
                         </div>
                         <div ng-if="$root.authSession=='undefined'">
                             <img id="img-$index" ng-src="img/pausevideo.png" style="display:block;" 
@@ -48,6 +49,14 @@
         </button>
     </nav>
 
+<nav mfb-menu position="tr" effect="zoomin" label="collapse" active-icon="ion-chevron-up" resting-icon="ion-chevron-down" toggling-method="click">
+        <button mfb-button icon="ion-android-arrow-back" label="previous monitor" ng-click="onSwipeLeft(monitorId,-1);">
+        </button>
+        <button mfb-button icon="ion-android-arrow-forward" label="next monitor" ng-click="onSwipeRight(monitorId,1);">
+        </button>
+        
+    </nav>
+
     <span class="camera-icon">
         <a class="button icon ion-ios-camera button-positive" href="" ng-click="saveImageToPhone(monitorId)"></a>
 
-- 
cgit v1.2.3