initial framework code for tv navigation

4 files changed, 35 insertions, 35 deletions

diff --git a/www/templates/devoptions.html b/www/templates/devoptions.html
index e81e536f..80a1d80a 100644
--- a/www/templates/devoptions.html
+++ b/www/templates/devoptions.html
@@ -1,12 +1,12 @@
 <ion-view view-title="{{'kDevOptions' | translate}}">
   <ion-nav-buttons side="left">
-    <button class="button button-icon button-clear ion-navicon" ng-click="openMenu()"></button>
+    <button id="devoptions-move-1" class="button button-icon button-clear ion-navicon" ng-click="openMenu()"></button>
     &nbsp;
     <button data-badge="{{$root.alarmCount}}" class="animated infinite tada button button-icon button-clear ion-ios-bell notification-badge"
       ng-click="handleAlarms();" ng-if="$root.isAlarm"></button>
   </ion-nav-buttons>
   <ion-nav-buttons side="right">
-    <button class="button button-clear" ng-click="saveDevOptions()">{{'kSave' | translate}}</button>
+    <button id="devoptions-move-2" class="button button-clear" ng-click="saveDevOptions()">{{'kSave' | translate}}</button>
   </ion-nav-buttons>
   <ion-content delegate-handle="none" overflow-scroll="false" mouse-wheel-scroll>
     <div class="list list-inset">
@@ -16,11 +16,11 @@
       <div class="item item-input-inset">
         {{'kFrameUpdate'|translate}} ({{'kSec'|translate}}.)&nbsp;
         <label class="item-input-wrapper">
-          <input type="tel" placeholder="min is 1s" ng-model="loginData.refreshSec">
+          <input id="devoptions-move-3" type="tel" placeholder="min is 1s" ng-model="loginData.refreshSec">
         </label>
       </div>
       <label>
-        <ion-toggle ng-model="loginData.use24hr" toggle-class="toggle-calm">
+        <ion-toggle id="devoptions-move-4" ng-model="loginData.use24hr" toggle-class="toggle-calm">
           <span class="item-text-wrap">{{'kEnable24hr' | translate}}</span>
         </ion-toggle>
       </label>
diff --git a/www/templates/menu.html b/www/templates/menu.html
index 3b69b544..43833490 100644
--- a/www/templates/menu.html
+++ b/www/templates/menu.html
@@ -16,7 +16,7 @@
         <!-- <ion-scroll scrollbar-y="false" style="height:100%" >-->
         <ion-list>
           <!--<ion-item ng-click="navigateView('app.montage')" menu-close>-->
-          <ion-item href="#/app/montage" menu-close>
+          <ion-item id="menu-move-1" href="#/app/montage" ng-click="go('/app/montage')" >
 
             <!--<span ng-if="$root.runMode=='lowbw'" style="float:right;margin-top:-18px;background-color:#f1c40f;color:#000;font-size:11px;opacity:0.7;width:20px;border-radius: 0px 0px 5px 5px;display:inline-block;text-align:center;">&nbsp;<i class="icon ion-arrow-graph-down-left"></i>&nbsp;</span>-->
             <span class=" item-icon-left">
@@ -25,28 +25,28 @@
           </ion-item>
 
           <!--<ion-item ng-click="navigateView('app.timeline')" menu-close>-->
-          <ion-item href="#/app/timeline" menu-close>
+          <ion-item id="menu-move-2"   href="#/app/timeline"  ng-click="go('/app/timeline')" >
             <span class=" item-icon-left">
               <i class="icon ion-android-time"></i>
             </span>{{'kMenuTimeline'|translate}}
           </ion-item>
 
           <!--<ion-item ng-click="navigateView('app.events', {id:0,playEvent:false})"  menu-close>-->
-          <ion-item href="#/app/events/0/false" menu-close>
+          <ion-item id="menu-move-3"  href="#/app/events/0/false" ng-click="go('/app/events/0/false')"  >
             <span class=" item-icon-left">
               <i class="icon ion-ios-calendar-outline"></i>
             </span>{{'kMenuEvents'|translate}}
           </ion-item>
 
           <!--<ion-item  ng-click="navigateView('app.moment')" menu-close>-->
-          <ion-item href="#/app/moment" menu-close>
+          <ion-item id="menu-move-4" ng-click="go('/app/moment')"  href="#/app/moment" ng-click="go('/app/moment')">
             <span class=" item-icon-left">
               <i class="icon ion-star"></i>
             </span>{{'kMoment24Heading'|translate}}
           </ion-item>
 
           <!-- <ion-item  ng-click="navigateView('app.montage-history')" menu-close>-->
-          <ion-item href="#/app/montage-history" menu-close>
+          <ion-item id="menu-move-5"  href="#/app/montage-history" ng-click="go('/app/montage-history')" >
             <span class=" item-icon-left">
               <i class="icon ion-ios-keypad-outline"></i>
             </span>{{'kMenuEventMontage'|translate}}
@@ -54,21 +54,21 @@
 
 
           <!--<ion-item ng-click="navigateView('app.monitors')" menu-close>-->
-          <ion-item href="#/app/monitors" menu-close>
+          <ion-item id="menu-move-6"  href="#/app/monitors"  ng-click="go('/app/monitors')" >
             <span class=" item-icon-left">
               <i class="icon ion-ios-videocam-outline"></i>
             </span>{{'kMenuMonitors'|translate}}
           </ion-item>
 
           <!--<ion-item ng-click="navigateView('app.state')" menu-close>-->
-          <ion-item href="#/app/state" menu-close>
+          <ion-item  id="menu-move-7"  href="#/app/state"  ng-click="go('/app/state')">
             <span class=" item-icon-left">
               <i class="icon ion-information-circled"></i>
             </span> {{'kMenuSystemStatus'|translate}}
           </ion-item>
 
           <!--<ion-item nav-clear menu-close ng-click="navigateView('app.login', {wizard:false})" >-->
-          <ion-item nav-clear menu-close href="#/app/login/false">
+          <ion-item id="menu-move-8"  nav-clear  href="#/app/login/false" ng-click="go('/app/login/false')">
             <span class=" item-icon-left">
               <i class="icon ion-person"></i>
               {{'kMenuZMSettings'|translate}}
@@ -79,7 +79,7 @@
             </span>
           </ion-item>
 
-          <ion-item nav-clear menu-close href="#/app/devoptions">
+          <ion-item id="menu-move-9"  nav-clear  href="#/app/devoptions" ng-click="go('/app/devoptions')" >
             <!--<ion-item nav-clear menu-close ng-click="navigateView('app.devoptions')">-->
             <span class=" item-icon-left">
               <i class="icon ion-settings"></i>
@@ -93,7 +93,7 @@
           </ion-item>
 
           <!--<ion-item nav-clear menu-close ng-click="navigateView('app.help')" >-->
-          <ion-item nav-clear menu-close href="#/app/help">
+          <ion-item id="menu-move-10"  nav-clear  href="#/app/help" ng-click="go('/app/help')">
             <span class=" item-icon-left">
               <i class="icon ion-help"></i>
             </span> {{'kMenuHelp'|translate}}
@@ -101,7 +101,7 @@
 
 
           <!--<ion-item nav-clear menu-close ng-click="navigateView('app.wizard')" >-->
-          <ion-item nav-clear menu-close href="#/app/wizard">
+          <ion-item id="menu-move-11"  nav-clear  href="#/app/wizard" ng-click="go('/app/wizard')">
             <span class=" item-icon-left">
               <i class="icon ion-wand"></i>
             </span> {{'kMenuWizard'|translate}}
@@ -118,7 +118,7 @@
           </div>
 
           <!--<ion-item nav-clear menu-close ng-click="navigateView('app.log')" >-->
-          <ion-item nav-clear menu-close href="#/app/log">
+          <ion-item id="menu-move-12"  nav-clear   href="#/app/log" ng-click="go('/app/log')">
             <span class=" item-icon-left">
               <i class="icon ion-clipboard"></i>
             </span> {{'kMenuLogs'|translate}}
diff --git a/www/templates/monitors.html b/www/templates/monitors.html
index 2bd5d819..6f37a6d3 100644
--- a/www/templates/monitors.html
+++ b/www/templates/monitors.html
@@ -1,6 +1,6 @@
 <ion-view view-title="{{'kMonitors' | translate}}" cache-view="false">
   <ion-nav-buttons side="left">
-    <button class="button button-icon button-clear ion-navicon" ng-click="openMenu()">
+    <button  id="monitors-move-2" class="button button-icon button-clear ion-navicon" ng-click="openMenu()">
     </button>
     <button data-badge="{{$root.alarmCount}}" class="animated infinite tada button button-icon button-clear ion-ios-bell notification-badge"
       ng-click="handleAlarms();" ng-if="$root.isAlarm"></button>
@@ -9,7 +9,7 @@
     <ion-refresher pulling-text="Pull to reload Monitors..." spinner="bubbles" on-refresh="doRefresh()">
     </ion-refresher>
     <div style="float:right;margin-top:3px;margin-right:8px;">
-      <a class="button button-small icon icon-left icon ion-ios-world-outline" href="" ng-click="changeConfig('All', '','1','Monitor');">{{'kGlobalConfiguration' | translate}}</a>
+      <a id="monitors-move-2" class="button button-small icon icon-left icon ion-ios-world-outline" href="" ng-click="changeConfig('All', '','1','Monitor');">{{'kGlobalConfiguration' | translate}}</a>
     </div>
     <br/>
     <div class="list card" ng-repeat="monitor in monitors">
@@ -53,7 +53,7 @@
         <div style="float:right;">
           <a class="button button-small icon icon-left icon ion-gear-a" href="" ng-click="changeConfig(monitor.Monitor.Name, monitor.Monitor.Id,monitor.Monitor.Enabled,monitor.Monitor.Function);">{{'kConfiguration' | translate}}</a>
           <a class="button button-small icon icon-left ion-calendar" href="#/app/events/{{monitor.Monitor.Id}}/false">{{'kEventsCap'|translate}}</a>
-          <a class="button button-small icon icon-left ion-ios-eye" ng-click="openModal(monitor.Monitor.Id, monitor.Monitor.Controllable, monitor.Monitor.ControlId, monitor.Monitor.connKey,  monitor)">{{'kLiveView' | translate}}</a>
+          <a  class="button button-small icon icon-left ion-ios-eye" ng-click="openModal(monitor.Monitor.Id, monitor.Monitor.Controllable, monitor.Monitor.ControlId, monitor.Monitor.connKey,  monitor)">{{'kLiveView' | translate}} </a>
         </div>
       </div>
     </div>
diff --git a/www/templates/montage.html b/www/templates/montage.html
index 876e1125..b37e16b6 100644
--- a/www/templates/montage.html
+++ b/www/templates/montage.html
@@ -1,28 +1,28 @@
 <ion-view cache-view="false" hide-nav-bar="{{minimal}}">
   <ion-nav-title>{{currentProfileName}}</ion-nav-title>
   <ion-nav-buttons side="left">
-    <button class="button button-icon button-clear ion-navicon" ng-click="openMenu()"></button>
+    <button  id="montage-move-1"  class="button button-icon button-clear ion-navicon" ng-click="openMenu()"></button>
     &nbsp;
-    <button class="button button-icon button-clear ion-eye" ng-click="hideUnhide();">&nbsp;
+    <button  class="button button-icon button-clear ion-eye" ng-click="hideUnhide();">&nbsp;
     </button>
-    <button class="button button-icon button-clear ion-chevron-down" ng-click="toggleSubMenuFunction();">&nbsp;
+    <button  id="montage-move-2" class="button button-icon button-clear ion-chevron-down" ng-click="toggleSubMenuFunction();">&nbsp;
     </button>
     <button data-badge="{{$root.alarmCount}}" class="animated infinite tada button button-icon button-clear ion-ios-bell notification-badge"
       ng-click="handleAlarms();" ng-if="$root.isAlarm"></button>
   </ion-nav-buttons>
   <ion-nav-buttons side="right">
-    <span ng-click="toggleTimeType()" class="icon montage-time">
+    <span  ng-click="toggleTimeType()" class="icon montage-time">
       <i ng-class="(iconTimeNow=='server')?'icon-server':'ion-ios-location'"></i>
       {{timeNow}}&nbsp;</span>
-    <button class="button button-icon button-clear ion-arrow-move" ng-click="dragToggle();">&nbsp;
+    <button  class="button button-icon button-clear ion-arrow-move" ng-click="dragToggle();">&nbsp;
     </button>
     <!--
         <button class="button button-icon button-clear ion-monitor" ng-click="cast();">&nbsp;
         </button>
         -->
-    <button class="button button-icon button-clear ion-loop" ng-click="resetSizes();">&nbsp;
+    <button  id="montage-move-3" class="button button-icon button-clear ion-loop" ng-click="resetSizes();">&nbsp;
     </button>
-    <button class="button button-icon button-clear ion-android-contract" ng-click="switchMinimal()">
+    <button   class="button button-icon button-clear ion-android-contract" ng-click="switchMinimal()">
     </button>
   </ion-nav-buttons>
   <ion-content ng-cloak has-bouncing="false" style="background-color:#444444" delegate-handle="montage-delegate" overflow-scroll="false">
@@ -39,34 +39,34 @@
                                 <a href="" ng-click="killAllImages()"> <i class="ion-ionic"></i></a>
                             </li>-->
 
-          <li>
-            <a href="" ng-click="sliderChanged(1)">
+          <li >
+            <a  id="montage-move-4" ng-click="sliderChanged(1)"  >
               <i class="ion-plus-circled"></i>
             </a>
           </li>
-          <li>
-            <a href="" ng-click="sliderChanged(-1)">
+          <li >
+            <a   id="montage-move-5" ng-click="sliderChanged(-1)" >
               <i class="ion-minus-circled"></i>
             </a>
           </li>
-          <li>
-            <a href="" ng-click="squeezeMonitors()">
+          <li  >
+            <a id="montage-move-6"   ng-click="squeezeMonitors()" >
               <i class="ion-android-apps"></i>
             </a>
           </li>
 
           <li ng-style="{'background-color': isCycleOn()?'rgba(69, 170, 242,0.7)':'rgba(108, 122, 137, 0.7)'}" ng-if="!isDragabillyOn">
-            <a href="" ng-click="toggleCycle()">
+            <a  ng-click="toggleCycle()">
               <i class="ion-android-bicycle"></i>:{{getCycleStatus()}}</a>
           </li>
 
           <li ng-if="isDragabillyOn">
-            <a href="" ng-click="hideMonitor(monitor.Monitor.Id)">
+            <a  ng-click="hideMonitor(monitor.Monitor.Id)">
               <i class="ion-close-circled"></i>
             </a>
           </li>
           <li ng-if="isDragabillyOn">
-            <a href="" ng-click="toggleStamp()">
+            <a   ng-click="toggleStamp()">
               <i class="ion-pin"></i>
             </a>
           </li>