From 1d89f4873a603392fb16096b3816b6b232b38a63 Mon Sep 17 00:00:00 2001
From: ARC <arjunrc@gmail.com>
Date: Tue, 12 May 2015 16:21:03 -0400
Subject: Added ZM state control - start/stop/restart

---
 www/templates/events-modal.html   |  2 +-
 www/templates/login.html          |  6 ++---
 www/templates/monitors-modal.html |  2 +-
 www/templates/montage.html        |  3 ++-
 www/templates/state.html          | 49 +++++++++++++++++++++++++++++++++++++++
 5 files changed, 56 insertions(+), 6 deletions(-)
 create mode 100644 www/templates/state.html

(limited to 'www/templates')

diff --git a/www/templates/events-modal.html b/www/templates/events-modal.html
index 08dbe651..f53de46e 100644
--- a/www/templates/events-modal.html
+++ b/www/templates/events-modal.html
@@ -16,7 +16,7 @@
         <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.url}}/cgi-bin/zms?source=event&mode=jpeg&event={{eventId}}&frame=1&maxfps=5&replay=single&user={{loginData.username}}&pass={{loginData.password}}&connkey={{connKey}}&rand={{rand}}" width="100%" />
+                <img imageonload="finishedLoadingImage()" ng-src="{{loginData.streamingurl}}/cgi-bin/zms?source=event&mode=jpeg&event={{eventId}}&frame=1&maxfps=5&replay=single&user={{loginData.username}}&pass={{loginData.password}}&connkey={{connKey}}&rand={{rand}}" width="100%" />
             </ion-scroll>
 
 
diff --git a/www/templates/login.html b/www/templates/login.html
index 4a87025e..d5537641 100644
--- a/www/templates/login.html
+++ b/www/templates/login.html
@@ -15,16 +15,16 @@
                 <input type="password" placeholder="Password" ng-model="loginData.password">
             </label>
             <label class="item item-input">
-                <input autocapitalize="none" type="text" placeholder="ZM base URL " ng-model="loginData.url">
+                <input autocapitalize="none" type="text" placeholder="ZM portal URL " ng-model="loginData.url">
             </label>
 
             <label class="item item-input">
-                <input autocapitalize="none" type="text" placeholder="ZM portal alias (if any) " ng-model="loginData.alias">
+                <input autocapitalize="none" type="text" placeholder="Base path to cgi-bin" ng-model="loginData.streamingurl">
             </label>
 
             <span style="color:rgb(100,100,100)"><br/><i class="ion-social-angular" style="font-size:150%"></i> ZoneMinder API</span>
             <label class="item item-input">
-                <input autocapitalize="none" type="text" placeholder="API base URL" ng-model="loginData.apiurl">
+                <input autocapitalize="none" type="text" placeholder="ZM Api URL" ng-model="loginData.apiurl">
             </label>
         </div>
         <span style="color:rgb(100,100,100)"><i class="ion-android-settings" style="font-size:150%"></i> Developer Options</span>
diff --git a/www/templates/monitors-modal.html b/www/templates/monitors-modal.html
index b410331a..8c4da851 100644
--- a/www/templates/monitors-modal.html
+++ b/www/templates/monitors-modal.html
@@ -17,7 +17,7 @@
         <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.url}}/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%" />
             </ion-scroll>
         </div>
 
diff --git a/www/templates/montage.html b/www/templates/montage.html
index 21e50d52..46ab0821 100644
--- a/www/templates/montage.html
+++ b/www/templates/montage.html
@@ -26,7 +26,8 @@
                  FIXME: I should probably not pass username and password here - instead go the http interceptor
                  and auth token mode -->
                 <div ng-if="!isSimulated()">
-                    <img  ng-src="{{LoginData.url}}/cgi-bin/zms?mode=single&monitor={{monitor.Monitor.Id}}&maxfps=3&scale=50&user={{LoginData.username}}&pass={{LoginData.password}}&rand={{randomval}}" width="{{((devWidth-30)/(7-slider.monsize))}}px;"   />
+
+                    <img  ng-src="{{LoginData.streamingurl}}/cgi-bin/zms?mode=single&monitor={{monitor.Monitor.Id}}&maxfps=3&scale=50&user={{LoginData.username}}&pass={{LoginData.password}}&rand={{randomval}}" width="{{((devWidth-30)/(7-slider.monsize))}}px;"   />
 
                    </div>
 
diff --git a/www/templates/state.html b/www/templates/state.html
new file mode 100644
index 00000000..83314492
--- /dev/null
+++ b/www/templates/state.html
@@ -0,0 +1,49 @@
+<ion-view view-title="System Status" cache="false">
+
+    <ion-nav-buttons side="left">
+        <button class="button button-icon button-clear ion-navicon" ng-click="openMenu()"></button>
+    </ion-nav-buttons>
+
+
+    <ion-content>
+        <ion-refresher pulling-text="Pull to reload data..." spinner="bubbles" on-refresh="doRefresh()"></ion-refresher>
+        <ion-list>
+
+            <!-- <a href="#/app/events" ng-click="toggleLeft()"> -->
+            <ion-item>
+                <div class="row">
+                    <div class="col">
+                        ZoneMinder is:
+                    </div>
+                    <div class="col" style="text-align:right; {{color}}">
+                        {{zmRun}}
+                    </div>
+                </div>
+            </ion-item>
+            <ion-item>
+                <div class="row">
+                    <div class="col">
+                        ZoneMinder load:
+                    </div>
+                    <div class="col" style="text-align:right;">
+                        {{zmLoad}}
+                    </div>
+                </div>
+            </ion-item>
+            <ion-item>
+                <button class="button button-full button-assertive">
+                    <i class="ion-alert-circled" "style:font-size:200%;"></i> Danger Zone
+                </button>
+
+                <div class="button-bar">
+                    <a class="button button-outline icon-left ion-android-refresh button-dark " ng-click="controlZM('restart');" href="">Restart</a>
+                    <a class="button button-outline icon-left ion-stop button-dark" href="" ng-click="controlZM('stop');" >Stop</a>
+                    <a class="button button-outline icon-left ion-play button-dark" ng-click="controlZM('start');" href="">Start</a>
+                </div>
+            </ion-item>
+
+
+
+        </ion-list>
+    </ion-content>
+</ion-view>
-- 
cgit v1.2.3