From 7e19d95c36ee9aca31b048bb9bf465b429f3f6ca Mon Sep 17 00:00:00 2001 From: PliablePixels Date: Fri, 10 Jul 2015 15:27:40 -0400 Subject: updates with new screen --- README.md | 28 +++++++++++++--------- config.xml | 2 +- www/js/MontageCtrl.js | 65 ++++++++++++++++++++++++++------------------------- 3 files changed, 51 insertions(+), 44 deletions(-) diff --git a/README.md b/README.md index a4c1deb4..4198b29f 100644 --- a/README.md +++ b/README.md @@ -40,39 +40,45 @@ Screenshots: Menu: -![](http://www.pbase.com/arjunrc/image/159760951/medium.jpg "Menu") +![](http://www.pbase.com/arjunrc/image/160697727/medium.jpg "Menu") Events List: -![](http://www.pbase.com/arjunrc/image/159760954/medium.jpg "Events List") +![](http://www.pbase.com/arjunrc/image/160697725/medium.jpg "Events List") Full Screen Events Footage View (with floating buttons) -![](http://www.pbase.com/arjunrc/image/159892344/medium.jpg "Events View") +![](http://www.pbase.com/arjunrc/image/160697734/medium.jpg "Events View") Sliding Montage View 1: -![](http://www.pbase.com/arjunrc/image/159760952/medium.jpg "Sliding Montage View") +![](http://www.pbase.com/arjunrc/image/160697821/medium.jpg "Sliding Montage View") -Sliding Montage View 2: +Sliding Montage View 2 (Different sizes): + +![] (http://www.pbase.com/arjunrc/image/160697822/medium.jpg "Sliding Montage View again") + + +Montage Re-order and show/hide: + +![] (http://www.pbase.com/arjunrc/image/160697740/medium.jpg "Montage re-order and hide") -![] (http://www.pbase.com/arjunrc/image/159760953/medium.jpg "Sliding Montage View again") Monitor View: -![](http://www.pbase.com/arjunrc/image/159760955/medium.jpg "Monitor View") +![](http://www.pbase.com/arjunrc/image/160697737/medium.jpg "Monitor View") Graphs: -![] (http://www.pbase.com/arjunrc/image/159760956/medium.jpg "Graphs") +![] (http://www.pbase.com/arjunrc/image/160697738/medium.jpg "Graphs") -Control ZM start/stop/restart: +Control ZM custom states/start/stop/restart: -![] (http://www.pbase.com/arjunrc/image/160096322/medium.jpg "Graphs") +![] (http://www.pbase.com/arjunrc/image/160697735/medium.jpg "Control ZM") Change Monitor Modes: -![] (http://www.pbase.com/arjunrc/image/160096314/medium.jpg "Graphs") +![] (http://www.pbase.com/arjunrc/image/160697731/medium.jpg "Monitor Modes") Pan/Tilt/Zoom Mode: diff --git a/config.xml b/config.xml index 6c483e80..c4b20f82 100644 --- a/config.xml +++ b/config.xml @@ -1,5 +1,5 @@ - + zmNinja High performance ZoneMinder client diff --git a/www/js/MontageCtrl.js b/www/js/MontageCtrl.js index bf4d4347..94ec78ab 100644 --- a/www/js/MontageCtrl.js +++ b/www/js/MontageCtrl.js @@ -67,49 +67,50 @@ angular.module('zmApp.controllers').controller('zmApp.MontageCtrl', ['$scope', ' var myorder = window.localStorage.getItem("montageOrder"); var myhiddenorder = window.localStorage.getItem("montageHiddenOrder"); + console.log("Montage order is " + myorder); console.log("Hidden order is " + myhiddenorder); montageOrder = myorder.split(","); hiddenOrder = myhiddenorder.split(","); - // at this stage, the monitor arrangement is not matching - // the montage order. Its in true order. Let us first process the hiddenOrder part - // now - - for (i = 0; i < montageOrder.length; i++) { - montageOrder[i] = parseInt(montageOrder[i]); - hiddenOrder[i] = parseInt(hiddenOrder[i]); - // $scope.monitors[i].Monitor.sortOrder = montageOrder[i]; - // FIXME: This will briefly show and then hide - // disabled monitors - if (hiddenOrder[i] == 1) { - // $scope.monitors[i].Monitor.listDisplay='noshow'; - $scope.monitors[i].Monitor.listDisplay = 'noshow'; - ZMDataModel.zmLog("Monitor " + i + " is marked as hidden in montage"); - } else { - $scope.monitors[i].Monitor.listDisplay = 'show'; - } + } // at this stage, the monitor arrangement is not matching + // the montage order. Its in true order. Let us first process the hiddenOrder part + // now + + for (i = 0; i < montageOrder.length; i++) { + montageOrder[i] = parseInt(montageOrder[i]); + hiddenOrder[i] = parseInt(hiddenOrder[i]); + // $scope.monitors[i].Monitor.sortOrder = montageOrder[i]; + // FIXME: This will briefly show and then hide + // disabled monitors + if (hiddenOrder[i] == 1) { + // $scope.monitors[i].Monitor.listDisplay='noshow'; + $scope.monitors[i].Monitor.listDisplay = 'noshow'; + ZMDataModel.zmLog("Monitor " + i + " is marked as hidden in montage"); + } else { + $scope.monitors[i].Monitor.listDisplay = 'show'; } - // now arrange monitors according to montage order - // FIXME: Incredibly horrible logic - // I really need to organize this properly into one structure - - // empty out monitors as I'll need to insert them as per montageOrder - // remember to assign - $scope.MontageMonitors = []; - - for (i = 0; i < montageOrder.length; i++) { - for (j = 0; j < montageOrder.length; j++) { - if (montageOrder[j] == i) { - $scope.MontageMonitors.push($scope.monitors[j]); - } + } + // now arrange monitors according to montage order + // FIXME: Incredibly horrible logic + // I really need to organize this properly into one structure + + // empty out monitors as I'll need to insert them as per montageOrder + // remember to assign + $scope.MontageMonitors = []; + + for (i = 0; i < montageOrder.length; i++) { + for (j = 0; j < montageOrder.length; j++) { + if (montageOrder[j] == i) { + $scope.MontageMonitors.push($scope.monitors[j]); } } + } - ZMDataModel.zmLog("After reloading saved order, view order is " + montageOrder.toString() + " and hidden order is " + hiddenOrder.toString()); + ZMDataModel.zmLog("view order is " + montageOrder.toString() + " and hidden order is " + hiddenOrder.toString()); + - } // Do we have a saved montage array size? No? -- cgit v1.2.3