From c4fa763b5b365012756cc86024982232984904c7 Mon Sep 17 00:00:00 2001
From: PliablePixels <pliablepixels@gmail.com>
Date: Sun, 24 May 2015 16:16:28 -0400
Subject: added PTZ support (well, P for now, but framework with a cool menu is
 in place)

---
 www/templates/monitors-modal.html | 26 +++++++++++++++++++++++---
 1 file changed, 23 insertions(+), 3 deletions(-)

(limited to 'www/templates/monitors-modal.html')

diff --git a/www/templates/monitors-modal.html b/www/templates/monitors-modal.html
index 8c4da851..f21beae4 100644
--- a/www/templates/monitors-modal.html
+++ b/www/templates/monitors-modal.html
@@ -17,7 +17,9 @@
         <div ng-if="!isSimulated()">
             <ion-scroll has-bouncing=false min-zoom=1 zooming="true" direction="xy" style="width: 100%; ">
 
-                <img  imageonload="finishedLoadingImage()" ng-src="{{LoginData.streamingurl}}/cgi-bin/zms?mode=jpeg&amp;monitor={{monitorId}}&maxfps=3&buffer=1000&user={{LoginData.username}}&pass={{LoginData.password}}&rand={{rand}}" width="100%" />
+                <img imageonload="finishedLoadingImage()" ng-src="{{LoginData.streamingurl}}/cgi-bin/zms?mode=jpeg&amp;monitor={{monitorId}}&maxfps=3&buffer=1000&user={{LoginData.username}}&pass={{LoginData.password}}&rand={{rand}}" width="100%" />
+
+                <!-- <img  imageonload="finishedLoadingImage()" ng-src="{{LoginData.streamingurl}}/cgi-bin/zms?mode=jpeg&amp;monitor={{monitorId}}&maxfps=3&buffer=1000&rand={{rand}}" width="100%" />-->
             </ion-scroll>
         </div>
 
@@ -28,11 +30,29 @@
         </div>
 
     </ion-content>
+
+    <!--
+ <div ng-if="isControllable=='1'">
+    <nav mfb-menu position="bl" effect="zoomin" label="collapse" active-icon="ion-chevron-down" resting-icon="ion-chevron-up" toggling-method="click">
+        <button mfb-button icon="ion-android-arrow-dropleft-circle" label="left" ng-click="controlPTZ('Left',monitorId)"></button>
+        <button mfb-button icon="ion-android-arrow-dropright-circle" label="right" ng-click="controlPTZ('Right',monitorId)"></button>
+    </nav>
+
+</div>-->
+
     <nav mfb-menu position="br" effect="zoomin" label="collapse" active-icon="ion-chevron-down" resting-icon="ion-chevron-up" toggling-method="click">
         <button mfb-button icon="ion-refresh" label="refresh" ng-click="reloadView()"></button>
-        <button mfb-button icon="ion-close" label="close" ng-click="closeModal()"></button>
-    </nav>
 
+        <button mfb-button icon="ion-arrow-expand" label="pan/tilt/zoom" ng-click="togglePTZ();"></button>
+
+        <button mfb-button icon="ion-close" label="exit live view" ng-click="closeModal()"></button>
+    </nav>
 
+    <div ng-show="isControllable=='1' && showPTZ">
+        <div class="ptzcentered">
+            <circular options="radialMenuOptions">
+            </circular>
+        </div>
+    </div>
 
 </ion-modal-view>
-- 
cgit v1.2.3