From 18bec317d7b1ac7cd9794e1b2236beb864186bf4 Mon Sep 17 00:00:00 2001
From: Pliable Pixels <pliablepixels@gmail.com>
Date: Mon, 8 Jul 2019 16:52:21 -0400
Subject: #830 lockdown kiosk mode initial implementation

---
 www/templates/important_message.html | 13 ++++---------
 www/templates/login.html             |  4 ++++
 www/templates/menu.html              | 13 +++++++++----
 www/templates/montage.html           | 35 +++++++++++++++++++++--------------
 4 files changed, 38 insertions(+), 27 deletions(-)

(limited to 'www/templates')

diff --git a/www/templates/important_message.html b/www/templates/important_message.html
index 933c3802..85204779 100644
--- a/www/templates/important_message.html
+++ b/www/templates/important_message.html
@@ -12,20 +12,15 @@
         </div>
         <br />
         <span style="color:white">
-          <h2 style="color:white" class="animated bounce">{{'kImpMsg1' | translate}}</h2>
+          <h2 style="color:white" class="animated bounce">{{$root.importantMessageHeader | translate}}</h2>
           <br />
-          <h4 style="color:white">{{'kImpMsg2' | translate}}</h4>
-          <br /> {{'kImpMsg3' | translate}} v{{currentVersion}}.
-          <br /> v{{recommendedVersion}} {{'kImpMsg4' | translate}}
-          <br /> {{'kImpMsg5' | translate}}:
-          <b>v{{currentVersion}}</b>
-          <br /> {{'kImpMsg6' | translate}}:
-          <b>v{{recommendedVersion}}</b>
+         
+          <h4 style="color:white"> {{  $root.importantMessageSummary| translate}} </h4>
           <br />
           <br />
 
           <button class="button button-stable animated bounceInUp" ng-click="openMenu()">
-            {{'kImpMsg7' | translate}}
+            {{'kButtonOk' | translate}}
           </button>
 
 
diff --git a/www/templates/login.html b/www/templates/login.html
index 32f1a683..617b79f5 100644
--- a/www/templates/login.html
+++ b/www/templates/login.html
@@ -102,6 +102,10 @@
           <ion-toggle ng-model="loginData.usePin" ng-change="pinPrompt();" toggle-class="toggle-calm">
             <span class="item-text-wrap">{{'kPassword' | translate}} {{'kProtect'|translate}}</span>
           </ion-toggle>
+
+          <ion-toggle ng-model="loginData.isKiosk" toggle-class="toggle-calm" ng-change="kioskPinConfig();" >
+            <span class="item-text-wrap">{{'kKioskMode' | translate}} </span>
+          </ion-toggle>
         </label>
      
 
diff --git a/www/templates/menu.html b/www/templates/menu.html
index 9c780310..ead3c729 100644
--- a/www/templates/menu.html
+++ b/www/templates/menu.html
@@ -10,7 +10,7 @@
     </ion-side-menu-content>
     <ion-side-menu>
       <ion-header-bar class="bar bar-header bar-stable">
-        <button class="button icon ion-person-stalker" ng-click="switchProfiles()"></button>
+        <button ng-if="!root.LoginData.isKiosk" class="button icon ion-person-stalker" ng-click="switchProfiles()"></button>
         <h1 class="title">{{'kMenuOptions'|translate}}</h1>
         </button>
       </ion-header-bar>
@@ -18,13 +18,13 @@
         <!-- <ion-scroll scrollbar-y="false" style="height:100%" >-->
         <ion-list>
           <!--<ion-item ng-click="navigateView('app.montage')" menu-close>-->
-
-          <ion-item ng-if="0" href="#/app/bookmark" ng-click="go('/app/bookmark)')">
+        <!--
+          <ion-item  href="#/app/bookmark" ng-click="go('/app/bookmark)')">
             <span class=" item-icon-left">
               <i class="icon ion-bookmark"></i>
             </span>{{'kBookmark'| translate}}
           </ion-item>
-
+        -->
           <ion-item id="testaut_menu_montage" 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>-->
@@ -35,6 +35,7 @@
 
             
           <!--<ion-item ng-click="navigateView('app.timeline')" menu-close>-->
+          <span ng-if="!$root.LoginData.isKiosk">
           <ion-item id="testaut_menu_timeline" href="#/app/timeline" ng-click="go('/app/timeline')">
             <span class=" item-icon-left">
               <i class="icon ion-android-time"></i>
@@ -163,6 +164,10 @@
             <span ng-if="$root.isTzSupported()">
               <i class="icon icon-server"></i> {{$root.getServerTimeZoneNow();}} </span>
           </ion-item>
+        </span>
+        <ion-item ng-if="$root.LoginData.isKiosk" ng-click="exitKiosk()">
+          <i class="ion-unlocked"></i> {{'kKioskModeExit' | translate}}
+        </ion-item>
         </ion-list>
         <!--</ion-scroll>-->
       </ion-content>
diff --git a/www/templates/montage.html b/www/templates/montage.html
index 4edc9b0a..b2dbd13b 100644
--- a/www/templates/montage.html
+++ b/www/templates/montage.html
@@ -3,26 +3,33 @@
   <ion-nav-buttons side="left">
     <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 ng-if="!$root.LoginData.isKiosk" class="button button-icon button-clear ion-eye" ng-click="hideUnhide();">&nbsp;
     </button>
-    <button id="montage-move-2" class="button button-icon button-clear ion-chevron-down"
+    <button  id="montage-move-2" class="button button-icon button-clear ion-chevron-down"
       ng-click="toggleSubMenuFunction();">&nbsp;
     </button>
+
+
+    <button ng-if="$root.LoginData.isKiosk" class="button button-icon button-danger ion-locked" style="color:red !important">
+    </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>
+      ng-click="handleAlarms();" ng-if="$root.isAlarm && !$root.LoginData.isKiosk"></button>
   </ion-nav-buttons>
   <ion-nav-buttons side="right">
     <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 ng-if="!$root.LoginData.isKiosk" 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 id="montage-move-3" class="button button-icon button-clear ion-loop" ng-click="resetSizes();">&nbsp;
+    <button ng-if="!$root.LoginData.isKiosk" 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>
@@ -42,12 +49,12 @@
                                 <a href="" ng-click="killAllImages()"> <i class="ion-ionic"></i></a>
                             </li>-->
 
-          <li>
+          <li ng-if="!$root.LoginData.isKiosk">
             <a id="montage-move-4" ng-click="sliderChanged(1)">
               <i class="ion-plus-circled"></i>
             </a>
           </li>
-          <li>
+          <li ng-if="!$root.LoginData.isKiosk">
             <a id="montage-move-5" ng-click="sliderChanged(-1)">
               <i class="ion-minus-circled"></i>
             </a>
@@ -58,7 +65,7 @@
             </a>
           </li>
 
-          <li>
+          <li ng-if="!$root.LoginData.isKiosk">
             <a  ng-click="clearAllEvents()">
               <i class="ion-checkmark"></i>
             </a>
@@ -87,13 +94,13 @@
             </a>
           </li>
 
-          <li>
+          <li ng-if="!$root.LoginData.isKiosk">
             <a href="" ng-click="saveMontageProfile()">
               <i class="ion-heart"></i>
             </a>
           </li>
 
-          <li>
+          <li ng-if="!$root.LoginData.isKiosk">
             <a href="" ng-click="deleteMontageProfile()">
               <i class="ion-trash-a"></i>
             </a>
@@ -126,7 +133,7 @@
               
 
                 <div class="montage-image">
-                  <div ng-if="LoginData.enableMontageOverlays" class="montage-buttons">
+                  <div ng-if="LoginData.enableMontageOverlays && !$root.LoginData.isKiosk" class="montage-buttons">
                     <a ng-if="monitor.Monitor.lastEvent" class="button button-small button-assertive icon ion-ios-bell"
                       ng-click="eventButtonClicked(monitor, true)"></a>&nbsp;&nbsp;<a ng-if="monitor.Monitor.lastEvent"
                       class="button button-small button-balanced icon ion-checkmark"
@@ -221,9 +228,9 @@
   <div ng-show="minimal">
     <nav mfb-menu position="br" effect="zoomin" label="{{'kCollapse' | translate}}" active-icon="ion-chevron-down"
       resting-icon="ion-chevron-up" toggling-method="click">
-      <button mfb-button icon="ion-arrow-expand" label="{{'kIncreaseSize' | translate}}" ng-click="sliderChanged(1)">
+      <button ng-if="!$root.LoginData.isKiosk" mfb-button icon="ion-arrow-expand" label="{{'kIncreaseSize' | translate}}" ng-click="sliderChanged(1)">
       </button>
-      <button mfb-button icon="ion-arrow-shrink" label="{{'kDecreaseSize' | translate}}" ng-click="sliderChanged(-1)">
+      <button ng-if="!$root.LoginData.isKiosk" mfb-button icon="ion-arrow-shrink" label="{{'kDecreaseSize' | translate}}" ng-click="sliderChanged(-1)">
       </button>
       <!-- <button mfb-button icon="ion-refresh" label="{{'kRefresh' | translate}}" ng-click="resetSizes();">
             </button>-->
@@ -233,7 +240,7 @@
       </button>
 
     </nav>
-    <span class="modal-alarm-badge">
+    <span ng-if="!$root.LoginData.isKiosk" class="modal-alarm-badge">
       <a data-badge="{{$root.alarmCount}}"
         class="animated infinite tada button icon  ion-ios-bell notification-badge button-assertive"
         ng-click="handleAlarmsWhileMinimized();" ng-if="$root.isAlarm"></a>
-- 
cgit v1.2.3