From 50ee781e9c01def669fb7a38d145d544b50c37ad Mon Sep 17 00:00:00 2001
From: Pliable Pixels <pliablepixels@gmail.com>
Date: Fri, 12 Apr 2019 08:27:06 -0400
Subject: #806 allow viewing events for caught up montage, auto expand sidebar
 option on load

---
 www/js/MontageCtrl.js         | 13 ++++++++-----
 www/js/NVR.js                 |  8 +++++++-
 www/lang/locale-en.json       | 10 ++++++----
 www/templates/devoptions.html |  8 ++++++++
 www/templates/montage.html    |  8 +++++++-
 5 files changed, 36 insertions(+), 11 deletions(-)

diff --git a/www/js/MontageCtrl.js b/www/js/MontageCtrl.js
index 3871d42c..4a5e03e6 100644
--- a/www/js/MontageCtrl.js
+++ b/www/js/MontageCtrl.js
@@ -595,7 +595,7 @@ angular.module('zmApp.controllers')
   
       };
 
-    function getEventStatus(monitor) {
+    function getEventStatus(monitor, expandSidebar) {
         ld = NVR.getLogin();
 
       //  https:///zm/api/events/index/MonitorId=:2.json?sort=StartTime&direction=desc&limit=1
@@ -634,6 +634,9 @@ angular.module('zmApp.controllers')
             var mid = monitor.Monitor.Id;
             if (res.events.length == 0) res = undefined;
             monitor.Monitor.lastEvent = res;
+            if (monitor.Monitor.lastEvent && expandSidebar) {
+                monitor.Monitor.showSidebar = true;
+            }
 
         },
         function (err) {
@@ -643,7 +646,7 @@ angular.module('zmApp.controllers')
 
     }
 
-    function loadEventStatus() {
+    function loadEventStatus(expandSidebars) {
        // console.log ("LOADING EVENT STATUS");
 
        if (!NVR.getLogin().enableMontageOverlays) {
@@ -655,7 +658,7 @@ angular.module('zmApp.controllers')
             if ($scope.MontageMonitors[i].Monitor.Enabled == 0 ||
             $scope.MontageMonitors[i].Monitor.listDisplay == 'noshow' ||
             $scope.MontageMonitors[i].Monitor.Function == 'None') continue;
-            getEventStatus($scope.MontageMonitors[i]);
+            getEventStatus($scope.MontageMonitors[i], expandSidebars);
 
         }
 
@@ -1390,7 +1393,7 @@ angular.module('zmApp.controllers')
         //  console.log ("Refreshing Image...");
       }.bind(this), zm.alarmStatusTime);
 
-      loadEventStatus();
+      loadEventStatus(true);
       intervalHandleEventStatus = $interval(function () {
         loadEventStatus();
         //  console.log ("Refreshing Image...");
@@ -2210,7 +2213,7 @@ angular.module('zmApp.controllers')
         //  console.log ("Refreshing Image...");
       }.bind(this), zm.alarmStatusTime);
 
-      loadEventStatus();
+      loadEventStatus(true);
       intervalHandleEventStatus = $interval(function () {
         loadEventStatus();
         //  console.log ("Refreshing Image...");
diff --git a/www/js/NVR.js b/www/js/NVR.js
index a2e518ba..0153bd79 100644
--- a/www/js/NVR.js
+++ b/www/js/NVR.js
@@ -193,7 +193,8 @@ angular.module('zmApp.controllers')
         'objectDetectionFilter': false,
         'enableEventRefresh': true,
         'lastEventCheckTimes':{}, 
-        'enableMontageOverlays': true
+        'enableMontageOverlays': true,
+        'showMontageSidebars': false
       
 
 
@@ -1051,6 +1052,11 @@ angular.module('zmApp.controllers')
 
                   }
 
+                  if (typeof loginData.showMontageSidebars == 'undefined') {
+                    loginData.showMontageSidebars = false;
+
+                  }
+
                   loginData.canSwipeMonitors = true;
                   loginData.forceImageModePath = false;
                   loginData.enableBlog = true;
diff --git a/www/lang/locale-en.json b/www/lang/locale-en.json
index a0276fea..f1f4f4f4 100644
--- a/www/lang/locale-en.json
+++ b/www/lang/locale-en.json
@@ -233,10 +233,12 @@
     "kMonitorVideoEncode"        :"X264 Video Encode", 
     "kMontage"                   :"Montage",
     "kMontageEnableOverlays"     :"Enable montage overlay buttons",
-    "kMontageEventStorage"       : "storage",
-    "kMontageEventUnseenCount"   : "unseen",
-    "kMontageEventCaughtUp"      : "All caught up!",
-    "kMontageEventLatest"        : "latest",
+    "kMontageShowSidebars"       :"Expand montage sidebar",
+    "kMontageShowSidebarsNote"   :"for monitors with unseen events",
+    "kMontageEventStorage"       :"storage",
+    "kMontageEventUnseenCount"   :"unseen",
+    "kMontageEventCaughtUp"      :"All caught up!",
+    "kMontageEventLatest"        :"latest",
     "kMontageDefaultProfile"     :"all monitors",
     "kMontageImageScale"         :"Montage image scale",
     "kMontageNoSavedProfiles"    :"No saved montage profiles",
diff --git a/www/templates/devoptions.html b/www/templates/devoptions.html
index cf35d2ef..03d51047 100644
--- a/www/templates/devoptions.html
+++ b/www/templates/devoptions.html
@@ -51,6 +51,14 @@
             </ion-toggle>
         </label>
 
+        <label>
+            <ion-toggle ng-model="loginData.showMontageSidebars" toggle-class="toggle-calm">
+              <span class="item-text-wrap">{{'kMontageShowSidebars' | translate}}
+                <p>{{'kMontageShowSidebarsNote' | translate}}</p>
+              </span>
+            </ion-toggle>
+        </label>
+
 
       <!--
       <div ng-if="$root.platformOS=='android'">
diff --git a/www/templates/montage.html b/www/templates/montage.html
index 3cfe3699..e48e973d 100644
--- a/www/templates/montage.html
+++ b/www/templates/montage.html
@@ -181,7 +181,13 @@
               {{formatBytes(monitor.Monitor.TotalEventDiskSpace,1)}}
             </div>
             <div ng-if="!monitor.Monitor.lastEvent">
-              <div class="row">{{'kMontageEventCaughtUp' | translate}}</div>
+              <div class="row row-no-padding">
+                  <div class="col col-no-padding">
+                        <a class="button button-small button icon ion-thumbsup" 
+                        ng-click="eventButtonClicked(monitor, true)"> {{'kMontageEventCaughtUp' | translate}} </a>
+                  </div>
+                 
+            </div>  
             </div>
             <div ng-if="monitor.Monitor.lastEvent">
               <div class="row row-no-padding">
-- 
cgit v1.2.3