every app needs a help menu

5 files changed, 87 insertions, 2 deletions

diff --git a/package.json b/package.json
index 82703d82..5eefd148 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,8 @@
     "shelljs": "^0.3.0"
   },
   "cordovaPlugins": [
-    "org.apache.cordova.splashscreen"
+    "org.apache.cordova.splashscreen",
+    "org.apache.cordova.inappbrowser"
   ],
   "cordovaPlatforms": [
     {
@@ -23,4 +24,4 @@
       "locator": "./engine/cordova-android-c0.6.1/"
     }
   ]
-}
\ No newline at end of file
+}
diff --git a/www/index.html b/www/index.html
index 3b2e2e12..3831bed0 100644
--- a/www/index.html
+++ b/www/index.html
@@ -43,6 +43,7 @@
     <script src="js/EventCtrl.js"></script>
     <script src="js/EventsGraphsCtrl.js"></script>
     <script src="js/MonitorCtrl.js"></script>
+     <script src="js/HelpCtrl.js"></script>
 
 
     <script src="lib/angular-google-chart/ng-google-chart.js"></script>
@@ -98,6 +99,12 @@
             </span> Settings
                     </ion-item>
 
+                    <ion-item nav-clear menu-close href="#/help">
+                        <span class=" item-icon-left">
+                <i class="icon ion-help"></i>
+            </span> Help
+                    </ion-item>
+
                 </ion-list>
             </ion-content>
         </ion-side-menu>
diff --git a/www/js/HelpCtrl.js b/www/js/HelpCtrl.js
new file mode 100644
index 00000000..37c98d39
--- /dev/null
+++ b/www/js/HelpCtrl.js
@@ -0,0 +1,7 @@
+angular.module('zmApp.controllers').controller('zmApp.HelpCtrl', function ($scope, $rootScope, $ionicModal, ZMDataModel,$ionicSideMenuDelegate) {
+$scope.openMenu = function () {
+    $ionicSideMenuDelegate.toggleLeft();
+  }
+console.log ("***** HELP ****");
+
+})
diff --git a/www/js/app.js b/www/js/app.js
index 93c1871b..494ebdb9 100644
--- a/www/js/app.js
+++ b/www/js/app.js
@@ -151,6 +151,18 @@ angular.module('zmApp', [
 
         })
 
+    $stateProvider
+        .state('help', {
+            data: {
+                requireLogin: false
+            },
+            url: "/help",
+            templateUrl: "templates/help.html",
+            controller: 'zmApp.HelpCtrl',
+
+
+        })
+
     .state('monitors', {
         data: {
             requireLogin: true
diff --git a/www/templates/help.html b/www/templates/help.html
new file mode 100644
index 00000000..2661ea2c
--- /dev/null
+++ b/www/templates/help.html
@@ -0,0 +1,58 @@
+<ion-view view-title="Help">
+
+    <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">
+
+        <ion-item>
+            <h2><b> What is the ZM Base login and the API login?</b> </h2>
+        The latest versions of ZoneMinder have an API that is supposed to replace the XML skin.
+        It is ionly available in the latest and greatest ZoneMinder releases. If you don't have
+        the API installed the client WILL NOT WORK.
+
+        </ion-item>
+
+        <ion-item>
+            <h2> <b>What should I be entering in the Base URL and API URL?</b></h2>
+        The base url is typically of the format "http://yourserver:port/" (don't specify zm)
+        The API url is typically of the format "http://yourserver:port/zm/api"
+        But it depends on how you've installed ZoneMinder
+        </ion-item>
+
+
+        <ion-item>
+            <h2><b> The data is not refreshing!</b></h2>
+        Most screens that show lists of data has a pull down action. Pull down to refresh and your data
+        should be reloaded.
+        </ion-item>
+
+        <ion-item>
+            <h2><b> What is this simulator mode?</b></h2>
+        It was really a way for me to test how the app behaves when there are 1000s of events and many monitors.
+        Practically, you won't have a need for it
+        </ion-item>
+
+        <ion-item>
+            <h2><b>When I switch between Simulator to Real mode, the data does not change</b></h2>
+        Pull to refresh.
+        </ion-item>
+
+        <ion-item>
+            <h2><b>I want to contribute!</b></h2>
+        Awesome. <a  href="#" onclick="window.open('http://github.com/arjunroychowdhury/zmNinja', '_blank', 'location=yes'); return false;"> Grab</a> the source code!
+        </ion-item>
+
+        <ion-item>
+            <h2><b>How do I contact the author?</b></h2>
+            Send me an <a  href="#" onclick="window.open('mailto:arjunrc@gmail.com', 'blank', 'location=yes'); return false;">email</a>
+        </ion-item>
+
+        </div>
+
+    </ion-content>
+
+</ion-view>