From 86e4e291bfda3365c0bb82bacb2b9990a86ce759 Mon Sep 17 00:00:00 2001
From: ARC <arjunrc@gmail.com>
Date: Sat, 25 Apr 2015 09:13:54 -0400
Subject: First Commit

---
 www/templates/events-graphs.html | 63 +++++++++++++++++++++++++++++++++++
 www/templates/events.html        | 72 ++++++++++++++++++++++++++++++++++++++++
 www/templates/filters.html       |  5 +++
 www/templates/login.html         | 25 ++++++++++++++
 www/templates/monitors.html      | 52 +++++++++++++++++++++++++++++
 www/templates/montage.html       | 46 +++++++++++++++++++++++++
 6 files changed, 263 insertions(+)
 create mode 100644 www/templates/events-graphs.html
 create mode 100644 www/templates/events.html
 create mode 100644 www/templates/filters.html
 create mode 100644 www/templates/login.html
 create mode 100644 www/templates/monitors.html
 create mode 100644 www/templates/montage.html

(limited to 'www/templates')

diff --git a/www/templates/events-graphs.html b/www/templates/events-graphs.html
new file mode 100644
index 00000000..96144d4b
--- /dev/null
+++ b/www/templates/events-graphs.html
@@ -0,0 +1,63 @@
+<ion-view view-title="Monitor Event Summary" cache-view="false">
+
+  <ion-nav-buttons side="left">
+            <button class="button button-icon button-clear ion-navicon" ng-click="openMenu()"></button>
+        </ion-nav-buttons>
+        <ion-tabs class="tabs-icon-top tabs-stable">
+            <ion-tab title="Events" icon="ion-stats-bars">
+                <ion-nav-view>
+                    <ion-content class="has-header">
+
+                        <div google-chart chart="chartObject"></div>
+
+
+                        </ion-content>
+                </ion-nav-view>
+            </ion-tab>
+
+            <ion-tab title="About" icon="ion-gear-a" on-select="anotherChart()">
+                <ion-nav-view>
+
+                    <ion-content>
+                        <span></span>
+                            <div google-chart chart="chart2Object"></div>
+                       This is 2-2
+
+                    </ion-content>
+                </ion-nav-view>
+            </ion-tab>
+
+            <ion-tab title="Settings" icon="ion-ios-information">
+                <ion-content>
+
+                    Tab 3
+                </ion-content>
+            </ion-tab>
+        </ion-tabs>
+
+        <!--
+
+
+
+    <ion-content>
+        <ion-slide-box>
+            <ion-slide-pager> </ion-slide-pager>
+            <ion-slide>
+                <canvas tc-chartjs chart-type="bar" chart-options="options" chart-data="data" auto-legend></canvas>
+                Slide 1
+            </ion-slide>
+            <ion-slide>
+                <div class="box blue">
+                    <h1>BLUE</h1>
+                </div>
+            </ion-slide>
+            <ion-slide>
+                Slide 3
+            </ion-slide>
+
+        </ion-slide-box>
+    </ion-content>
+-->
+
+
+</ion-view>
diff --git a/www/templates/events.html b/www/templates/events.html
new file mode 100644
index 00000000..90d79498
--- /dev/null
+++ b/www/templates/events.html
@@ -0,0 +1,72 @@
+<ion-view view-title="Events" cache-view="false">
+    
+       <ion-nav-buttons side="left">
+          <button class="button button-icon button-clear ion-navicon" ng-click="openMenu()"></button>
+        </ion-nav-buttons> 
+    
+     <ion-nav-buttons side="right">
+    <a style="" class="button button-icon icon ion-stats-bars"  ng-href="#events-graphs"> </a>
+        <!--<a ui-sref="app.events-graphs" class="item" ng-click="toggleMenu()">Tabs</a>-->
+    </ion-nav-buttons>
+
+    <ion-content>
+
+        <ion-refresher pulling-text="Pull to reload Events..." spinner="bubbles" on-refresh="doRefresh()"></ion-refresher>
+        <ion-list>
+            <div ng-repeat="event in events">
+                
+                    <ion-item>
+
+                        <div class="row">
+                            <div class="col col-left">
+                                <div ng-switch on="event.Event.Cause">
+                                    <div ng-switch-when="Motion">
+                                        <i class="ion-android-walk" style="float:left; font-size:200%;"></i>
+                                        <br/>
+                                    </div>
+                                    <div ng-switch-when="Signal">
+                                        <i class="ion-wifi" style="float:left; font-size:200%;"></i>
+                                        <br/>
+                                    </div>
+                                    <div ng-switch-default>
+                                        <i class="ion-ionic" style="float:left; font-size:200%;"></i>
+                                        <br/>
+                                    </div>
+                                </div>
+                                <!-- ng switch -->
+                                <!-- {{event.Event.Cause}} -->
+
+                                <br/> <span style="font-size:80%; color:rgb(110,110,110)">{{event.Event.Length}}s</span>
+                            </div>
+                            <!-- col col left-->
+
+                            <div class="col col-80">
+                                <div class="item-text-wrap"><i class="ion-monitor"></i> <b>{{event.Event.MonitorName}}</b> ({{event.Event.Name}})</div>
+
+                                <i class="ion-images"></i> {{event.Event.Frames}} &nbsp;
+                                <i class="ion-ios-bell-outline"></i> {{event.Event.AlarmFrames}} &nbsp;
+                                <i class="ion-arrow-graph-up-right"></i> {{event.Event.TotScore}}
+                                <br/>
+                            </div>
+
+                            <!--<div class="col">
+                                <img ng-src="{{event.image}}" style="float:right; height:40px;" />
+                            </div> -->
+
+                        </div>
+
+                        <div class="row" style="font-size:80%; color:rgb(110,110,110)">
+                            <div class="item-text-wrap"><i class="ion-calendar"></i>&nbsp;{{event.Event.StartTime}}
+                                <br/>
+                                <i class="ion-clipboard"></i>&nbsp; {{event.Event.Notes}}
+                                <br/>
+                            </div>
+                        </div>
+
+                    </ion-item>
+                
+            </div>
+        </ion-list>
+
+    </ion-content>
+</ion-view>
\ No newline at end of file
diff --git a/www/templates/filters.html b/www/templates/filters.html
new file mode 100644
index 00000000..4ada2315
--- /dev/null
+++ b/www/templates/filters.html
@@ -0,0 +1,5 @@
+<ion-view view-title="Filters">
+  <ion-content ng-controller="zmApp.FilterCtrl">
+    <h1>Filters</h1>
+  </ion-content>
+</ion-view>
diff --git a/www/templates/login.html b/www/templates/login.html
new file mode 100644
index 00000000..9bc7df88
--- /dev/null
+++ b/www/templates/login.html
@@ -0,0 +1,25 @@
+<ion-view view-title="Login" >
+    
+    <ion-nav-buttons side="left">
+          <button class="button button-icon button-clear ion-navicon" ng-click="openMenu()"></button>
+        </ion-nav-buttons> 
+    
+    
+  <ion-content class="padding">
+      <div class="list list-inset">
+          <label class="item item-input">
+              <input autocapitalize="none" type="text" placeholder="Username" ng-model="loginData.username">
+          </label>
+          <label class="item item-input">
+              <input type="password" placeholder="Password" ng-model="loginData.password">
+          </label>
+          <label class="item item-input">
+              <input autocapitalize="none" type="text" placeholder="Zoneminder base URL" ng-model="loginData.url">
+          </label>
+          <label class="item item-input">
+              <input autocapitalize="none" type="text" placeholder="API base URL" ng-model="loginData.apiurl">
+          </label>
+      </div>
+      <button class="button button-block button-balanced icon ion-locked" ng-click="login()"> Save</button>
+  </ion-content>
+</ion-view>
\ No newline at end of file
diff --git a/www/templates/monitors.html b/www/templates/monitors.html
new file mode 100644
index 00000000..73bbd6fb
--- /dev/null
+++ b/www/templates/monitors.html
@@ -0,0 +1,52 @@
+<ion-view view-title="Monitors">
+    
+     <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 Monitors..." spinner="bubbles" on-refresh="doRefresh()"></ion-refresher>
+        <div class="list card" ng-repeat="monitor in monitors">
+            <!-- <a href="#/app/events" ng-click="toggleLeft()"> -->
+            <div class="item" ng-style="{'background-color': monitor.Monitor.Enabled=='1'?'white':'white'}">
+                <div ng-if="monitor.Monitor.Enabled == '1'">
+                    <span class='item item-icon-left item-icon-right'>
+                <i class="icon ion-ios-monitor-outline"></i>
+                 <b>{{monitor.Monitor.Name}}</b>
+                <i class="icon ion-checkmark-circled" style="color:green;"></i>
+                </span>
+                </div>
+
+
+                <div ng-if="monitor.Monitor.Enabled != '1'">
+                    <span class='item item-icon-left item-icon-right'>
+                    <i class="icon ion-ios-monitor-outline"></i>
+                     <b>{{monitor.Monitor.Name}}</b>
+                    <i class="icon ion-minus-circled" style="color:red;"></i>
+                </span>
+
+                </div>
+
+
+                <p>Mode :{{monitor.Monitor.Function}}</br>
+                    <!-- Current State: {{monitor.STATE}}</br> 
+            Events: {{monitor.NUMEVENTS}}</br> -->
+                    Resolution: {{monitor.Monitor.Width}}*{{monitor.Monitor.Height}}</br>
+                    Max FPS: {{monitor.Monitor.MaxFPS}}
+                    <br/> Alarm Max FPS:{{monitor.Monitor.AlarmMaxFPS}}
+                    <br/> Alarm Frame Count: {{monitor.Monitor.AlarmFrameCount}}
+                    <br/>
+                </p>
+
+                <div style="float:right;">
+                    <a class="button button-small icon icon-left icon ion-gear-a" href="#/app/events">Configuration</a>
+                    <a class="button button-small icon icon-left ion-calendar" href="#/events/{{monitor.Monitor.Id}}">Events</a>
+                    <a class="button button-small icon icon-left ion-ios-eye" href="#/app/events">Live View</a>
+                </div>
+
+            </div>
+        </div>
+        <!-- </a> -->
+    </ion-content>
+</ion-view>
\ No newline at end of file
diff --git a/www/templates/montage.html b/www/templates/montage.html
new file mode 100644
index 00000000..6eab4f58
--- /dev/null
+++ b/www/templates/montage.html
@@ -0,0 +1,46 @@
+<ion-view title="Montage View" class="bar-stable" cache-view="false">
+<ion-nav-buttons side="left">
+          <button class="button button-icon button-clear ion-navicon" ng-click="openMenu()"></button>
+        </ion-nav-buttons>   
+    
+    <ion-content padding="true">
+        
+        <ion-refresher pulling-text="Pull to reload Monitors..." spinner="bubbles" on-refresh="doRefresh()"></ion-refresher>
+        <!-- Hi:ROOT: {{montageSize}} LOCAL {{slider.monsize}} -->
+        <div class=" range range-positive">
+            <i class="icon ion-arrow-shrink"></i>
+
+            <input type="range" ng-model="slider.monsize" min="1" max="6">
+            <i class="icon ion-arrow-expand"></i>
+            
+        </div>
+        <!-- Hi:{{slider.monsize}} {{devWidth}} -->
+        <div class="wrapper">
+
+            <span ng-repeat="monitor in monitors">
+           
+          
+           <header class="header">&nbsp;<i class="ion-monitor"></i> {{monitor.Monitor.Name}}&nbsp;</header>
+               <article class="main">
+                <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;"   />
+                    <!-- <br/><i class="ion-monitor"></i> Hello -->
+     
+                </article>
+               <span style="font-size:10px;">
+               <footer class="footer">
+                  
+                   {{monitor.Monitor.Enabled=="1"?"Enabled":"Not Enabled"}}
+                   &nbsp;
+                   <span style="float:right">
+                       <i class="icon ion-android-alert"></i>
+                       
+                       :{{monitor.Monitor.Function}}
+                    </span>
+            </span>
+            </footer>
+
+            </span>
+        </div>
+    </ion-content>
+
+</ion-view>
\ No newline at end of file
-- 
cgit v1.2.3