From 91da4b8a12e7fb3dbc0183197a209a524abd851b Mon Sep 17 00:00:00 2001
From: Pliable Pixels <pliablepixels@gmail.com>
Date: Mon, 14 May 2018 12:22:53 -0400
Subject: initial framework code for tv navigation

---
 www/templates/menu.html | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

(limited to 'www/templates/menu.html')

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}}
-- 
cgit v1.2.3