diff options
| author | Pliable Pixels <pliablepixels@gmail.com> | 2018-05-12 08:12:23 -0400 |
|---|---|---|
| committer | Pliable Pixels <pliablepixels@gmail.com> | 2018-05-12 08:12:23 -0400 |
| commit | 0d81a588d42c73c92d313f853461b433f8543ae4 (patch) | |
| tree | 08590e3caad35938ec92c7a04bc3206409011284 /www/js/EventCtrl.js | |
| parent | 971741dc3e0eaa26c3a56ceeab6ce6eece61b6ce (diff) | |
file formatting
Diffstat (limited to 'www/js/EventCtrl.js')
| -rw-r--r-- | www/js/EventCtrl.js | 4985 |
1 files changed, 2308 insertions, 2677 deletions
diff --git a/www/js/EventCtrl.js b/www/js/EventCtrl.js index 6da6f884..d8925dee 100644 --- a/www/js/EventCtrl.js +++ b/www/js/EventCtrl.js @@ -9,36 +9,30 @@ angular.module('zmApp.controllers') -// alarm frames filter -.filter('selectFrames', function($filter, $translate) -{ + // alarm frames filter + .filter('selectFrames', function ($filter, $translate) { // Create the return function and set the required parameter name to **input** - return function(input, typeOfFrames) - { + return function (input, typeOfFrames) { - var out = []; + var out = []; - angular.forEach(input, function(item) - { + angular.forEach(input, function (item) { - if (typeOfFrames == $translate.instant('kShowTimeDiffFrames')) - { - if (item.type == $translate.instant('kShowTimeDiffFrames')) - out.push(item); - } - else - out.push(item); + if (typeOfFrames == $translate.instant('kShowTimeDiffFrames')) { + if (item.type == $translate.instant('kShowTimeDiffFrames')) + out.push(item); + } else + out.push(item); - }); + }); - return out; + return out; }; -}) + }) -.controller('zmApp.EventCtrl', ['$scope', '$rootScope', 'zm', 'NVRDataModel', 'message', '$ionicSideMenuDelegate', '$timeout', '$interval', '$ionicModal', '$ionicLoading', '$http', '$state', '$stateParams', '$ionicHistory', '$ionicScrollDelegate', '$ionicPlatform', '$ionicSlideBoxDelegate', '$ionicPosition', '$ionicPopover', '$ionicPopup', 'EventServer', '$sce', '$cordovaBadge', '$cordovaLocalNotification', '$q', 'carouselUtils', '$translate', '$cordovaFileTransfer', '$cordovaFile', '$ionicListDelegate', 'ionPullUpFooterState',function($scope, $rootScope, zm, NVRDataModel, message, $ionicSideMenuDelegate, $timeout, $interval, $ionicModal, $ionicLoading, $http, $state, $stateParams, $ionicHistory, $ionicScrollDelegate, $ionicPlatform, $ionicSlideBoxDelegate, $ionicPosition, $ionicPopover, $ionicPopup, EventServer, $sce, $cordovaBadge, $cordovaLocalNotification, $q, carouselUtils, $translate, $cordovaFileTransfer, $cordovaFile, $ionicListDelegate,ionPullUpFooterState) -{ + .controller('zmApp.EventCtrl', ['$scope', '$rootScope', 'zm', 'NVRDataModel', 'message', '$ionicSideMenuDelegate', '$timeout', '$interval', '$ionicModal', '$ionicLoading', '$http', '$state', '$stateParams', '$ionicHistory', '$ionicScrollDelegate', '$ionicPlatform', '$ionicSlideBoxDelegate', '$ionicPosition', '$ionicPopover', '$ionicPopup', 'EventServer', '$sce', '$cordovaBadge', '$cordovaLocalNotification', '$q', 'carouselUtils', '$translate', '$cordovaFileTransfer', '$cordovaFile', '$ionicListDelegate', 'ionPullUpFooterState', function ($scope, $rootScope, zm, NVRDataModel, message, $ionicSideMenuDelegate, $timeout, $interval, $ionicModal, $ionicLoading, $http, $state, $stateParams, $ionicHistory, $ionicScrollDelegate, $ionicPlatform, $ionicSlideBoxDelegate, $ionicPosition, $ionicPopover, $ionicPopup, EventServer, $sce, $cordovaBadge, $cordovaLocalNotification, $q, carouselUtils, $translate, $cordovaFileTransfer, $cordovaFile, $ionicListDelegate, ionPullUpFooterState) { // events in last 5 minutes // TODO https://server/zm/api/events/consoleEvents/5%20minute.json @@ -71,211 +65,199 @@ angular.module('zmApp.controllers') var eventsListScrubHeight = eventsListScrubHeight; var eventsListDetailsHeight = eventsListDetailsHeight; - + //--------------------------------------------------- // initial code //--------------------------------------------------- //we come here is TZ is updated after the view loads - var tzu = $scope.$on('tz-updated', function() - { - $scope.tzAbbr = NVRDataModel.getTimeZoneNow(); - NVRDataModel.debug("Timezone API updated timezone to " + NVRDataModel.getTimeZoneNow()); + var tzu = $scope.$on('tz-updated', function () { + $scope.tzAbbr = NVRDataModel.getTimeZoneNow(); + NVRDataModel.debug("Timezone API updated timezone to " + NVRDataModel.getTimeZoneNow()); }); broadcastHandles.push(tzu); - var lc = $scope.$on("language-changed", function() - { - NVRDataModel.log(">>>>>>>>>>>>>>> language changed"); - doRefresh(); + var lc = $scope.$on("language-changed", function () { + NVRDataModel.log(">>>>>>>>>>>>>>> language changed"); + doRefresh(); }); broadcastHandles.push(lc); - $scope.$on('$ionicView.afterEnter', function() - { - - // console.log ("********* AFTER ENTER"); - // - $ionicListDelegate.canSwipeItems(true); - NVRDataModel.debug ("enabling options swipe"); + $scope.$on('$ionicView.afterEnter', function () { - // see if we come from monitors, if so, don't filter events - if ($ionicHistory.backTitle() == 'Monitors') - { - showHiddenMonitors = true; - } - else - { - showHiddenMonitors = false; - } + // console.log ("********* AFTER ENTER"); + // + $ionicListDelegate.canSwipeItems(true); + NVRDataModel.debug("enabling options swipe"); - if (NVRDataModel.getLogin().useLocalTimeZone) - { - $scope.tzAbbr = moment().tz(moment.tz.guess()).zoneAbbr(); - } - else - { - $scope.tzAbbr = moment().tz(NVRDataModel.getTimeZoneNow()).zoneAbbr(); - } + // see if we come from monitors, if so, don't filter events + if ($ionicHistory.backTitle() == 'Monitors') { + showHiddenMonitors = true; + } else { + showHiddenMonitors = false; + } - //console.log ("************** CLEARING EVENTS"); - $scope.events = []; + if (NVRDataModel.getLogin().useLocalTimeZone) { + $scope.tzAbbr = moment().tz(moment.tz.guess()).zoneAbbr(); + } else { + $scope.tzAbbr = moment().tz(NVRDataModel.getTimeZoneNow()).zoneAbbr(); + } - $timeout ( function() { - // console.log ("DEFERRED ACTION EVENTS"); - getInitialEvents(); - setupWatchers(); - footerExpand(); - // now do event playback if asked + //console.log ("************** CLEARING EVENTS"); + $scope.events = []; - if (parseInt($rootScope.tappedEid) > 0) { - NVRDataModel.debug (" Trying ot live play " + $rootScope.tappedEid); - playSpecificEvent($rootScope.tappedEid); - - } + $timeout(function () { + // console.log ("DEFERRED ACTION EVENTS"); + getInitialEvents(); + setupWatchers(); + footerExpand(); + // now do event playback if asked + + if (parseInt($rootScope.tappedEid) > 0) { + NVRDataModel.debug(" Trying ot live play " + $rootScope.tappedEid); + playSpecificEvent($rootScope.tappedEid); + + } + + }, 100); - },100); - }); - function playSpecificEvent (eid) { - NVRDataModel.log ("Stuffing EID to play back "+ eid); - $rootScope.tappedEid = 0; - var event = { - Event: { - Id:eid - } + function playSpecificEvent(eid) { + NVRDataModel.log("Stuffing EID to play back " + eid); + $rootScope.tappedEid = 0; + var event = { + Event: { + Id: eid + } - }; - $scope.event = event; - $scope.currentEvent = event; - openModal(event); + }; + $scope.event = event; + $scope.currentEvent = event; + openModal(event); } - $scope.$on('$ionicView.beforeLeave', function() - { + $scope.$on('$ionicView.beforeLeave', function () { - NVRDataModel.debug ("EventCtrl: Deregistering broadcast handles"); - for (var i=0; i < broadcastHandles.length; i++) { - // broadcastHandles[i](); - } - broadcastHandles = []; + NVRDataModel.debug("EventCtrl: Deregistering broadcast handles"); + for (var i = 0; i < broadcastHandles.length; i++) { + // broadcastHandles[i](); + } + broadcastHandles = []; }); - $scope.$on('$ionicView.beforeEnter', function() - { + $scope.$on('$ionicView.beforeEnter', function () { - //console.log ("********* BEFORE ENTER"); - // + //console.log ("********* BEFORE ENTER"); + // - $scope.modalData = {"doRefresh":false}; + $scope.modalData = { + "doRefresh": false + }; - $scope.footerState = ionPullUpFooterState.MINIMIZED; - $scope.gifshotSupported = true; - document.addEventListener("pause", onPause, false); - //console.log("I got STATE PARAM " + $stateParams.id); - $scope.id = parseInt($stateParams.id, 10); - $scope.showEvent = $stateParams.playEvent || false; + $scope.footerState = ionPullUpFooterState.MINIMIZED; + $scope.gifshotSupported = true; + document.addEventListener("pause", onPause, false); + //console.log("I got STATE PARAM " + $stateParams.id); + $scope.id = parseInt($stateParams.id, 10); + $scope.showEvent = $stateParams.playEvent || false; - //console.log("BEFORE ENTER >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>"); + //console.log("BEFORE ENTER >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>"); - NVRDataModel.log("EventCtrl called with: E/MID=" + $scope.id + " playEvent = " + $scope.showEvent); + NVRDataModel.log("EventCtrl called with: E/MID=" + $scope.id + " playEvent = " + $scope.showEvent); - // This is the only view that hardcodes row size due to - // collection repeat, so lets re-get the text size if it has changed - // note that there may be a delay as its a callback - so might involve - // a UI jiggle + // This is the only view that hardcodes row size due to + // collection repeat, so lets re-get the text size if it has changed + // note that there may be a delay as its a callback - so might involve + // a UI jiggle - if (window.cordova) - MobileAccessibility.getTextZoom(getTextZoomCallback); + if (window.cordova) + MobileAccessibility.getTextZoom(getTextZoomCallback); - eventsListDetailsHeight = parseInt(zm.eventsListDetailsHeight * $rootScope.textScaleFactor); - eventsListScrubHeight = parseInt(zm.eventsListScrubHeight * $rootScope.textScaleFactor); + eventsListDetailsHeight = parseInt(zm.eventsListDetailsHeight * $rootScope.textScaleFactor); + eventsListScrubHeight = parseInt(zm.eventsListScrubHeight * $rootScope.textScaleFactor); - if (NVRDataModel.getLogin().enableThumbs) { - NVRDataModel.debug ("--> thumbnail means increasing row size"); - eventsListScrubHeight=370; - eventsListDetailsHeight=330; - - } + if (NVRDataModel.getLogin().enableThumbs) { + NVRDataModel.debug("--> thumbnail means increasing row size"); + eventsListScrubHeight = 370; + eventsListDetailsHeight = 330; - NVRDataModel.debug(">>>height of list/scrub set to " + eventsListDetailsHeight + " and " + eventsListScrubHeight); + } - pageLoaded = false; - enableLoadMore = true; + NVRDataModel.debug(">>>height of list/scrub set to " + eventsListDetailsHeight + " and " + eventsListScrubHeight); - $scope.mycarousel = { - index: 0 - }; + pageLoaded = false; + enableLoadMore = true; - $scope.ionRange = { - index: 1 - }; - $scope.animationInProgress = false; + $scope.mycarousel = { + index: 0 + }; - $scope.hours = []; - $scope.days = []; - $scope.weeks = []; - $scope.months = []; + $scope.ionRange = { + index: 1 + }; + $scope.animationInProgress = false; - $scope.eventList = { - showDelete: false - }; + $scope.hours = []; + $scope.days = []; + $scope.weeks = []; + $scope.months = []; - $scope.slides = []; // will hold scrub frames - $scope.totalEventTime = 0; // used to display max of progress bar - $scope.currentEventTime = 0; - oldEvent = ""; // will hold previous event that had showScrub = true - scrollbynumber = 0; - $scope.eventsBeingLoaded = true; - $scope.FrameArray = []; // will hold frame info from detailed Events API - loginData = NVRDataModel.getLogin(); - NVRDataModel.getKeyConfigParams(0) - .then(function(data) - { - //console.log ("***GETKEY: " + JSON.stringify(data)); - eventImageDigits = parseInt(data); - NVRDataModel.log("Image padding digits reported as " + eventImageDigits); - }); + $scope.eventList = { + showDelete: false + }; - $scope.showSearch = false; - eventsPage = 1; - moreEvents = true; - $scope.viewTitle = { - title: "" - }; - $scope.search = { - text: "" + $scope.slides = []; // will hold scrub frames + $scope.totalEventTime = 0; // used to display max of progress bar + $scope.currentEventTime = 0; + oldEvent = ""; // will hold previous event that had showScrub = true + scrollbynumber = 0; + $scope.eventsBeingLoaded = true; + $scope.FrameArray = []; // will hold frame info from detailed Events API + loginData = NVRDataModel.getLogin(); + NVRDataModel.getKeyConfigParams(0) + .then(function (data) { + //console.log ("***GETKEY: " + JSON.stringify(data)); + eventImageDigits = parseInt(data); + NVRDataModel.log("Image padding digits reported as " + eventImageDigits); + }); - }; - $scope.myfilter = ""; + $scope.showSearch = false; + eventsPage = 1; + moreEvents = true; + $scope.viewTitle = { + title: "" + }; + $scope.search = { + text: "" + + }; + $scope.myfilter = ""; - $scope.loginData = NVRDataModel.getLogin(); - $scope.playbackURL = $scope.loginData.url; + $scope.loginData = NVRDataModel.getLogin(); + $scope.playbackURL = $scope.loginData.url; }); - function getEventObject(eid) - { + function getEventObject(eid) { - var apiurl = NVRDataModel.getLogin().apiurl + '/events/' + eid + '.json'; + var apiurl = NVRDataModel.getLogin().apiurl + '/events/' + eid + '.json'; - $http.get(apiurl) - .success(function(data) {}) - .error(function(err) {}); + $http.get(apiurl) + .success(function (data) {}) + .error(function (err) {}); } - function getTextZoomCallback(tz) - { - $rootScope.textScaleFactor = parseFloat(tz + "%") / 100.0; - NVRDataModel.debug("text zoom factor is " + $rootScope.textScaleFactor); + function getTextZoomCallback(tz) { + $rootScope.textScaleFactor = parseFloat(tz + "%") / 100.0; + NVRDataModel.debug("text zoom factor is " + $rootScope.textScaleFactor); } // -------------------------------------------------------- @@ -283,70 +265,58 @@ angular.module('zmApp.controllers') // close the modal // -------------------------------------------------------- - $ionicPlatform.registerBackButtonAction(function(e) - { - e.preventDefault(); - if ($scope.modal != undefined && $scope.modal.isShown()) - { - // switch off awake, as liveview is finished - NVRDataModel.debug("Modal is open, closing it"); - NVRDataModel.setAwake(false); - $scope.modal.remove(); + $ionicPlatform.registerBackButtonAction(function (e) { + e.preventDefault(); + if ($scope.modal != undefined && $scope.modal.isShown()) { + // switch off awake, as liveview is finished + NVRDataModel.debug("Modal is open, closing it"); + NVRDataModel.setAwake(false); + $scope.modal.remove(); + } else { + NVRDataModel.debug("Modal is closed, so toggling or exiting"); + if (!$ionicSideMenuDelegate.isOpenLeft()) { + $ionicSideMenuDelegate.toggleLeft(); + + } else { + navigator.app.exitApp(); } - else - { - NVRDataModel.debug("Modal is closed, so toggling or exiting"); - if (!$ionicSideMenuDelegate.isOpenLeft()) - { - $ionicSideMenuDelegate.toggleLeft(); - - } - else - { - navigator.app.exitApp(); - } - } + } }, 1000); //-------------------------------------- // monitor the slider for carousels //-------------------------------------- - function setupWatchers() - { - NVRDataModel.debug("Setting up carousel watchers"); + function setupWatchers() { + NVRDataModel.debug("Setting up carousel watchers"); - ionRangeWatcher = $scope.$watch('ionRange.index', function() - { - // console.log ("Watching index"); - $scope.mycarousel.index = parseInt($scope.ionRange.index) - 1; - if (carouselUtils.getStop() == true) - return; + ionRangeWatcher = $scope.$watch('ionRange.index', function () { + // console.log ("Watching index"); + $scope.mycarousel.index = parseInt($scope.ionRange.index) - 1; + if (carouselUtils.getStop() == true) + return; - //console.log ("***ION RANGE CHANGED TO " + $scope.mycarousel.index); - }); + //console.log ("***ION RANGE CHANGED TO " + $scope.mycarousel.index); + }); - mycarouselWatcher = $scope.$watch('mycarousel.index', function() - { + mycarouselWatcher = $scope.$watch('mycarousel.index', function () { - if ($scope.event && $scope.ionRange.index == parseInt($scope.event.Event.Frames) - 1) - { - if (!$scope.modal || $scope.modal.isShown() == false) - { - // console.log("quick scrub playback over"); - carouselUtils.setStop(true); - $scope.ionRange.index = 0; - $scope.mycarousel.index = 1; - } + if ($scope.event && $scope.ionRange.index == parseInt($scope.event.Event.Frames) - 1) { + if (!$scope.modal || $scope.modal.isShown() == false) { + // console.log("quick scrub playback over"); + carouselUtils.setStop(true); + $scope.ionRange.index = 0; + $scope.mycarousel.index = 1; + } - } - if (carouselUtils.getStop() == true) - return; - $scope.ionRange.index = ($scope.mycarousel.index + 1).toString(); - // console.log ("***IONRANGE RANGE CHANGED TO " + $scope.ionRange.index); + } + if (carouselUtils.getStop() == true) + return; + $scope.ionRange.index = ($scope.mycarousel.index + 1).toString(); + // console.log ("***IONRANGE RANGE CHANGED TO " + $scope.ionRange.index); - }); + }); } @@ -355,782 +325,698 @@ angular.module('zmApp.controllers') // close the modal // -------------------------------------------------------- - function getInitialEvents() - { - NVRDataModel.debug("getInitialEvents called"); - var lData = NVRDataModel.getLogin(); + function getInitialEvents() { + NVRDataModel.debug("getInitialEvents called"); + var lData = NVRDataModel.getLogin(); + + // If you came from Monitors, disregard hidden monitors in montage + /* if (lData.persistMontageOrder && stackState != "Monitors") { + var tempMon = message; + $scope.monitors = NVRDataModel.applyMontageMonitorPrefs(tempMon, 2)[0]; + } else*/ + $scope.monitors = message; + + if ($scope.monitors.length == 0) { + var pTitle = $translate.instant('kNoMonitors'); + $ionicPopup.alert({ + title: pTitle, + template: "{{'kCheckCredentials' | translate }}", + okText: $translate.instant('kButtonOk'), + cancelText: $translate.instant('kButtonCancel'), + }); + $ionicHistory.nextViewOptions({ + disableBack: true + }); + $state.go("app.login", { + "wizard": false + }); + return; + } + + $scope.events = []; + + // First get total pages and then + // start from the latest. If this fails, nothing displays + + NVRDataModel.debug("EventCtrl: grabbing # of event pages"); + nolangFrom = ""; + nolangTo = ""; + if ($rootScope.fromString) + nolangFrom = moment($rootScope.fromString).locale('en').format("YYYY-MM-DD HH:mm:ss"); + if ($rootScope.toString) + nolangTo = moment($rootScope.toString).locale('en').format("YYYY-MM-DD HH:mm:ss"); + + //NVRDataModel.debug ("GETTING EVENTS USING "+$scope.id+" "+nolangFrom+" "+ nolangTo); + NVRDataModel.getEventsPages($scope.id, nolangFrom, nolangTo) + .then(function (data) { + // console.log ("WE GOT PAGES="+JSON.stringify(data)); + eventsPage = data.pageCount || 1; + NVRDataModel.debug("EventCtrl: found " + eventsPage + " pages of events"); + + pageLoaded = true; + $scope.viewTitle.title = data.count; + NVRDataModel.debug("EventCtrl: grabbing events for: id=" + $scope.id + " Date/Time:" + $rootScope.fromString + + "-" + $rootScope.toString); + nolangFrom = ""; + nolangTo = ""; + if ($rootScope.fromString) + nolangFrom = moment($rootScope.fromString).locale('en').format("YYYY-MM-DD HH:mm:ss"); + if ($rootScope.toString) + nolangTo = moment($rootScope.toString).locale('en').format("YYYY-MM-DD HH:mm:ss"); - // If you came from Monitors, disregard hidden monitors in montage - /* if (lData.persistMontageOrder && stackState != "Monitors") { - var tempMon = message; - $scope.monitors = NVRDataModel.applyMontageMonitorPrefs(tempMon, 2)[0]; - } else*/ - $scope.monitors =message; + NVRDataModel.getEvents($scope.id, eventsPage, "", nolangFrom, nolangTo) + .then(function (data) { - if ($scope.monitors.length == 0) - { - var pTitle = $translate.instant('kNoMonitors'); - $ionicPopup.alert( - { - title: pTitle, - template: "{{'kCheckCredentials' | translate }}", - okText: $translate.instant('kButtonOk'), - cancelText: $translate.instant('kButtonCancel'), - }); - $ionicHistory.nextViewOptions( - { - disableBack: true - }); - $state.go("app.login", - { - "wizard": false - }); - return; - } + // console.log ("WE GOT EVENTS="+JSON.stringify(data)); + var myevents = data; - $scope.events = []; + NVRDataModel.debug("EventCtrl: success, got " + myevents.length + " events"); + var loginData = NVRDataModel.getLogin(); - // First get total pages and then - // start from the latest. If this fails, nothing displays + //console.log ("-------->MON LEN"+$scope.monitors.length); - NVRDataModel.debug("EventCtrl: grabbing # of event pages"); - nolangFrom = ""; - nolangTo = ""; - if ($rootScope.fromString) - nolangFrom = moment($rootScope.fromString).locale('en').format("YYYY-MM-DD HH:mm:ss"); - if ($rootScope.toString) - nolangTo = moment($rootScope.toString).locale('en').format("YYYY-MM-DD HH:mm:ss"); + for (var i = 0; i < myevents.length; i++) { - //NVRDataModel.debug ("GETTING EVENTS USING "+$scope.id+" "+nolangFrom+" "+ nolangTo); - NVRDataModel.getEventsPages($scope.id, nolangFrom, nolangTo) - .then(function(data) - { - // console.log ("WE GOT PAGES="+JSON.stringify(data)); - eventsPage = data.pageCount || 1; - NVRDataModel.debug("EventCtrl: found " + eventsPage + " pages of events"); - - pageLoaded = true; - $scope.viewTitle.title = data.count; - NVRDataModel.debug("EventCtrl: grabbing events for: id=" + $scope.id + " Date/Time:" + $rootScope.fromString + - "-" + $rootScope.toString); - nolangFrom = ""; - nolangTo = ""; - if ($rootScope.fromString) - nolangFrom = moment($rootScope.fromString).locale('en').format("YYYY-MM-DD HH:mm:ss"); - if ($rootScope.toString) - nolangTo = moment($rootScope.toString).locale('en').format("YYYY-MM-DD HH:mm:ss"); + var idfound = true; + if (loginData.persistMontageOrder) { + idfound = false; + for (var ii = 0; ii < $scope.monitors.length; ii++) { + if ($scope.monitors[ii].Monitor.Id == myevents[i].Event.MonitorId && (NVRDataModel.isNotHidden(myevents[i].Event.MonitorId) || showHiddenMonitors)) { + // console.log ("FOUND IT"); - NVRDataModel.getEvents($scope.id, eventsPage, "", nolangFrom, nolangTo) - .then(function(data) - { - - // console.log ("WE GOT EVENTS="+JSON.stringify(data)); - var myevents = data; + idfound = true; + break; + } + } + } - NVRDataModel.debug("EventCtrl: success, got " + myevents.length + " events"); - var loginData = NVRDataModel.getLogin(); + //console.log ("IDFOUND="+idfound + " AND MON LEN="+$scope.monitors.length); - //console.log ("-------->MON LEN"+$scope.monitors.length); - - for (var i = 0; i < myevents.length; i++) - { + myevents[i].Event.humanizeTime = humanizeTime(myevents[i].Event.StartTime); + myevents[i].Event.streamingURL = NVRDataModel.getStreamingURL(myevents[i].Event.MonitorId); + myevents[i].Event.baseURL = NVRDataModel.getBaseURL(myevents[i].Event.MonitorId); + myevents[i].Event.imageMode = NVRDataModel.getImageMode(myevents[i].Event.MonitorId); - var idfound = true; - if (loginData.persistMontageOrder) - { - idfound = false; - for (var ii = 0; ii < $scope.monitors.length; ii++) - { - if ($scope.monitors[ii].Monitor.Id == myevents[i].Event.MonitorId && (NVRDataModel.isNotHidden(myevents[i].Event.MonitorId) || showHiddenMonitors)) - { - // console.log ("FOUND IT"); - - idfound = true; - break; - } - } - } - - //console.log ("IDFOUND="+idfound + " AND MON LEN="+$scope.monitors.length); - - myevents[i].Event.humanizeTime = humanizeTime(myevents[i].Event.StartTime); - myevents[i].Event.streamingURL = NVRDataModel.getStreamingURL(myevents[i].Event.MonitorId); - myevents[i].Event.baseURL = NVRDataModel.getBaseURL(myevents[i].Event.MonitorId); - myevents[i].Event.imageMode = NVRDataModel.getImageMode(myevents[i].Event.MonitorId); - - //console.log ("***** MULTISERVER STREAMING URL FOR EVENTS " + myevents[i].Event.streamingURL); - - // console.log ("***** MULTISERVER BASE URL FOR EVENTS " + myevents[i].Event.baseURL); - - myevents[i].Event.MonitorName = NVRDataModel.getMonitorName(myevents[i].Event.MonitorId); - myevents[i].Event.ShowScrub = false; - myevents[i].Event.height = eventsListDetailsHeight; - // now construct base path - myevents[i].Event.BasePath = computeBasePath(myevents[i]); - myevents[i].Event.relativePath = computeRelativePath(myevents[i]); - - // get thumbW/H - - var tempMon = NVRDataModel.getMonitorObject(myevents[i].Event.MonitorId); - if (tempMon != undefined) { - - var ratio; - var mw = parseInt(tempMon.Monitor.Width); - var mh = parseInt(tempMon.Monitor.Height); - var mo =parseInt(tempMon.Monitor.Orientation); - - myevents[i].Event.Rotation = ''; - - // scale by X if width > height - if (mw > mh ) { - ratio = mw / zm.thumbWidth; - myevents[i].Event.thumbWidth = 200; - myevents[i].Event.thumbHeight = Math.round(mh/ratio); - } - else { - - ratio = mh / zm.thumbWidth; - myevents[i].Event.thumbHeight = 200; - myevents[i].Event.thumbWidth = Math.round(mw/ratio); - - } - - if (mo != 0) { - /* - myevents[i].Event.Rotation = { - 'transform' : 'rotate('+mo+'deg'+')' - }; */ - - var tmp = myevents[i].Event.thumbHeight; - myevents[i].Event.thumbHeight = myevents[i].Event.thumbWidth; - myevents[i].Event.thumbWidth = tmp; - - - } // swap - - // console.log ("--------->" +"MW:"+myevents[i].Event.thumbWidth+ " MH:"+ myevents[i].Event.thumbHeight + " for Monitor:" + myevents[i].Event.MonitorName); - - - - - - } - - // in multiserver BasePath is login url for frames - // http://login.url/index.php?view=frame&eid=19696772&fid=21 - - // console.log ("COMPARING "+NVRDataModel.getLogin().url+ " TO " +myevents[i].Event.baseURL); - if (NVRDataModel.getLogin().url != myevents[i].Event.baseURL) - { - //NVRDataModel.debug ("Multi server, changing base"); - myevents[i].Event.baseURL = NVRDataModel.getLogin().url; - - } - - if (myevents[i].Event.imageMode == 'path') - //if (1) - myevents[i].Event.videoPath = myevents[i].Event.baseURL + "/events/" + myevents[i].Event.relativePath + myevents[i].Event.DefaultVideo; - else - myevents[i].Event.videoPath = myevents[i].Event.baseURL + "/index.php?view=view_video&eid=" + myevents[i].Event.Id; - - // if (idfound) - if (idfound) - { - - //NVRDataModel.debug ("PUSHING "+JSON.stringify(myevents[i])); - $scope.events.push(myevents[i]); - //console.log ("SCOPE EVENTS LEN="+$scope.events.length); - } - else - { - //NVRDataModel.debug ("Skipping Event MID = " + myevents[i].Event.MonitorId); - } - - } //for - - //$scope.events = myevents; - // we only need to stop the template from loading when the list is empty - // so this can be false once we have _some_ content - // FIXME: check reload - $scope.eventsBeingLoaded = false; - // to avoid only few events being displayed - // if last page has less events - //console.log("**Loading Next Page ***"); - if (myevents.length < 50) - { - //console.log ("EVENTS LOADED="+JSON.stringify($scope.events)); - NVRDataModel.debug("EventCtrl:loading one more page just in case we don't have enough to display"); - loadMore(); - } - }); + //console.log ("***** MULTISERVER STREAMING URL FOR EVENTS " + myevents[i].Event.streamingURL); - }); - } + // console.log ("***** MULTISERVER BASE URL FOR EVENTS " + myevents[i].Event.baseURL); - //------------------------------------------------------- - // Tapping on a frame shows this image - //------------------------------------------------------ + myevents[i].Event.MonitorName = NVRDataModel.getMonitorName(myevents[i].Event.MonitorId); + myevents[i].Event.ShowScrub = false; + myevents[i].Event.height = eventsListDetailsHeight; + // now construct base path + myevents[i].Event.BasePath = computeBasePath(myevents[i]); + myevents[i].Event.relativePath = computeRelativePath(myevents[i]); - function SaveSuccess() - { - $ionicLoading.show( - { - template: $translate.instant('kDone'), - noBackdrop: true, - duration: 1000 - }); - NVRDataModel.debug("ModalCtrl:Photo saved successfuly"); - } + // get thumbW/H - function SaveError(e) - { - $ionicLoading.show( - { - template: $translate.instant('kErrorSave'), - noBackdrop: true, - duration: 2000 - }); - NVRDataModel.log("Error saving image: " + e.message); - //console.log("***ERROR"); - } + var tempMon = NVRDataModel.getMonitorObject(myevents[i].Event.MonitorId); + if (tempMon != undefined) { + + var ratio; + var mw = parseInt(tempMon.Monitor.Width); + var mh = parseInt(tempMon.Monitor.Height); + var mo = parseInt(tempMon.Monitor.Orientation); + + myevents[i].Event.Rotation = ''; + + // scale by X if width > height + if (mw > mh) { + ratio = mw / zm.thumbWidth; + myevents[i].Event.thumbWidth = 200; + myevents[i].Event.thumbHeight = Math.round(mh / ratio); + } else { + + ratio = mh / zm.thumbWidth; + myevents[i].Event.thumbHeight = 200; + myevents[i].Event.thumbWidth = Math.round(mw / ratio); + + } + + if (mo != 0) { + /* + myevents[i].Event.Rotation = { + 'transform' : 'rotate('+mo+'deg'+')' + }; */ + + var tmp = myevents[i].Event.thumbHeight; + myevents[i].Event.thumbHeight = myevents[i].Event.thumbWidth; + myevents[i].Event.thumbWidth = tmp; + + + } // swap + + // console.log ("--------->" +"MW:"+myevents[i].Event.thumbWidth+ " MH:"+ myevents[i].Event.thumbHeight + " for Monitor:" + myevents[i].Event.MonitorName); - function saveNow(imgsrc, r, f) - { - $ionicLoading.show( - { - template: $translate.instant('kSavingSnapshot') + "...", - noBackdrop: true, - duration: zm.httpTimeout - }); - var url = imgsrc; - NVRDataModel.log("saveNow: File path to grab is " + url); - var img = new Image(); - img.onload = function() - { - // console.log("********* ONLOAD"); - var canvas = document.createElement('canvas'); - canvas.width = img.width; - canvas.height = img.height; - var context = canvas.getContext('2d'); - context.drawImage(img, 0, 0); - - var imageDataUrl = canvas.toDataURL('image/jpeg', 1.0); - var imageData = imageDataUrl.replace(/data:image\/jpeg;base64,/, ''); - - if ($rootScope.platformOS != "desktop") - { - try - { - cordova.exec( - SaveSuccess, - SaveError, - 'Canvas2ImagePlugin', - 'saveImageDataToLibrary', [imageData] - ); - // carouselUtils.setStop(curState); } - catch (e) - { - SaveError(e.message); - // carouselUtils.setStop(curState); + // in multiserver BasePath is login url for frames + // http://login.url/index.php?view=frame&eid=19696772&fid=21 + + // console.log ("COMPARING "+NVRDataModel.getLogin().url+ " TO " +myevents[i].Event.baseURL); + if (NVRDataModel.getLogin().url != myevents[i].Event.baseURL) { + //NVRDataModel.debug ("Multi server, changing base"); + myevents[i].Event.baseURL = NVRDataModel.getLogin().url; + } - } - else - { - var fname = r + f + ".png"; - fname = fname.replace(/\//, "-"); - fname = fname.replace(/\.jpg/, ''); + if (myevents[i].Event.imageMode == 'path') + //if (1) + myevents[i].Event.videoPath = myevents[i].Event.baseURL + "/events/" + myevents[i].Event.relativePath + myevents[i].Event.DefaultVideo; + else + myevents[i].Event.videoPath = myevents[i].Event.baseURL + "/index.php?view=view_video&eid=" + myevents[i].Event.Id; - canvas.toBlob(function(blob) - { - saveAs(blob, fname); - SaveSuccess(); - }); - } - }; - try - { - img.src = url; - // console.log ("SAVING IMAGE SOURCE"); - } - catch (e) - { - SaveError(e.message); - } + // if (idfound) + if (idfound) { + //NVRDataModel.debug ("PUSHING "+JSON.stringify(myevents[i])); + $scope.events.push(myevents[i]); + //console.log ("SCOPE EVENTS LEN="+$scope.events.length); + } else { + //NVRDataModel.debug ("Skipping Event MID = " + myevents[i].Event.MonitorId); + } + + } //for + + //$scope.events = myevents; + // we only need to stop the template from loading when the list is empty + // so this can be false once we have _some_ content + // FIXME: check reload + $scope.eventsBeingLoaded = false; + // to avoid only few events being displayed + // if last page has less events + //console.log("**Loading Next Page ***"); + if (myevents.length < 50) { + //console.log ("EVENTS LOADED="+JSON.stringify($scope.events)); + NVRDataModel.debug("EventCtrl:loading one more page just in case we don't have enough to display"); + loadMore(); + } + }); + + }); } + //------------------------------------------------------- + // Tapping on a frame shows this image + //------------------------------------------------------ + + function SaveSuccess() { + $ionicLoading.show({ + template: $translate.instant('kDone'), + noBackdrop: true, + duration: 1000 + }); + NVRDataModel.debug("ModalCtrl:Photo saved successfuly"); + } + function SaveError(e) { + $ionicLoading.show({ + template: $translate.instant('kErrorSave'), + noBackdrop: true, + duration: 2000 + }); + NVRDataModel.log("Error saving image: " + e.message); + //console.log("***ERROR"); + } - function writeFile2( path, file, blob, isAppend) - { - var csize = 4 * 1024 * 1024; // 4MB - var d = $q.defer(); - NVRDataModel.debug ("Inside writeFile2 with blob size="+blob.size); + function saveNow(imgsrc, r, f) { + + $ionicLoading.show({ + template: $translate.instant('kSavingSnapshot') + "...", + noBackdrop: true, + duration: zm.httpTimeout + }); + var url = imgsrc; + NVRDataModel.log("saveNow: File path to grab is " + url); + + var img = new Image(); + img.onload = function () { + // console.log("********* ONLOAD"); + var canvas = document.createElement('canvas'); + canvas.width = img.width; + canvas.height = img.height; + var context = canvas.getContext('2d'); + context.drawImage(img, 0, 0); + + var imageDataUrl = canvas.toDataURL('image/jpeg', 1.0); + var imageData = imageDataUrl.replace(/data:image\/jpeg;base64,/, ''); + + if ($rootScope.platformOS != "desktop") { + try { + + cordova.exec( + SaveSuccess, + SaveError, + 'Canvas2ImagePlugin', + 'saveImageDataToLibrary', [imageData] + ); + // carouselUtils.setStop(curState); + } catch (e) { - // nothing more to write, so all good? - if (!blob.size) - { - NVRDataModel.debug ("writeFile2 all done"); - d.resolve(true); - return $q.resolve(true); + SaveError(e.message); + // carouselUtils.setStop(curState); + } + } else { + + var fname = r + f + ".png"; + fname = fname.replace(/\//, "-"); + fname = fname.replace(/\.jpg/, ''); + + canvas.toBlob(function (blob) { + saveAs(blob, fname); + SaveSuccess(); + }); } + }; + try { + img.src = url; + // console.log ("SAVING IMAGE SOURCE"); + } catch (e) { + SaveError(e.message); + } - - if (!isAppend) - { - // return the delegated promise, even if it fails - return $cordovaFile.writeFile(path, file, blob.slice(0,csize), true) - .then (function (succ) { - return writeFile2(path,file,blob.slice(csize),true); - }); - } - else - { - // return the delegated promise, even if it fails - return $cordovaFile.writeExistingFile(path, file, blob.slice(0,csize)) - .then (function (succ) { - return writeFile2(path,file,blob.slice(csize),true); - }); - } - - } - function writeFile(path, __filename, __data){ - var d = $q.defer(); - //console.log ("inside write file"); - window.requestFileSystem(LocalFileSystem.TEMPORARY, __data.size+5000, onFileSystemSuccess, fail); - function fail(e) - { - var msg = ''; - switch (e.code) { - case FileError.QUOTA_EXCEEDED_ERR: - msg = 'QUOTA_EXCEEDED_ERR'; - break; - case FileError.NOT_FOUND_ERR: - msg = 'NOT_FOUND_ERR'; - break; - case FileError.SECURITY_ERR: - msg = 'SECURITY_ERR'; - break; - case FileError.INVALID_MODIFICATION_ERR: - msg = 'INVALID_MODIFICATION_ERR'; - break; - case FileError.INVALID_STATE_ERR: - msg = 'INVALID_STATE_ERR'; - break; - default: - msg = 'Unknown Error'; - break; - } - //console.log('Error: ' + msg); - } - function onFileSystemSuccess() - { - // console.log ("Got temporary FS"); - window.resolveLocalFileSystemURL(path, function(dir){ - dir.getFile(__filename, {create:true}, function(file){ - file.createWriter(function(fileWriter){ - //var blob = new Blob([__data], {type:'text/plain'}); - // console.log ("about to write "+__data.size+" bytes"); - //var blob = new Blob([__data], {type:'text/plain'}); - fileWriter.write(__data); - fileWriter.onwrite = function(e) { - NVRDataModel.debug ("write complete"); - d.resolve(); - return d.promise; - }; - - fileWriter.onerror = function(e) { - NVRDataModel.debug ("write error in filewriter:"+JSON.stringify(e)); - d.reject(); - return d.promise; - }; - - }); - }); + function writeFile2(path, file, blob, isAppend) { + var csize = 4 * 1024 * 1024; // 4MB + var d = $q.defer(); + NVRDataModel.debug("Inside writeFile2 with blob size=" + blob.size); + + // nothing more to write, so all good? + if (!blob.size) { + NVRDataModel.debug("writeFile2 all done"); + d.resolve(true); + return $q.resolve(true); + } + + + if (!isAppend) { + // return the delegated promise, even if it fails + return $cordovaFile.writeFile(path, file, blob.slice(0, csize), true) + .then(function (succ) { + return writeFile2(path, file, blob.slice(csize), true); + }); + } else { + // return the delegated promise, even if it fails + return $cordovaFile.writeExistingFile(path, file, blob.slice(0, csize)) + .then(function (succ) { + return writeFile2(path, file, blob.slice(csize), true); + }); + } + - }, - function (err) { - d.reject(err); - return d.promise; - }); } - return d.promise; + + function writeFile(path, __filename, __data) { + var d = $q.defer(); + //console.log ("inside write file"); + window.requestFileSystem(LocalFileSystem.TEMPORARY, __data.size + 5000, onFileSystemSuccess, fail); + + function fail(e) { + var msg = ''; + + switch (e.code) { + case FileError.QUOTA_EXCEEDED_ERR: + msg = 'QUOTA_EXCEEDED_ERR'; + break; + case FileError.NOT_FOUND_ERR: + msg = 'NOT_FOUND_ERR'; + break; + case FileError.SECURITY_ERR: + msg = 'SECURITY_ERR'; + break; + case FileError.INVALID_MODIFICATION_ERR: + msg = 'INVALID_MODIFICATION_ERR'; + break; + case FileError.INVALID_STATE_ERR: + msg = 'INVALID_STATE_ERR'; + break; + default: + msg = 'Unknown Error'; + break; + } + + //console.log('Error: ' + msg); + } + + function onFileSystemSuccess() { + // console.log ("Got temporary FS"); + window.resolveLocalFileSystemURL(path, function (dir) { + dir.getFile(__filename, { + create: true + }, function (file) { + file.createWriter(function (fileWriter) { + //var blob = new Blob([__data], {type:'text/plain'}); + // console.log ("about to write "+__data.size+" bytes"); + //var blob = new Blob([__data], {type:'text/plain'}); + fileWriter.write(__data); + fileWriter.onwrite = function (e) { + NVRDataModel.debug("write complete"); + d.resolve(); + return d.promise; + }; + + fileWriter.onerror = function (e) { + NVRDataModel.debug("write error in filewriter:" + JSON.stringify(e)); + d.reject(); + return d.promise; + }; + + }); + }); + + }, + function (err) { + d.reject(err); + return d.promise; + }); + } + return d.promise; } - function moveImageToGallery(fname) - { - // this is https://github.com/terikon/cordova-plugin-photo-library + function moveImageToGallery(fname) { + // this is https://github.com/terikon/cordova-plugin-photo-library - NVRDataModel.debug("moveImageToGallery called with " + fname); - cordova.plugins.photoLibrary.saveImage(fname, "zmNinja",onSuccess, onError); - //LibraryHelper.saveImageToLibrary(onSuccess, onError, fname, "zmNinja"); + NVRDataModel.debug("moveImageToGallery called with " + fname); + cordova.plugins.photoLibrary.saveImage(fname, "zmNinja", onSuccess, onError); + //LibraryHelper.saveImageToLibrary(onSuccess, onError, fname, "zmNinja"); - function onSuccess(results) - { + function onSuccess(results) { - NVRDataModel.debug("Removing temp file"); + NVRDataModel.debug("Removing temp file"); - if ($rootScope.platformOS == 'ios') { - $cordovaFile.removeFile(cordova.file.documentsDirectory, "temp-file.gif"); - } - else - $cordovaFile.removeFile(cordova.file.dataDirectory, "temp-file.gif"); - $ionicLoading.show( - { - template: $translate.instant('kDone'), - noBackdrop: true, - duration: 2000 - }); + if ($rootScope.platformOS == 'ios') { + $cordovaFile.removeFile(cordova.file.documentsDirectory, "temp-file.gif"); + } else + $cordovaFile.removeFile(cordova.file.dataDirectory, "temp-file.gif"); + $ionicLoading.show({ + template: $translate.instant('kDone'), + noBackdrop: true, + duration: 2000 + }); - } + } - function onError(error) - { - // console.log("Error: " + error); + function onError(error) { + // console.log("Error: " + error); - } - } + } + } + + $scope.readyToPlay = function (api) { - $scope.readyToPlay = function(api) { - - api.mediaElement.attr("playsinline", ""); + api.mediaElement.attr("playsinline", ""); }; - - $scope.downloadFileToDevice = function(path, eid) - { - NVRDataModel.setAwake(true); - var tp; - if ($rootScope.platformOS == 'ios') - tp = cordova.file.documentsDirectory + "temp-video.mp4"; - else - tp = cordova.file.dataDirectory + "temp-video.mp4"; + $scope.downloadFileToDevice = function (path, eid) { - var th = true; + NVRDataModel.setAwake(true); + var tp; + if ($rootScope.platformOS == 'ios') + tp = cordova.file.documentsDirectory + "temp-video.mp4"; + else + tp = cordova.file.dataDirectory + "temp-video.mp4"; - var opt = {}; + var th = true; - if ($rootScope.basicAuthHeader) { - opt.headers = {"Authorization": $rootScope.basicAuthHeader}; - NVRDataModel.debug ("download with auth options is:"+JSON.stringify(opt)); - } - - //path = "http://techslides.com/demos/sample-videos/small.mp4"; - - NVRDataModel.debug("Saving temporary video to: " + tp); - $cordovaFileTransfer.download(path, tp, opt, th) - .then(function(result) - { - NVRDataModel.debug("Moving to gallery..."); - var ntp; - ntp = tp.indexOf('file://') === 0 ? tp.slice(7) : tp; - - $timeout(function() - { - $ionicLoading.hide(); - }); - moveToGallery(ntp, eid + "-video"); - NVRDataModel.setAwake(false); - // Success! - }, function(err) - { - NVRDataModel.setAwake(false); - NVRDataModel.log("Error=" + JSON.stringify(err)); - - $timeout(function() - { - $ionicLoading.show( - { + var opt = {}; - template: $translate.instant('kError'), - noBackdrop: true, - duration: 3000 - }); - }); - // Error - }, function(progress) - { - var p = Math.round((progress.loaded / progress.total) * 100); + if ($rootScope.basicAuthHeader) { + opt.headers = { + "Authorization": $rootScope.basicAuthHeader + }; + NVRDataModel.debug("download with auth options is:" + JSON.stringify(opt)); + } + + //path = "http://techslides.com/demos/sample-videos/small.mp4"; + + NVRDataModel.debug("Saving temporary video to: " + tp); + $cordovaFileTransfer.download(path, tp, opt, th) + .then(function (result) { + NVRDataModel.debug("Moving to gallery..."); + var ntp; + ntp = tp.indexOf('file://') === 0 ? tp.slice(7) : tp; + + $timeout(function () { + $ionicLoading.hide(); + }); + moveToGallery(ntp, eid + "-video"); + NVRDataModel.setAwake(false); + // Success! + }, function (err) { + NVRDataModel.setAwake(false); + NVRDataModel.log("Error=" + JSON.stringify(err)); + + $timeout(function () { + $ionicLoading.show({ + + template: $translate.instant('kError'), + noBackdrop: true, + duration: 3000 + }); + }); + // Error + }, function (progress) { + var p = Math.round((progress.loaded / progress.total) * 100); - $ionicLoading.show( - { + $ionicLoading.show({ - template: $translate.instant('kPleaseWait') + "...(" + p + "%)", - noBackdrop: true - }); + template: $translate.instant('kPleaseWait') + "...(" + p + "%)", + noBackdrop: true + }); - }); + }); - function moveToGallery(path, fname) - { + function moveToGallery(path, fname) { - NVRDataModel.debug("moveToGallery called with " + path); - LibraryHelper.saveVideoToLibrary(onSuccess, onError, path, fname); + NVRDataModel.debug("moveToGallery called with " + path); + LibraryHelper.saveVideoToLibrary(onSuccess, onError, path, fname); - function onSuccess(results) - { - $ionicLoading.hide(); - NVRDataModel.debug("Removing temp file"); + function onSuccess(results) { + $ionicLoading.hide(); + NVRDataModel.debug("Removing temp file"); - if ($rootScope.platformOS == 'ios') - $cordovaFile.removeFile(cordova.file.documentsDirectory, "temp-video.mp4"); - else - $cordovaFile.removeFile(cordova.file.dataDirectory, "temp-video.mp4"); + if ($rootScope.platformOS == 'ios') + $cordovaFile.removeFile(cordova.file.documentsDirectory, "temp-video.mp4"); + else + $cordovaFile.removeFile(cordova.file.dataDirectory, "temp-video.mp4"); - } + } - function onError(error) - { - $ionicLoading.hide(); - console.log("Error: " + error); + function onError(error) { + $ionicLoading.hide(); + console.log("Error: " + error); - } } + } }; - $scope.mp4warning = function() - { - $ionicPopup.alert( - { - title: $translate.instant('kNote'), - template: "{{'kVideoMp4Warning' | translate }}", - okText: $translate.instant('kButtonOk'), - cancelText: $translate.instant('kButtonCancel'), - }); + $scope.mp4warning = function () { + $ionicPopup.alert({ + title: $translate.instant('kNote'), + template: "{{'kVideoMp4Warning' | translate }}", + okText: $translate.instant('kButtonOk'), + cancelText: $translate.instant('kButtonCancel'), + }); }; - $scope.showImage = function(p, r, f, fid, e, imode, id, parray, ndx) - { - var img; - - //console.log ("HERE"); - $scope.kFrame = $translate.instant('kFrame'); - $scope.kEvent = $translate.instant('kEvent'); - $scope.ndx = ndx; - $scope.parray = parray; - $scope.imode = imode; + $scope.showImage = function (p, r, f, fid, e, imode, id, parray, ndx) { + var img; - // note ndx may be incorrect if we are looking - // at unique frames; + //console.log ("HERE"); + $scope.kFrame = $translate.instant('kFrame'); + $scope.kEvent = $translate.instant('kEvent'); + $scope.ndx = ndx; + $scope.parray = parray; + $scope.imode = imode; - // NVRDataModel.debug("Hello"); - if ($scope.typeOfFrames == $translate.instant('kShowTimeDiffFrames')) - { + // note ndx may be incorrect if we are looking + // at unique frames; - var ic; + // NVRDataModel.debug("Hello"); + if ($scope.typeOfFrames == $translate.instant('kShowTimeDiffFrames')) { - for (ic = 0; ic < $scope.parray.length; ic++) - { - if ($scope.parray[ic].frameid == fid) - break; - } + var ic; - NVRDataModel.debug("Readjusting selected frame ID from:" + $scope.ndx + " to actual frame ID of:" + ic); - $scope.ndx = ic; - } - else - { - NVRDataModel.debug("No index adjustment necessary as we are using all frames"); + for (ic = 0; ic < $scope.parray.length; ic++) { + if ($scope.parray[ic].frameid == fid) + break; } - // console.log ("Image Mode " + imode); - // console.log ("parray : " + JSON.stringify(parray)); - // console.log ("index: " + ndx); - if ($scope.imode == 'path') - { - if ($scope.outlineMotion) - $scope.imgsrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].aname; - else - $scope.imgsrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].fname; - $scope.fallbackImgSrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].fname; - } + NVRDataModel.debug("Readjusting selected frame ID from:" + $scope.ndx + " to actual frame ID of:" + ic); + $scope.ndx = ic; + } else { + NVRDataModel.debug("No index adjustment necessary as we are using all frames"); + } + // console.log ("Image Mode " + imode); + // console.log ("parray : " + JSON.stringify(parray)); + // console.log ("index: " + ndx); + if ($scope.imode == 'path') { + if ($scope.outlineMotion) + $scope.imgsrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].aname; else - { - $scope.imgsrc = p + "/index.php?view=image&fid=" + $scope.parray[$scope.ndx].id+$scope.outlineMotionParam; - $scope.fallbackImgSrc = p + "/index.php?view=image&fid=" + $scope.parray[$scope.ndx].id; + $scope.imgsrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].fname; + $scope.fallbackImgSrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].fname; + } else { + $scope.imgsrc = p + "/index.php?view=image&fid=" + $scope.parray[$scope.ndx].id + $scope.outlineMotionParam; + $scope.fallbackImgSrc = p + "/index.php?view=image&fid=" + $scope.parray[$scope.ndx].id; - } + } - //$rootScope.zmPopup = $ionicPopup.alert({title: kFrame+':'+fid+'/'+kEvent+':'+e,template:img, cssClass:'popup80'}); + //$rootScope.zmPopup = $ionicPopup.alert({title: kFrame+':'+fid+'/'+kEvent+':'+e,template:img, cssClass:'popup80'}); - if ($rootScope.authSession !='undefined'){ - $scope.imgsrc +=$rootScope.authSession; - $scope.fallbackImgSrc +=$rootScope.authSession; - } + if ($rootScope.authSession != 'undefined') { + $scope.imgsrc += $rootScope.authSession; + $scope.fallbackImgSrc += $rootScope.authSession; + } - - $scope.imgsrc +=NVRDataModel.insertBasicAuthToken(); - $scope.fallbackImgSrc +=NVRDataModel.insertBasicAuthToken(); - + $scope.imgsrc += NVRDataModel.insertBasicAuthToken(); + $scope.fallbackImgSrc += NVRDataModel.insertBasicAuthToken(); - $rootScope.zmPopup = $ionicPopup.show( - { - template: '<center>' + $translate.instant('kFrame') + ':{{parray[ndx].frameid}}@{{prettifyTimeSec(parray[ndx].time)}}</center><br/><img ng-src="{{imgsrc}}" fallback-src="{{fallbackImgSrc}}" width="100%" />', - title: $translate.instant('kImages') + " (" + $translate.instant($scope.typeOfFrames) + ")", - subTitle: 'use left and right arrows to change', - scope: $scope, - cssClass: 'popup95', - buttons: [ - { - text: '', - type: 'button-assertive button-small ion-camera', - onTap: function(e) - { - e.preventDefault(); - saveNow($scope.imgsrc, r, parray[$scope.ndx].fname); - } - }, + $rootScope.zmPopup = $ionicPopup.show({ + template: '<center>' + $translate.instant('kFrame') + ':{{parray[ndx].frameid}}@{{prettifyTimeSec(parray[ndx].time)}}</center><br/><img ng-src="{{imgsrc}}" fallback-src="{{fallbackImgSrc}}" width="100%" />', + title: $translate.instant('kImages') + " (" + $translate.instant($scope.typeOfFrames) + ")", + subTitle: 'use left and right arrows to change', + scope: $scope, + cssClass: 'popup95', + buttons: [ - { - // left 1 - text: '', - type: 'button-small button-energized ion-chevron-left', - onTap: function(e) - { - // look for next frame that matches the type of frame - // we are showing (all or diff timestamps); - - // console.log ("TYPE OF FRAMES: " + $scope.typeOfFrames); - var nndx = null; - var alltype = $translate.instant('kShowAllFrames'); - for (var i = $scope.ndx - 1; i >= 0; i--) - { - if ($scope.parray[i].type == $scope.typeOfFrames || $scope.typeOfFrames == alltype) - { - nndx = i; - break; - } - } - if (nndx == null) nndx = $scope.ndx; - $scope.ndx = nndx; - - if ($scope.imode == 'path') - { - if ($scope.outlineMotion) - $scope.imgsrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].aname; - else - $scope.imgsrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].fname; - $scope.fallbackImgSrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].fname; - } - - else - { - $scope.imgsrc = p + "/index.php?view=image&fid=" + $scope.parray[$scope.ndx].id+$scope.outlineMotionParam; - $scope.fallbackImgSrc = p + "/index.php?view=image&fid=" + $scope.parray[$scope.ndx].id; - - } - - - e.preventDefault(); + { + text: '', + type: 'button-assertive button-small ion-camera', + onTap: function (e) { + e.preventDefault(); + saveNow($scope.imgsrc, r, parray[$scope.ndx].fname); - } - }, - { - // right 1 - text: '', - type: 'button-small button-energized ion-chevron-right', - onTap: function(e) - { - - // look for next frame that matches the type of frame - // we are showing (all or diff timestamps); - - // console.log ("TYPE OF FRAMES: " + $scope.typeOfFrames); - var nndx = null; - var alltype = $translate.instant('kShowAllFrames'); - for (var i = $scope.ndx + 1; i < $scope.parray.length; i++) - { - //console.log ("Comparing: " +$scope.parray[i].type +" to " + $scope.typeOfFrames); - if ($scope.parray[i].type == $scope.typeOfFrames || $scope.typeOfFrames == alltype) - { - nndx = i; - break; - } - } - if (nndx == null) nndx = $scope.ndx; - $scope.ndx = nndx; - - if ($scope.imode == 'path') - { - if ($scope.outlineMotion) - $scope.imgsrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].aname; - else - $scope.imgsrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].fname; - $scope.fallbackImgSrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].fname; - } - - else - { - $scope.imgsrc = p + "/index.php?view=image&fid=" + $scope.parray[$scope.ndx].id+$scope.outlineMotionParam; - $scope.fallbackImgSrc = p + "/index.php?view=image&fid=" + $scope.parray[$scope.ndx].id; - - } - - - e.preventDefault(); + } + }, + + { + // left 1 + text: '', + type: 'button-small button-energized ion-chevron-left', + onTap: function (e) { + // look for next frame that matches the type of frame + // we are showing (all or diff timestamps); + + // console.log ("TYPE OF FRAMES: " + $scope.typeOfFrames); + var nndx = null; + var alltype = $translate.instant('kShowAllFrames'); + for (var i = $scope.ndx - 1; i >= 0; i--) { + if ($scope.parray[i].type == $scope.typeOfFrames || $scope.typeOfFrames == alltype) { + nndx = i; + break; + } + } + if (nndx == null) nndx = $scope.ndx; + $scope.ndx = nndx; - } - }, + if ($scope.imode == 'path') { + if ($scope.outlineMotion) + $scope.imgsrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].aname; + else + $scope.imgsrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].fname; + $scope.fallbackImgSrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].fname; + } else { + $scope.imgsrc = p + "/index.php?view=image&fid=" + $scope.parray[$scope.ndx].id + $scope.outlineMotionParam; + $scope.fallbackImgSrc = p + "/index.php?view=image&fid=" + $scope.parray[$scope.ndx].id; - { - text: '', - type: 'button-positive button-small ion-checkmark-round', - onTap: function(e) { + } - } + + e.preventDefault(); + + } + }, + { + // right 1 + text: '', + type: 'button-small button-energized ion-chevron-right', + onTap: function (e) { + + // look for next frame that matches the type of frame + // we are showing (all or diff timestamps); + + // console.log ("TYPE OF FRAMES: " + $scope.typeOfFrames); + var nndx = null; + var alltype = $translate.instant('kShowAllFrames'); + for (var i = $scope.ndx + 1; i < $scope.parray.length; i++) { + //console.log ("Comparing: " +$scope.parray[i].type +" to " + $scope.typeOfFrames); + if ($scope.parray[i].type == $scope.typeOfFrames || $scope.typeOfFrames == alltype) { + nndx = i; + break; } - ] - }); + } + if (nndx == null) nndx = $scope.ndx; + $scope.ndx = nndx; + + if ($scope.imode == 'path') { + if ($scope.outlineMotion) + $scope.imgsrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].aname; + else + $scope.imgsrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].fname; + $scope.fallbackImgSrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].fname; + } else { + $scope.imgsrc = p + "/index.php?view=image&fid=" + $scope.parray[$scope.ndx].id + $scope.outlineMotionParam; + $scope.fallbackImgSrc = p + "/index.php?view=image&fid=" + $scope.parray[$scope.ndx].id; + + } + + + e.preventDefault(); + + } + }, + + { + text: '', + type: 'button-positive button-small ion-checkmark-round', + onTap: function (e) { + + } + } + ] + }); }; - - $scope.toggleMotionOutline = function() - { - $scope.outlineMotion = !$scope.outlineMotion; - if ($scope.outlineMotion) - $scope.outlineMotionParam = "&show=analyse"; - else - $scope.outlineMotionParam = ""; + + $scope.toggleMotionOutline = function () { + $scope.outlineMotion = !$scope.outlineMotion; + if ($scope.outlineMotion) + $scope.outlineMotionParam = "&show=analyse"; + else + $scope.outlineMotionParam = ""; }; - $scope.toggleTypeOfAlarms = function() - { - // "kShowAllFrames" : "all", - // "kShowTimeDiffFrames" : "different timestamps" + $scope.toggleTypeOfAlarms = function () { + // "kShowAllFrames" : "all", + // "kShowTimeDiffFrames" : "different timestamps" - if ($scope.typeOfFrames == $translate.instant('kShowAllFrames')) - { - $scope.typeOfFrames = $translate.instant('kShowTimeDiffFrames'); - } - else - { - $scope.typeOfFrames = $translate.instant('kShowAllFrames'); - } + if ($scope.typeOfFrames == $translate.instant('kShowAllFrames')) { + $scope.typeOfFrames = $translate.instant('kShowTimeDiffFrames'); + } else { + $scope.typeOfFrames = $translate.instant('kShowAllFrames'); + } }; // not explictly handling error --> I have a default "No events found" message @@ -1139,114 +1025,106 @@ angular.module('zmApp.controllers') //-------------------------------------------------------------------------- // This is what the pullup bar calls depending on what range is specified //-------------------------------------------------------------------------- - $scope.showEvents = function(val, unit, monitorId) - { - NVRDataModel.debug("ShowEvents called with val:" + val + " unit:" + unit + " for Monitor:" + monitorId); + $scope.showEvents = function (val, unit, monitorId) { + NVRDataModel.debug("ShowEvents called with val:" + val + " unit:" + unit + " for Monitor:" + monitorId); + + $ionicHistory.nextViewOptions({ + disableBack: true + }); + + // we have to convert from and to, to server time + var mToDate = moment().tz(NVRDataModel.getTimeZoneNow()); + var mFromDate = moment().subtract(parseInt(val), unit).tz(NVRDataModel.getTimeZoneNow()); + + // console.log("Moment Dates:" + mFromDate.format() + " TO " + mToDate.format()); + + $rootScope.fromTime = mFromDate.toDate(); + $rootScope.toTime = mToDate.toDate(); + $rootScope.fromDate = $rootScope.fromTime; + $rootScope.toDate = $rootScope.toTime; + + NVRDataModel.debug("From: " + $rootScope.fromTime); + NVRDataModel.debug("To: " + $rootScope.toTime); + + //$rootScope.fromDate = fromDate.toDate(); + //$rootScope.toDate = toDate.toDate(); + $rootScope.isEventFilterOn = true; + $rootScope.fromString = mFromDate + .format("YYYY-MM-DD") + " " + mFromDate.format("HH:mm:ss"); + + $rootScope.toString = mToDate + .format("YYYY-MM-DD") + " " + mToDate + .format("HH:mm:ss"); + + // console.log("**************From String: " + $rootScope.fromString); + // console.log("**************To String: " + $rootScope.toString); + + // reloading - may solve https://github.com/pliablepixels/zmNinja/issues/36 + // if you are in the same mid event page $state.go won't work + + $scope.id = monitorId; + $scope.showEvent = false; + $scope.footerState = ionPullUpFooterState.MINIMIZED; + getInitialEvents(); + + /* console.log ("---> SENDING TO EVENTS WITH mid " + monitorId); + $state.go("app.events", + { + "id": monitorId, + "playEvent": false + }, + { + reload: true + });*/ + }; - $ionicHistory.nextViewOptions( + //---------------------------------------------------------------- + // Alarm notification handling + //---------------------------------------------------------------- + $scope.handleAlarms = function () { + // $rootScope.isAlarm = !$rootScope.isAlarm; + if ($rootScope.isAlarm) { + $rootScope.alarmCount = "0"; + $rootScope.isAlarm = !$rootScope.isAlarm; + /*$ionicHistory.nextViewOptions( { disableBack: true }); - - // we have to convert from and to, to server time - var mToDate = moment().tz(NVRDataModel.getTimeZoneNow()); - var mFromDate = moment().subtract(parseInt(val), unit).tz(NVRDataModel.getTimeZoneNow()); - - // console.log("Moment Dates:" + mFromDate.format() + " TO " + mToDate.format()); - - $rootScope.fromTime = mFromDate.toDate(); - $rootScope.toTime = mToDate.toDate(); - $rootScope.fromDate = $rootScope.fromTime; - $rootScope.toDate = $rootScope.toTime; - - NVRDataModel.debug("From: " + $rootScope.fromTime); - NVRDataModel.debug("To: " + $rootScope.toTime); - - //$rootScope.fromDate = fromDate.toDate(); - //$rootScope.toDate = toDate.toDate(); - $rootScope.isEventFilterOn = true; - $rootScope.fromString = mFromDate - .format("YYYY-MM-DD") + " " + mFromDate.format("HH:mm:ss"); - - $rootScope.toString = mToDate - .format("YYYY-MM-DD") + " " + mToDate - .format("HH:mm:ss"); - - // console.log("**************From String: " + $rootScope.fromString); - // console.log("**************To String: " + $rootScope.toString); - - // reloading - may solve https://github.com/pliablepixels/zmNinja/issues/36 - // if you are in the same mid event page $state.go won't work - - $scope.id = monitorId; - $scope.showEvent = false; - $scope.footerState = ionPullUpFooterState.MINIMIZED; - getInitialEvents(); - - /* console.log ("---> SENDING TO EVENTS WITH mid " + monitorId); $state.go("app.events", { - "id": monitorId, + "id": 0, "playEvent": false }, { reload: true - });*/ - }; - - //---------------------------------------------------------------- - // Alarm notification handling - //---------------------------------------------------------------- - $scope.handleAlarms = function() - { - // $rootScope.isAlarm = !$rootScope.isAlarm; - if ($rootScope.isAlarm) - { - $rootScope.alarmCount = "0"; - $rootScope.isAlarm = !$rootScope.isAlarm; - /*$ionicHistory.nextViewOptions( - { - disableBack: true - }); - $state.go("app.events", - { - "id": 0, - "playEvent": false - }, - { - reload: true - }); */ - getInitialEvents(); - return; - } + }); */ + getInitialEvents(); + return; + } }; // credit:http://stackoverflow.com/a/20151856/1361529 - function base64toBlob(base64Data, contentType) - { - contentType = contentType || ''; - var sliceSize = 1024; - var byteCharacters = atob(base64Data); - var bytesLength = byteCharacters.length; - var slicesCount = Math.ceil(bytesLength / sliceSize); - var byteArrays = new Array(slicesCount); - - for (var sliceIndex = 0; sliceIndex < slicesCount; ++sliceIndex) - { - var begin = sliceIndex * sliceSize; - var end = Math.min(begin + sliceSize, bytesLength); - - var bytes = new Array(end - begin); - for (var offset = begin, i = 0; offset < end; ++i, ++offset) - { - bytes[i] = byteCharacters[offset].charCodeAt(0); - } - byteArrays[sliceIndex] = new Uint8Array(bytes); + function base64toBlob(base64Data, contentType) { + contentType = contentType || ''; + var sliceSize = 1024; + var byteCharacters = atob(base64Data); + var bytesLength = byteCharacters.length; + var slicesCount = Math.ceil(bytesLength / sliceSize); + var byteArrays = new Array(slicesCount); + + for (var sliceIndex = 0; sliceIndex < slicesCount; ++sliceIndex) { + var begin = sliceIndex * sliceSize; + var end = Math.min(begin + sliceSize, bytesLength); + + var bytes = new Array(end - begin); + for (var offset = begin, i = 0; offset < end; ++i, ++offset) { + bytes[i] = byteCharacters[offset].charCodeAt(0); } - return new Blob(byteArrays, - { - type: contentType - }); + byteArrays[sliceIndex] = new Uint8Array(bytes); + } + return new Blob(byteArrays, { + type: contentType + }); } //---------------------------------------------------------- @@ -1254,593 +1132,517 @@ angular.module('zmApp.controllers') // to keep memory manageable, we are only going to pick up alarmed frames // and that too, max 1ps // -------------------------------------------------------------- - function prepareImages(e) - { - var d = $q.defer(); - var imglist = []; - var myurl = loginData.apiurl + '/events/' + e.Event.Id + ".json"; - $http.get(myurl) - .then(function(succ) + function prepareImages(e) { + var d = $q.defer(); + var imglist = []; + var myurl = loginData.apiurl + '/events/' + e.Event.Id + ".json"; + $http.get(myurl) + .then(function (succ) { + var data = succ.data; + var fps = 0; + var lastTime = ""; + + for (var i = 0; i < data.event.Frame.length; i++) { + if (data.event.Frame[i].Type == "Alarm") + //if (1) + { + var fname; + //console.log ("PATH="+e.Event.imageMode); + if (e.Event.imageMode == 'path') + //if (1) { - var data = succ.data; - var fps = 0; - var lastTime = ""; - - for (var i = 0; i < data.event.Frame.length; i++) - { - if (data.event.Frame[i].Type == "Alarm") - //if (1) - { - var fname; - //console.log ("PATH="+e.Event.imageMode); - if (e.Event.imageMode == 'path') - //if (1) - { - var rfp = padToN(data.event.Frame[i].FrameId, eventImageDigits) + "-capture.jpg"; - fname = e.Event.baseURL + "/index.php?view=image&width=" + zm.maxGifWidth + "&path=" + e.Event.relativePath + rfp; - } - else - { - fname = e.Event.baseURL + "/index.php?view=image&width=" + zm.maxGifWidth + "&fid=" + data.event.Frame[i].Id; - } - - if (data.event.Frame[i].TimeStamp != lastTime /*|| fps < 2*/ ) - - { - imglist.push(fname); - //fps = data.event.Frame[i].TimeStamp != lastTime ? 0 : fps+1; - lastTime = data.event.Frame[i].TimeStamp; - } - - } + var rfp = padToN(data.event.Frame[i].FrameId, eventImageDigits) + "-capture.jpg"; + fname = e.Event.baseURL + "/index.php?view=image&width=" + zm.maxGifWidth + "&path=" + e.Event.relativePath + rfp; + } else { + fname = e.Event.baseURL + "/index.php?view=image&width=" + zm.maxGifWidth + "&fid=" + data.event.Frame[i].Id; + } - } + if (data.event.Frame[i].TimeStamp != lastTime /*|| fps < 2*/ ) - // next up make sure we are not processing more than 100 images + { + imglist.push(fname); + //fps = data.event.Frame[i].TimeStamp != lastTime ? 0 : fps+1; + lastTime = data.event.Frame[i].TimeStamp; + } - while (imglist.length > zm.maxGifCount2) - { - NVRDataModel.debug("Too many images: " + imglist.length + ", deleting alternate frames to keep it <=" + zm.maxGifCount2); + } - for (var l = 0; l < imglist.length; l++) - { - imglist.splice(l + 1, 2); - if (imglist.length <= zm.maxGifCount2) break; - } + } - } - NVRDataModel.debug("final image list length is:" + imglist.length); + // next up make sure we are not processing more than 100 images - d.resolve(imglist); - return d.promise; - }, - function(err) - { - d.reject(err); - return d.promise; - }); - return d.promise; + while (imglist.length > zm.maxGifCount2) { + NVRDataModel.debug("Too many images: " + imglist.length + ", deleting alternate frames to keep it <=" + zm.maxGifCount2); + + for (var l = 0; l < imglist.length; l++) { + imglist.splice(l + 1, 2); + if (imglist.length <= zm.maxGifCount2) break; + } + + } + NVRDataModel.debug("final image list length is:" + imglist.length); + + d.resolve(imglist); + return d.promise; + }, + function (err) { + d.reject(err); + return d.promise; + }); + return d.promise; } // force image to be of zm.maxGifWidth. TBD: rotated foo - function adjustAspect(e) - { - - var w = zm.maxGifWidth; - var h = Math.round(e.Event.Height / e.Event.Width * zm.maxGifWidth); - return { - w: w, - h: h - }; + function adjustAspect(e) { + + var w = zm.maxGifWidth; + var h = Math.round(e.Event.Height / e.Event.Width * zm.maxGifWidth); + return { + w: w, + h: h + }; } // for devices - handle permission before you download - $scope.permissionsDownload = function(e) - { - if ($rootScope.platformOS == 'desktop') - { + $scope.permissionsDownload = function (e) { + if ($rootScope.platformOS == 'desktop') { + gifAlert(e); + } else { + + //console.log("in perms"); + cordova.plugins.photoLibrary.getLibrary( + function (library) { gifAlert(e); - } - else - { - - //console.log("in perms"); - cordova.plugins.photoLibrary.getLibrary( - function(library) - { - gifAlert(e); + }, + function (err) { + if (err.startsWith('Permission')) { + // call requestAuthorization, and retry + cordova.plugins.photoLibrary.requestAuthorization( + function () { + // User gave us permission to his library, retry reading it! + gifAlert(e); }, - function(err) + function (err) { + NVRDataModel.log("ERROR with saving permissions " + err); + // User denied the access + }, // if options not provided, defaults to {read: true}. { - if (err.startsWith('Permission')) - { - // call requestAuthorization, and retry - cordova.plugins.photoLibrary.requestAuthorization( - function() - { - // User gave us permission to his library, retry reading it! - gifAlert(e); - }, - function(err) - { - NVRDataModel.log("ERROR with saving permissions " + err); - // User denied the access - }, // if options not provided, defaults to {read: true}. - { - read: true, - write: true - } - ); - } - // Handle error - it's not permission-related + read: true, + write: true } - ); + ); + } + // Handle error - it's not permission-related + } + ); - } + } }; // make sure the user knows the GIF is not full fps/all frames - function gifAlert(e) - { - if(navigator.userAgent.toLowerCase().indexOf('crosswalk') == -1) { - $ionicPopup.confirm( - { - title: $translate.instant('kNote'), - template: "{{'kGifWarning' | translate }}", - okText: $translate.instant('kButtonOk'), - cancelText: $translate.instant('kButtonCancel'), - }).then(function(res) - { - if (res) - { - downloadAsGif2(e); - } - else - NVRDataModel.debug ("User cancelled GIF"); - - }); - } - else - { - $ionicPopup.alert({ - title:$translate.instant ('kNote'), - template:"{{'kGifNoCrosswalk' | translate}}" - }); - } + function gifAlert(e) { + if (navigator.userAgent.toLowerCase().indexOf('crosswalk') == -1) { + $ionicPopup.confirm({ + title: $translate.instant('kNote'), + template: "{{'kGifWarning' | translate }}", + okText: $translate.instant('kButtonOk'), + cancelText: $translate.instant('kButtonCancel'), + }).then(function (res) { + if (res) { + downloadAsGif2(e); + } else + NVRDataModel.debug("User cancelled GIF"); + + }); + } else { + $ionicPopup.alert({ + title: $translate.instant('kNote'), + template: "{{'kGifNoCrosswalk' | translate}}" + }); + } } // convert to base64 - devices need this to save to gallery - function blobToBase64(blob) - { - NVRDataModel.debug("converting blob to base64..."); - var d = $q.defer(); - var reader = new window.FileReader(); - reader.readAsDataURL(blob); - reader.onloadend = function() - { - var base64data = reader.result; - //console.log(base64data ); - d.resolve(base64data); - return d.promise; - - }; + function blobToBase64(blob) { + NVRDataModel.debug("converting blob to base64..."); + var d = $q.defer(); + var reader = new window.FileReader(); + reader.readAsDataURL(blob); + reader.onloadend = function () { + var base64data = reader.result; + //console.log(base64data ); + d.resolve(base64data); return d.promise; + + }; + return d.promise; } // part of neuquant conversion - function componentizedPaletteToArray(paletteRGB) - { - var paletteArray = [], - i, r, g, b; - for (i = 0; i < paletteRGB.length; i += 3) - { - r = paletteRGB[i]; - g = paletteRGB[i + 1]; - b = paletteRGB[i + 2]; - paletteArray.push(r << 16 | g << 8 | b); - } - return paletteArray; + function componentizedPaletteToArray(paletteRGB) { + var paletteArray = [], + i, r, g, b; + for (i = 0; i < paletteRGB.length; i += 3) { + r = paletteRGB[i]; + g = paletteRGB[i + 1]; + b = paletteRGB[i + 2]; + paletteArray.push(r << 16 | g << 8 | b); + } + return paletteArray; } // part of neuquant conversion - function dataToRGB(data, width, height) - { - var i = 0, - length = width * height * 4, - rgb = []; - while (i < length) - { - rgb.push(data[i++]); - rgb.push(data[i++]); - rgb.push(data[i++]); - i++; - } - return rgb; + function dataToRGB(data, width, height) { + var i = 0, + length = width * height * 4, + rgb = []; + while (i < length) { + rgb.push(data[i++]); + rgb.push(data[i++]); + rgb.push(data[i++]); + i++; + } + return rgb; } // credit Jimmy Warting // https://github.com/jimmywarting/StreamSaver.js/issues/38 // he stream-ized and cleaned up the gif creation process // using GifWriter.js - function createGif(files, w, h) - { + function createGif(files, w, h) { + + var cv = document.getElementById("canvas"); + var ctx = cv.getContext("2d"); + var pixels = new Uint8Array(w * h); + var totalImages = files.length; + var processedImages = 0; + + cv.width = w; + cv.height = h; + + var rs = new ReadableStream({ + // Each time pull gets called you should get the pixel data and + // enqueue it as if it would be good old gif.addFrame() + pull: function pull(controller) { + var frame = files.shift(); + if (!frame) { + controller.close(); + return; + } - var cv = document.getElementById("canvas"); - var ctx = cv.getContext("2d"); - var pixels = new Uint8Array(w * h); - var totalImages = files.length; - var processedImages = 0; + return $http({ + url: frame, + responseType: "blob" + }) + .then(function (res) { - cv.width = w; - cv.height = h; + return res.data.image(); + }) + .then(function (img) { + processedImages++; + + var p = Math.round(processedImages / totalImages * 100); + $ionicLoading.show({ + template: $translate.instant('kPleaseWait') + "...(" + p + "%)", + noBackdrop: true + }); + + // console.log("URL=" + frame); + URL.revokeObjectURL(img.src); + ctx.drawImage(img, 0, 0); + + var data = ctx.getImageData(0, 0, w, h).data; + var rgbComponents = dataToRGB(data, w, h); + var nq = new NeuQuant(rgbComponents, rgbComponents.length, 15); + var paletteRGB = nq.process(); + var paletteArray = new Uint32Array(componentizedPaletteToArray(paletteRGB)); + var numberPixels = w * h; + var k = 0, + i, r, g, b; + + for (i = 0; i < numberPixels; i++) { + r = rgbComponents[k++]; + g = rgbComponents[k++]; + b = rgbComponents[k++]; + pixels[i] = nq.map(r, g, b); + } - var rs = new ReadableStream( - { - // Each time pull gets called you should get the pixel data and - // enqueue it as if it would be good old gif.addFrame() - pull: function pull(controller) - { - var frame = files.shift(); - if (!frame) {controller.close(); return;} - - return $http( - { - url: frame, - responseType: "blob" - }) - .then(function(res) - { - - return res.data.image(); - }) - .then(function(img) - { - processedImages++; - - var p = Math.round(processedImages / totalImages * 100); - $ionicLoading.show( - { - template: $translate.instant('kPleaseWait') + "...(" + p + "%)", - noBackdrop: true - }); - - // console.log("URL=" + frame); - URL.revokeObjectURL(img.src); - ctx.drawImage(img, 0, 0); - - var data = ctx.getImageData(0, 0, w, h).data; - var rgbComponents = dataToRGB(data, w, h); - var nq = new NeuQuant(rgbComponents, rgbComponents.length, 15); - var paletteRGB = nq.process(); - var paletteArray = new Uint32Array(componentizedPaletteToArray(paletteRGB)); - var numberPixels = w * h; - var k = 0, - i, r, g, b; - - for (i = 0; i < numberPixels; i++) - { - r = rgbComponents[k++]; - g = rgbComponents[k++]; - b = rgbComponents[k++]; - pixels[i] = nq.map(r, g, b); - } - - controller.enqueue([0, 0, w, h, pixels, - { - palette: paletteArray, - delay: 100, // 1 second - }]); - }); - } - }); + controller.enqueue([0, 0, w, h, pixels, + { + palette: paletteArray, + delay: 100, // 1 second + } + ]); + }); + } + }); - return new GifWriter(rs, w, h, - { - loop: null - }); + return new GifWriter(rs, w, h, { + loop: null + }); } - - function downloadAsGif2(e) - { - $rootScope.isDownloading = true; - $ionicLoading.show( - { - template: $translate.instant('kPleaseWait') + "...", - noBackdrop: true, - duration: 20000 - }); - NVRDataModel.setAwake(true); - prepareImages(e) - .then(function(files) - { - return $http( - { - url: files[0], - responseType: "blob" - }) - .then(function(res) - { - return res.data.image(); - }) - .then(function(img) - { - URL.revokeObjectURL(img.src); // Revoke object URL to free memory - var stream = createGif(files, img.width, img.height); - //var fileStream = streamSaver.createWriteStream('image.gif'); - - var chunks = []; - var reader = stream.getReader(); - - function pull() - { - return reader.read().then(function(result) - { - chunks.push(result.value); - return result.done ? chunks : pull(); - }); - } - - pull().then(function(chunks) - { - var blob = new Blob(chunks, - { - type: "image/gif" - - }); - - //alert ("WE ARE DONE!"); - if ($rootScope.platformOS == 'desktop') - { - saveAs(blob, e.Event.Id + "-video.gif"); - $ionicLoading.hide(); - } - else - { - // write blob to file - var tp; - if ($rootScope.platformOS == 'ios') - tp = cordova.file.documentsDirectory; - else - tp = cordova.file.dataDirectory; - var th = true, opt = {}; - - $ionicLoading.show( - { - - template:"writing to file...", - noBackdrop: true, - }); - - //var bloburl = URL.createObjectURL(blob); - //NVRDataModel.debug ("blob-url is:"+bloburl); - - writeFile2(tp,"temp-file.gif",blob,false) - .then (function (succ) { - NVRDataModel.debug ("write to file successful"); - // console.log( "write file successful"); - $ionicLoading.hide(); - - var ntp = tp; - //ntp = tp.indexOf('file://') === 0 ? tp.slice(7) : tp; - - ntp = ntp+"temp-file.gif"; - // console.log ("ntp="+ntp); - - moveImageToGallery(ntp); - $rootScope.isDownloading = false; - - }, function (err) { - $rootScope.isDownloading = false; - $ionicLoading.hide(); - NVRDataModel.debug ("error writing to file "+JSON.stringify(err)); - - - }); - } - - }); - }); + function downloadAsGif2(e) { + $rootScope.isDownloading = true; + $ionicLoading.show({ + template: $translate.instant('kPleaseWait') + "...", + noBackdrop: true, + duration: 20000 + }); + NVRDataModel.setAwake(true); + + prepareImages(e) + .then(function (files) { + return $http({ + url: files[0], + responseType: "blob" + }) + .then(function (res) { + return res.data.image(); + }) + .then(function (img) { + URL.revokeObjectURL(img.src); // Revoke object URL to free memory + var stream = createGif(files, img.width, img.height); + //var fileStream = streamSaver.createWriteStream('image.gif'); + + var chunks = []; + var reader = stream.getReader(); + + function pull() { + return reader.read().then(function (result) { + chunks.push(result.value); + return result.done ? chunks : pull(); + }); + } - }, - function(err) - { + pull().then(function (chunks) { + var blob = new Blob(chunks, { + type: "image/gif" + + }); + + //alert ("WE ARE DONE!"); + if ($rootScope.platformOS == 'desktop') { + saveAs(blob, e.Event.Id + "-video.gif"); $ionicLoading.hide(); - NVRDataModel.setAwake(false); - NVRDataModel.log("Error getting frames"); - $rootScope.isDownloading = false; - } + } else { + // write blob to file + var tp; + if ($rootScope.platformOS == 'ios') + tp = cordova.file.documentsDirectory; + else + tp = cordova.file.dataDirectory; + var th = true, + opt = {}; + + $ionicLoading.show({ + + template: "writing to file...", + noBackdrop: true, + }); - ); + //var bloburl = URL.createObjectURL(blob); + //NVRDataModel.debug ("blob-url is:"+bloburl); - } + writeFile2(tp, "temp-file.gif", blob, false) + .then(function (succ) { + NVRDataModel.debug("write to file successful"); + // console.log( "write file successful"); + $ionicLoading.hide(); - // NOT USED - WILL REMOVE AFTER TESTING OTHER METHOD MORE - function downloadAsGif(e) - { - $ionicLoading.show( - { - template: $translate.instant('kPleaseWait') + "...", - noBackdrop: true, - duration: 20000 - }); + var ntp = tp; + //ntp = tp.indexOf('file://') === 0 ? tp.slice(7) : tp; - prepareImages(e) - .then(function(imgs) - { + ntp = ntp + "temp-file.gif"; + // console.log ("ntp="+ntp); - // console.log("TOTAL IMAGES TO GIF=" + imgs.length); - //console.log(JSON.stringify(imgs)); - - var ad = adjustAspect(e); - //console.log("SAVING W=" + ad.w + " H=" + ad.h); - NVRDataModel.setAwake(true); - gifshot.createGIF( - { - - 'gifWidth': ad.w, - 'gifHeight': ad.h, - 'images': imgs, - 'interval': 1, - //'loop':null, - 'sampleInterval': 20, - //'frameDur':5, // 1/2 a sec - 'text': 'zmNinja', - 'crossOrigin': 'use-credentials', - 'progressCallback': function(cp) - { - var p = Math.round(cp * 100); - $ionicLoading.show( - { - template: $translate.instant('kPleaseWait') + "...(" + p + "%)", - noBackdrop: true - }); - } - }, function(obj) - { - NVRDataModel.setAwake(false); - if (!obj.error) - { - //console.log(obj.image); - - var blob; - - if ($rootScope.platformOS == 'desktop') - { - - obj.image = obj.image.replace(/data:image\/gif;base64,/, ''); - blob = base64toBlob(obj.image, "image/gif"); - var f = NVRDataModel.getMonitorName(e.Event.MonitorId); - f = f + "-" + e.Event.Id + ".gif"; - saveAs(blob, f); - $ionicLoading.hide(); - } - - else - { - NVRDataModel.debug("Saving blob to gallery..."); - var album = "zmNinja"; - cordova.plugins.photoLibrary.saveImage(obj.image, album, - function() - { - $ionicLoading.hide(); - NVRDataModel.debug("Event saved"); - }, - function(err) - { - $ionicLoading.hide(); - NVRDataModel.debug("Saving ERROR=" + err); - }); - - } - - } - else - { - $ionicLoading.hide(); - NVRDataModel.log("Error creating GIF"); - } - }); - }, - function(err) - { - $ionicLoading.hide(); - NVRDataModel.log("Error getting frames"); - } + moveImageToGallery(ntp); + $rootScope.isDownloading = false; - ); - } + }, function (err) { + $rootScope.isDownloading = false; + $ionicLoading.hide(); + NVRDataModel.debug("error writing to file " + JSON.stringify(err)); - $scope.archiveUnarchiveEvent = function (ndx,eid) - { - //https://server/zm/api/events/11902.json -XPUT -d"Event[Archived]=1" - // - $ionicListDelegate.closeOptionButtons(); - NVRDataModel.debug ("Archiving request for EID="+eid); - var loginData = NVRDataModel.getLogin(); - var apiArchive = loginData.apiurl + "/events/" + eid + ".json"; - var setArchiveBit = ($scope.events[ndx].Event.Archived == '0') ? "1":"0"; + }); + } - NVRDataModel.debug ("Calling archive with:"+apiArchive+ " and Archive="+setArchiveBit); - //put(url, data, [config]); + }); + }); - // $http.put(apiArchive,"Event[Archived]="+setArchiveBit) - // - $ionicLoading.show( - { - template: "{{'kPleaseWait' | translate}}...", - noBackdrop: true, - duration: zm.httpTimeout - }); + }, + function (err) { + $ionicLoading.hide(); + NVRDataModel.setAwake(false); + NVRDataModel.log("Error getting frames"); + $rootScope.isDownloading = false; + } - $http({ + ); - method: 'POST', - headers: - { - 'Content-Type': 'application/x-www-form-urlencoded', - 'Accept': '*/*', - }, - transformRequest: function(obj) - { - var str = []; - for (var p in obj) - str.push(encodeURIComponent(p) + "=" + - encodeURIComponent(obj[p])); - var foo = str.join("&"); - // console.log("****RETURNING " + foo); - NVRDataModel.debug("MonitorCtrl: parmeters constructed: " + foo); - return foo; - }, - url: apiArchive, - data: { - "Event[Archived]":setArchiveBit + } + + // NOT USED - WILL REMOVE AFTER TESTING OTHER METHOD MORE + function downloadAsGif(e) { + $ionicLoading.show({ + template: $translate.instant('kPleaseWait') + "...", + noBackdrop: true, + duration: 20000 + }); + + prepareImages(e) + .then(function (imgs) { + + // console.log("TOTAL IMAGES TO GIF=" + imgs.length); + //console.log(JSON.stringify(imgs)); + + var ad = adjustAspect(e); + //console.log("SAVING W=" + ad.w + " H=" + ad.h); + NVRDataModel.setAwake(true); + gifshot.createGIF({ + + 'gifWidth': ad.w, + 'gifHeight': ad.h, + 'images': imgs, + 'interval': 1, + //'loop':null, + 'sampleInterval': 20, + //'frameDur':5, // 1/2 a sec + 'text': 'zmNinja', + 'crossOrigin': 'use-credentials', + 'progressCallback': function (cp) { + var p = Math.round(cp * 100); + $ionicLoading.show({ + template: $translate.instant('kPleaseWait') + "...(" + p + "%)", + noBackdrop: true + }); + } + }, function (obj) { + NVRDataModel.setAwake(false); + if (!obj.error) { + //console.log(obj.image); + + var blob; + + if ($rootScope.platformOS == 'desktop') { + + obj.image = obj.image.replace(/data:image\/gif;base64,/, ''); + blob = base64toBlob(obj.image, "image/gif"); + var f = NVRDataModel.getMonitorName(e.Event.MonitorId); + f = f + "-" + e.Event.Id + ".gif"; + saveAs(blob, f); + $ionicLoading.hide(); + } else { + NVRDataModel.debug("Saving blob to gallery..."); + var album = "zmNinja"; + cordova.plugins.photoLibrary.saveImage(obj.image, album, + function () { + $ionicLoading.hide(); + NVRDataModel.debug("Event saved"); + }, + function (err) { + $ionicLoading.hide(); + NVRDataModel.debug("Saving ERROR=" + err); + }); } - }) - .then (function (success) { - - NVRDataModel.log ("archiving response: "+ JSON.stringify(success)); - if (success.data.message == 'Error') - { - $ionicLoading.show( - { - template: "{{'kError' | translate}}...", - noBackdrop: true, - duration: 1500 - }); - - } - else - { - - - $ionicLoading.show( - { - template: "{{'kSuccess' | translate}}...", - noBackdrop: true, - duration: 1000 - }); - if ($scope.events[ndx].Event.Archived == '0') - $scope.events[ndx].Event.Archived = '1'; - else - $scope.events[ndx].Event.Archived = '0'; - } - + } else { + $ionicLoading.hide(); + NVRDataModel.log("Error creating GIF"); + } + }); + }, + function (err) { + $ionicLoading.hide(); + NVRDataModel.log("Error getting frames"); + } + + ); + } + + $scope.archiveUnarchiveEvent = function (ndx, eid) { + //https://server/zm/api/events/11902.json -XPUT -d"Event[Archived]=1" + // + $ionicListDelegate.closeOptionButtons(); + + NVRDataModel.debug("Archiving request for EID=" + eid); + var loginData = NVRDataModel.getLogin(); + var apiArchive = loginData.apiurl + "/events/" + eid + ".json"; + var setArchiveBit = ($scope.events[ndx].Event.Archived == '0') ? "1" : "0"; + + NVRDataModel.debug("Calling archive with:" + apiArchive + " and Archive=" + setArchiveBit); + //put(url, data, [config]); + + // $http.put(apiArchive,"Event[Archived]="+setArchiveBit) + // + $ionicLoading.show({ + template: "{{'kPleaseWait' | translate}}...", + noBackdrop: true, + duration: zm.httpTimeout + }); + + $http({ + + method: 'POST', + headers: { + 'Content-Type': 'application/x-www-form-urlencoded', + 'Accept': '*/*', + }, + transformRequest: function (obj) { + var str = []; + for (var p in obj) + str.push(encodeURIComponent(p) + "=" + + encodeURIComponent(obj[p])); + var foo = str.join("&"); + // console.log("****RETURNING " + foo); + NVRDataModel.debug("MonitorCtrl: parmeters constructed: " + foo); + return foo; + }, + url: apiArchive, + data: { + "Event[Archived]": setArchiveBit + + } + }) + .then(function (success) { + + NVRDataModel.log("archiving response: " + JSON.stringify(success)); + if (success.data.message == 'Error') { + $ionicLoading.show({ + template: "{{'kError' | translate}}...", + noBackdrop: true, + duration: 1500 + }); + + } else { + + + $ionicLoading.show({ + template: "{{'kSuccess' | translate}}...", + noBackdrop: true, + duration: 1000 + }); + if ($scope.events[ndx].Event.Archived == '0') + $scope.events[ndx].Event.Archived = '1'; + else + $scope.events[ndx].Event.Archived = '0'; + } + + + + }, + function (error) { + NVRDataModel.log("Error archiving: " + JSON.stringify(error)); + }); + - }, - function (error) { - NVRDataModel.log ("Error archiving: "+ JSON.stringify(error)); - } ); - - }; @@ -1849,130 +1651,115 @@ angular.module('zmApp.controllers') //-------------------------------------------------------------------------- - - $scope.deleteEvent = function(id, itemid) - { - deleteEvent(id,itemid); + + $scope.deleteEvent = function (id, itemid) { + deleteEvent(id, itemid); }; - function deleteEvent (id,itemid) { - //$scope.eventList.showDelete = false; - //curl -XDELETE http://server/zm/api/events/1.json - var loginData = NVRDataModel.getLogin(); - var apiDelete = loginData.apiurl + "/events/" + id + ".json"; - NVRDataModel.debug("DeleteEvent: ID=" + id + " item=" + itemid); - NVRDataModel.log("Delete event " + apiDelete); + function deleteEvent(id, itemid) { + //$scope.eventList.showDelete = false; + //curl -XDELETE http://server/zm/api/events/1.json + var loginData = NVRDataModel.getLogin(); + var apiDelete = loginData.apiurl + "/events/" + id + ".json"; + NVRDataModel.debug("DeleteEvent: ID=" + id + " item=" + itemid); + NVRDataModel.log("Delete event " + apiDelete); - $ionicLoading.show( - { - template: "{{'kDeletingEvent' | translate}}...", - noBackdrop: true, - duration: zm.httpTimeout - }); + $ionicLoading.show({ + template: "{{'kDeletingEvent' | translate}}...", + noBackdrop: true, + duration: zm.httpTimeout + }); - return $http.delete(apiDelete) - .success(function(data) - { - $ionicLoading.hide(); - NVRDataModel.debug("delete output: " + JSON.stringify(data)); + return $http.delete(apiDelete) + .success(function (data) { + $ionicLoading.hide(); + NVRDataModel.debug("delete output: " + JSON.stringify(data)); - if (data.message == 'Error') - { - $ionicLoading.show( - { - template: "{{'kError' | translate}}...", - noBackdrop: true, - duration: 1500 - }); + if (data.message == 'Error') { + $ionicLoading.show({ + template: "{{'kError' | translate}}...", + noBackdrop: true, + duration: 1500 + }); - } - else - { + } else { - $ionicLoading.hide(); - $ionicLoading.show( - { - template: "{{'kSuccess' | translate}}...", - noBackdrop: true, - duration: 1000 - }); - if (itemid > 0) $scope.events.splice(itemid, 1); - - } + $ionicLoading.hide(); + $ionicLoading.show({ + template: "{{'kSuccess' | translate}}...", + noBackdrop: true, + duration: 1000 + }); + if (itemid > 0) $scope.events.splice(itemid, 1); - // NVRDataModel.displayBanner('info', [$translate.instant('kDeleteEventSuccess')], 2000, 2000); + } - + // NVRDataModel.displayBanner('info', [$translate.instant('kDeleteEventSuccess')], 2000, 2000); - //doRefresh(); - }) - .error(function(data) - { - $ionicLoading.hide(); - NVRDataModel.debug("delete error: " + JSON.stringify(data)); - NVRDataModel.displayBanner('error', [$translate.instant('kDeleteEventError1'), $translate.instant('kDeleteEventError2')]); - }); + + //doRefresh(); + + }) + .error(function (data) { + $ionicLoading.hide(); + NVRDataModel.debug("delete error: " + JSON.stringify(data)); + NVRDataModel.displayBanner('error', [$translate.instant('kDeleteEventError1'), $translate.instant('kDeleteEventError2')]); + }); } //------------------------------------------------ // Tapping on the filter sign lets you reset it //------------------------------------------------- - $scope.filterTapped = function() - { - //console.log("FILTER TAPPED"); - var myFrom = moment($rootScope.fromString).format("MMM/DD/YYYY " + NVRDataModel.getTimeFormat()).toString(); - var toString = moment($rootScope.toString).format("MMM/DD/YYYY " + NVRDataModel.getTimeFormat()).toString(); - - $rootScope.zmPopup = $ionicPopup.confirm( - { - title: $translate.instant('kFilterSettings'), - template: $translate.instant('kFilterEventsBetween1') + ':<br/> <b>' + myFrom + "</b> " + $translate.instant('kTo') + " <b>" + toString + '</b><br/>' + $translate.instant('kFilterEventsBetween2'), - okText: $translate.instant('kButtonOk'), - cancelText: $translate.instant('kButtonCancel'), - }); - $rootScope.zmPopup.then(function(res) - { - if (res) - { - NVRDataModel.log("Filter reset requested in popup"); - $rootScope.isEventFilterOn = false; - $rootScope.fromDate = ""; - $rootScope.fromTime = ""; - $rootScope.toDate = ""; - $rootScope.toTime = ""; - $rootScope.fromString = ""; - $rootScope.toString = ""; - - $scope.id = 0; - $scope.showEvent = false; - $scope.footerState = ionPullUpFooterState.MINIMIZED; - getInitialEvents(); - - /* - $ionicHistory.nextViewOptions( - { - disableBack: true - }); - $state.go("app.events", - { - "id": 0, - "playEvent": false, - refresh:true - });*/ - - return; - } - else - { - NVRDataModel.log("Filter reset cancelled in popup"); - } - }); + $scope.filterTapped = function () { + //console.log("FILTER TAPPED"); + var myFrom = moment($rootScope.fromString).format("MMM/DD/YYYY " + NVRDataModel.getTimeFormat()).toString(); + var toString = moment($rootScope.toString).format("MMM/DD/YYYY " + NVRDataModel.getTimeFormat()).toString(); + + $rootScope.zmPopup = $ionicPopup.confirm({ + title: $translate.instant('kFilterSettings'), + template: $translate.instant('kFilterEventsBetween1') + ':<br/> <b>' + myFrom + "</b> " + $translate.instant('kTo') + " <b>" + toString + '</b><br/>' + $translate.instant('kFilterEventsBetween2'), + okText: $translate.instant('kButtonOk'), + cancelText: $translate.instant('kButtonCancel'), + }); + $rootScope.zmPopup.then(function (res) { + if (res) { + NVRDataModel.log("Filter reset requested in popup"); + $rootScope.isEventFilterOn = false; + $rootScope.fromDate = ""; + $rootScope.fromTime = ""; + $rootScope.toDate = ""; + $rootScope.toTime = ""; + $rootScope.fromString = ""; + $rootScope.toString = ""; + + $scope.id = 0; + $scope.showEvent = false; + $scope.footerState = ionPullUpFooterState.MINIMIZED; + getInitialEvents(); + + /* + $ionicHistory.nextViewOptions( + { + disableBack: true + }); + $state.go("app.events", + { + "id": 0, + "playEvent": false, + refresh:true + });*/ + + return; + } else { + NVRDataModel.log("Filter reset cancelled in popup"); + } + }); }; @@ -1981,268 +1768,224 @@ angular.module('zmApp.controllers') // data for events ranges summaries using the consolveEvents facility of ZM //-------------------------------------------------------------------------- - $scope.footerExpand = function() - { - footerExpand(); + $scope.footerExpand = function () { + footerExpand(); }; - function footerExpand() - { - //https://server/zm/api/events/consoleEvents/5%20minute.json - var ld = NVRDataModel.getLogin(); + function footerExpand() { + //https://server/zm/api/events/consoleEvents/5%20minute.json + var ld = NVRDataModel.getLogin(); - var af = "/AlarmFrames >=:" + (ld.enableAlarmCount ? ld.minAlarmCount : 0); + var af = "/AlarmFrames >=:" + (ld.enableAlarmCount ? ld.minAlarmCount : 0); - var apiurl = ld.apiurl + "/events/consoleEvents/1%20hour" + af + ".json"; - NVRDataModel.debug("consoleEvents API:" + apiurl); + var apiurl = ld.apiurl + "/events/consoleEvents/1%20hour" + af + ".json"; + NVRDataModel.debug("consoleEvents API:" + apiurl); - $http.get(apiurl) - .success(function(data) - { - NVRDataModel.debug(JSON.stringify(data)); - $scope.hours = []; - var p = data.results; - for (var key in data.results) - { + $http.get(apiurl) + .success(function (data) { + NVRDataModel.debug(JSON.stringify(data)); + $scope.hours = []; + var p = data.results; + for (var key in data.results) { - if (p.hasOwnProperty(key)) - { - - var idfound = true; - //console.log ("PERSIST IS " + ld.persistMontageOrder); - if (ld.persistMontageOrder) - { - idfound = false; - for (var ii = 0; ii < $scope.monitors.length; ii++) - { - if ($scope.monitors[ii].Monitor.Id == key && (NVRDataModel.isNotHidden(key) || showHiddenMonitors)) - { - // console.log ("Authorizing "+$scope.monitors[ii].Monitor.Name); - idfound = true; - break; - } - } - } - //console.log(NVRDataModel.getMonitorName(key) + " -> " + p[key]); - if (idfound) - $scope.hours.push( - { - monitor: NVRDataModel.getMonitorName(key), - events: p[key], - mid: key - }); + if (p.hasOwnProperty(key)) { - } + var idfound = true; + //console.log ("PERSIST IS " + ld.persistMontageOrder); + if (ld.persistMontageOrder) { + idfound = false; + for (var ii = 0; ii < $scope.monitors.length; ii++) { + if ($scope.monitors[ii].Monitor.Id == key && (NVRDataModel.isNotHidden(key) || showHiddenMonitors)) { + // console.log ("Authorizing "+$scope.monitors[ii].Monitor.Name); + idfound = true; + break; + } } - }); + } + //console.log(NVRDataModel.getMonitorName(key) + " -> " + p[key]); + if (idfound) + $scope.hours.push({ + monitor: NVRDataModel.getMonitorName(key), + events: p[key], + mid: key + }); - apiurl = ld.apiurl + "/events/consoleEvents/1%20day" + af + ".json"; - NVRDataModel.debug("consoleEvents API:" + apiurl); - $http.get(apiurl) - .success(function(data) - { - NVRDataModel.debug(JSON.stringify(data)); - $scope.days = []; - var p = data.results; - for (var key in data.results) - { - if (p.hasOwnProperty(key)) - { - var idfound = true; - if (ld.persistMontageOrder) - { - idfound = false; - for (var ii = 0; ii < $scope.monitors.length; ii++) - { - if ($scope.monitors[ii].Monitor.Id == key && (NVRDataModel.isNotHidden(key) || showHiddenMonitors)) - { - idfound = true; - break; - } - } - } - //console.log(NVRDataModel.getMonitorName(key) + " -> " + p[key]); - if (idfound) - //console.log(NVRDataModel.getMonitorName(key) + " -> " + p[key]); - $scope.days.push( - { - monitor: NVRDataModel.getMonitorName(key), - events: p[key], - mid: key - }); + } + } + }); - } + apiurl = ld.apiurl + "/events/consoleEvents/1%20day" + af + ".json"; + NVRDataModel.debug("consoleEvents API:" + apiurl); + $http.get(apiurl) + .success(function (data) { + NVRDataModel.debug(JSON.stringify(data)); + $scope.days = []; + var p = data.results; + for (var key in data.results) { + if (p.hasOwnProperty(key)) { + var idfound = true; + if (ld.persistMontageOrder) { + idfound = false; + for (var ii = 0; ii < $scope.monitors.length; ii++) { + if ($scope.monitors[ii].Monitor.Id == key && (NVRDataModel.isNotHidden(key) || showHiddenMonitors)) { + idfound = true; + break; + } } - }); + } + //console.log(NVRDataModel.getMonitorName(key) + " -> " + p[key]); + if (idfound) + //console.log(NVRDataModel.getMonitorName(key) + " -> " + p[key]); + $scope.days.push({ + monitor: NVRDataModel.getMonitorName(key), + events: p[key], + mid: key + }); - apiurl = ld.apiurl + "/events/consoleEvents/1%20week" + af + ".json"; - NVRDataModel.debug("consoleEvents API:" + apiurl); - $http.get(apiurl) - .success(function(data) - { - NVRDataModel.debug(JSON.stringify(data)); - $scope.weeks = []; - var p = data.results; - for (var key in data.results) - { - if (p.hasOwnProperty(key)) - { - - var idfound = true; - if (ld.persistMontageOrder) - { - idfound = false; - for (var ii = 0; ii < $scope.monitors.length; ii++) - { - if ($scope.monitors[ii].Monitor.Id == key && (NVRDataModel.isNotHidden(key) || showHiddenMonitors)) - { - idfound = true; - break; - } - } - } - //console.log(NVRDataModel.getMonitorName(key) + " -> " + p[key]); - if (idfound) - //console.log(NVRDataModel.getMonitorName(key) + " -> " + p[key]); - $scope.weeks.push( - { - monitor: NVRDataModel.getMonitorName(key), - events: p[key], - mid: key - }); + } + } + }); - } + apiurl = ld.apiurl + "/events/consoleEvents/1%20week" + af + ".json"; + NVRDataModel.debug("consoleEvents API:" + apiurl); + $http.get(apiurl) + .success(function (data) { + NVRDataModel.debug(JSON.stringify(data)); + $scope.weeks = []; + var p = data.results; + for (var key in data.results) { + if (p.hasOwnProperty(key)) { + + var idfound = true; + if (ld.persistMontageOrder) { + idfound = false; + for (var ii = 0; ii < $scope.monitors.length; ii++) { + if ($scope.monitors[ii].Monitor.Id == key && (NVRDataModel.isNotHidden(key) || showHiddenMonitors)) { + idfound = true; + break; + } } - }); + } + //console.log(NVRDataModel.getMonitorName(key) + " -> " + p[key]); + if (idfound) + //console.log(NVRDataModel.getMonitorName(key) + " -> " + p[key]); + $scope.weeks.push({ + monitor: NVRDataModel.getMonitorName(key), + events: p[key], + mid: key + }); - apiurl = ld.apiurl + "/events/consoleEvents/1%20month" + af + ".json"; - NVRDataModel.debug("consoleEvents API:" + apiurl); - $http.get(apiurl) - .success(function(data) - { - NVRDataModel.debug(JSON.stringify(data)); - $scope.months = []; - var p = data.results; - for (var key in data.results) - { - if (p.hasOwnProperty(key)) - { - - var idfound = true; - var ld = NVRDataModel.getLogin(); - if (ld.persistMontageOrder) - { - idfound = false; - for (var ii = 0; ii < $scope.monitors.length; ii++) - { - if ($scope.monitors[ii].Monitor.Id == key && (NVRDataModel.isNotHidden(key) || showHiddenMonitors)) - { - idfound = true; - break; - } - } - } - //console.log(NVRDataModel.getMonitorName(key) + " -> " + p[key]); - if (idfound) - //console.log(NVRDataModel.getMonitorName(key) + " -> " + p[key]); - $scope.months.push( - { - monitor: NVRDataModel.getMonitorName(key), - events: p[key], - mid: key - }); + } + } + }); - } + apiurl = ld.apiurl + "/events/consoleEvents/1%20month" + af + ".json"; + NVRDataModel.debug("consoleEvents API:" + apiurl); + $http.get(apiurl) + .success(function (data) { + NVRDataModel.debug(JSON.stringify(data)); + $scope.months = []; + var p = data.results; + for (var key in data.results) { + if (p.hasOwnProperty(key)) { + + var idfound = true; + var ld = NVRDataModel.getLogin(); + if (ld.persistMontageOrder) { + idfound = false; + for (var ii = 0; ii < $scope.monitors.length; ii++) { + if ($scope.monitors[ii].Monitor.Id == key && (NVRDataModel.isNotHidden(key) || showHiddenMonitors)) { + idfound = true; + break; + } } - }); + } + //console.log(NVRDataModel.getMonitorName(key) + " -> " + p[key]); + if (idfound) + //console.log(NVRDataModel.getMonitorName(key) + " -> " + p[key]); + $scope.months.push({ + monitor: NVRDataModel.getMonitorName(key), + events: p[key], + mid: key + }); + + } + } + }); } - $scope.openMenu = function() - { - $ionicSideMenuDelegate.toggleLeft(); + $scope.openMenu = function () { + $ionicSideMenuDelegate.toggleLeft(); }; - $scope.scrollPosition = function() - { - if (!$ionicScrollDelegate.$getByHandle("mainScroll")) return ""; - if (!$ionicScrollDelegate.$getByHandle("mainScroll").getScrollPosition()) return ""; - var scrl = parseFloat($ionicScrollDelegate.$getByHandle("mainScroll").getScrollPosition().top); - var item = Math.round(scrl / eventsListDetailsHeight); - if ($scope.events == undefined || !$scope.events.length || $scope.events[item] == undefined) - { - return ""; - } - else - { - //return prettifyDate($scope.events[item].Event.StartTime); - return ($scope.events[item].Event.humanizeTime); - } - //return Math.random(); + $scope.scrollPosition = function () { + if (!$ionicScrollDelegate.$getByHandle("mainScroll")) return ""; + if (!$ionicScrollDelegate.$getByHandle("mainScroll").getScrollPosition()) return ""; + var scrl = parseFloat($ionicScrollDelegate.$getByHandle("mainScroll").getScrollPosition().top); + var item = Math.round(scrl / eventsListDetailsHeight); + if ($scope.events == undefined || !$scope.events.length || $scope.events[item] == undefined) { + return ""; + } else { + //return prettifyDate($scope.events[item].Event.StartTime); + return ($scope.events[item].Event.humanizeTime); + } + //return Math.random(); }; //------------------------------------------------------------------------- // called when user switches to background //------------------------------------------------------------------------- - function onPause() - { - NVRDataModel.debug("EventCtrl:onpause called"); - if ($scope.popover) $scope.popover.remove(); - NVRDataModel.debug ("EventCtrl Pause:Deregistering broadcast handles"); - for (var i=0; i < broadcastHandles.length; i++) { - // broadcastHandles[i](); - } - broadcastHandles = []; + function onPause() { + NVRDataModel.debug("EventCtrl:onpause called"); + if ($scope.popover) $scope.popover.remove(); + NVRDataModel.debug("EventCtrl Pause:Deregistering broadcast handles"); + for (var i = 0; i < broadcastHandles.length; i++) { + // broadcastHandles[i](); + } + broadcastHandles = []; } //------------------------------------------------------------------------- // Pads the filename with leading 0s, depending on ZM_IMAGE_DIGITS //------------------------------------------------------------------------- - function padToN(number, digits) - { - - var i; - var stringMax = ""; - var stringLeading = ""; - for (i = 1; i <= digits; i++) - { - stringMax = stringMax + "9"; - if (i != digits) stringLeading = stringLeading + "0"; - } - var numMax = parseInt(stringMax); - - if (number <= numMax) - { - number = (stringLeading + number).slice(-digits); - } - //console.log ("PADTON: returning " + number); - return number; + function padToN(number, digits) { + + var i; + var stringMax = ""; + var stringLeading = ""; + for (i = 1; i <= digits; i++) { + stringMax = stringMax + "9"; + if (i != digits) stringLeading = stringLeading + "0"; + } + var numMax = parseInt(stringMax); + + if (number <= numMax) { + number = (stringLeading + number).slice(-digits); + } + //console.log ("PADTON: returning " + number); + return number; } //------------------------------------------------------------------------- // FIXME: Are we using this? //------------------------------------------------------------------------- - $scope.disableSlide = function() - { - NVRDataModel.debug("EventCtrl:DisableSlide called"); - $ionicSlideBoxDelegate.$getByHandle("eventSlideBox").enableSlide(false); + $scope.disableSlide = function () { + NVRDataModel.debug("EventCtrl:DisableSlide called"); + $ionicSlideBoxDelegate.$getByHandle("eventSlideBox").enableSlide(false); }; - $scope.checkSwipe = function (ndx) - { - if ($scope.events[ndx].Event.ShowScrub) - { - $ionicListDelegate.canSwipeItems(false); - NVRDataModel.debug ("disabling options swipe"); - } - else - { - $ionicListDelegate.canSwipeItems(true); - NVRDataModel.debug ("enabling options swipe"); - } - + $scope.checkSwipe = function (ndx) { + if ($scope.events[ndx].Event.ShowScrub) { + $ionicListDelegate.canSwipeItems(false); + NVRDataModel.debug("disabling options swipe"); + } else { + $ionicListDelegate.canSwipeItems(true); + NVRDataModel.debug("enabling options swipe"); + } + }; //------------------------------------------------------------------------- @@ -2250,409 +1993,357 @@ angular.module('zmApp.controllers') // scrub view for an event. //------------------------------------------------------------------------- - $scope.toggleGroupScrub = function(event, ndx, frames) - { - $scope.groupType = "scrub"; - toggleGroup(event, ndx, frames, $scope.groupType); + $scope.toggleGroupScrub = function (event, ndx, frames) { + $scope.groupType = "scrub"; + toggleGroup(event, ndx, frames, $scope.groupType); }; - $scope.toggleGroupAlarms = function(event, ndx, frames) - { - $scope.groupType = "alarms"; - toggleGroup(event, ndx, frames, $scope.groupType); + $scope.toggleGroupAlarms = function (event, ndx, frames) { + $scope.groupType = "alarms"; + toggleGroup(event, ndx, frames, $scope.groupType); }; - function toggleGroup(event, ndx, frames, groupType) - { - + function toggleGroup(event, ndx, frames, groupType) { - // If we are here and there is a record of a previous scroll - // then we need to scroll back to hide that view - if (scrollbynumber) - { - $ionicScrollDelegate.$getByHandle("mainScroll").scrollBy(0, -1 * scrollbynumber, true); - scrollbynumber = 0; - } - if (oldEvent && event != oldEvent) - { + // If we are here and there is a record of a previous scroll + // then we need to scroll back to hide that view + if (scrollbynumber) { + $ionicScrollDelegate.$getByHandle("mainScroll").scrollBy(0, -1 * scrollbynumber, true); + scrollbynumber = 0; + } - NVRDataModel.debug("EventCtrl:Old event scrub will hide now"); - oldEvent.Event.ShowScrub = false; - oldEvent.Event.height = eventsListDetailsHeight; - oldEvent = ""; - } + if (oldEvent && event != oldEvent) { - event.Event.ShowScrub = !event.Event.ShowScrub; + NVRDataModel.debug("EventCtrl:Old event scrub will hide now"); + oldEvent.Event.ShowScrub = false; + oldEvent.Event.height = eventsListDetailsHeight; + oldEvent = ""; + } - if (event.Event.ShowScrub == false) - { - $ionicListDelegate.canSwipeItems(true); - NVRDataModel.debug ("enabling options swipe due to toggle"); - } + event.Event.ShowScrub = !event.Event.ShowScrub; - else - { - $ionicListDelegate.canSwipeItems(false); - $ionicListDelegate.closeOptionButtons(); - NVRDataModel.debug ("disabling options swipe due to toggle"); + if (event.Event.ShowScrub == false) { + $ionicListDelegate.canSwipeItems(true); + NVRDataModel.debug("enabling options swipe due to toggle"); + } else { + $ionicListDelegate.canSwipeItems(false); + $ionicListDelegate.closeOptionButtons(); + NVRDataModel.debug("disabling options swipe due to toggle"); - } + } - //console.log ("SCRUBBING IS "+event.Event.ShowScrub); - // $ionicScrollDelegate.resize(); + //console.log ("SCRUBBING IS "+event.Event.ShowScrub); + // $ionicScrollDelegate.resize(); - //console.log ("GROUP TYPE IS " + groupType); + //console.log ("GROUP TYPE IS " + groupType); - if (event.Event.ShowScrub == true) // turn on display now - { - - - if (groupType == 'alarms') - { - // $ionicListDelegate.canSwipeItems(false); - //NVRDataModel.debug ("Disabling flag swipe as alarms are swipable"); - $scope.alarm_images = []; - event.Event.height = (eventsListDetailsHeight + eventsListScrubHeight); - $ionicScrollDelegate.resize(); - var myurl = loginData.apiurl + '/events/' + event.Event.Id + ".json"; - NVRDataModel.log("API for event details" + myurl); - $http.get(myurl) - .success(function(data) - { - $scope.FrameArray = data.event.Frame; - // $scope.slider_options.scale=[]; - - //$scope.slider_options.scale = []; - - var i; - var timestamp = null; - for (i = 0; i < data.event.Frame.length; i++) - { - if (data.event.Frame[i].Type == "Alarm") - { - - //console.log ("**ONLY ALARM AT " + i + "of " + data.event.Frame.length); - var atype; - if (timestamp != data.event.Frame[i].TimeStamp) - { - - atype = $translate.instant('kShowTimeDiffFrames'); - } - else - { - atype = $translate.instant('kShowAllFrames'); - } - $scope.alarm_images.push( - { - type: atype, - id: data.event.Frame[i].Id, - frameid: data.event.Frame[i].FrameId, - score: data.event.Frame[i].Score, - fname: padToN(data.event.Frame[i].FrameId, eventImageDigits) + "-capture.jpg", - aname:padToN(data.event.Frame[i].FrameId, eventImageDigits) + "-analyse.jpg", - time: data.event.Frame[i].TimeStamp - }); - timestamp = data.event.Frame[i].TimeStamp; - } - - } - oldEvent = event; - - //console.log (JSON.stringify(data)); - }) - .error(function(err) - { - NVRDataModel.log("Error retrieving detailed frame API " + JSON.stringify(err)); - NVRDataModel.displayBanner('error', ['could not retrieve frame details', 'please try again']); - }); + if (event.Event.ShowScrub == true) // turn on display now + { - } // end of groupType == alarms - else // groupType == scrub - { - - NVRDataModel.debug("EventCtrl: Scrubbing will turn on now"); - $scope.currentEvent = ""; - $scope.event = event; - //$ionicScrollDelegate.freezeScroll(true); - $ionicSideMenuDelegate.canDragContent(false); - $scope.slider_options = { - from: 1, - to: event.Event.Frames, - realtime: true, - step: 1, - className: "mySliderClass", - callback: function(value, released) - { - //console.log("CALLBACK"+value+released); - $ionicScrollDelegate.freezeScroll(!released); - //NVRDataModel.debug("EventCtrl: freezeScroll called with " + !released); - }, - //modelLabels:function(val) {return "";}, - css: - { - background: - { - "background-color": "silver" - }, - before: - { - "background-color": "purple" - }, - default: - { - "background-color": "white" - }, // default value: 1px - after: - { - "background-color": "green" - }, // zone after default value - pointer: - { - "background-color": "red" - }, // circle pointer - range: - { - "background-color": "red" - } // use it if double value - }, - scale: [] + if (groupType == 'alarms') { + // $ionicListDelegate.canSwipeItems(false); + //NVRDataModel.debug ("Disabling flag swipe as alarms are swipable"); + $scope.alarm_images = []; + event.Event.height = (eventsListDetailsHeight + eventsListScrubHeight); + $ionicScrollDelegate.resize(); + var myurl = loginData.apiurl + '/events/' + event.Event.Id + ".json"; + NVRDataModel.log("API for event details" + myurl); + $http.get(myurl) + .success(function (data) { + $scope.FrameArray = data.event.Frame; + // $scope.slider_options.scale=[]; - }; + //$scope.slider_options.scale = []; - event.Event.height = (eventsListDetailsHeight + eventsListScrubHeight); - $ionicScrollDelegate.resize(); - $scope.mycarousel.index = 0; - $scope.ionRange.index = 1; - //console.log("**Resetting range"); - $scope.slides = []; - var i; + var i; + var timestamp = null; + for (i = 0; i < data.event.Frame.length; i++) { + if (data.event.Frame[i].Type == "Alarm") { - if (event.Event.imageMode == 'path') - { - NVRDataModel.debug("EventCtrl: found " + frames + " frames to scrub"); + //console.log ("**ONLY ALARM AT " + i + "of " + data.event.Frame.length); + var atype; + if (timestamp != data.event.Frame[i].TimeStamp) { - for (i = 1; i <= frames; i++) - { - var fname = padToN(i, eventImageDigits) + "-capture.jpg"; + atype = $translate.instant('kShowTimeDiffFrames'); + } else { + atype = $translate.instant('kShowAllFrames'); + } + $scope.alarm_images.push({ + type: atype, + id: data.event.Frame[i].Id, + frameid: data.event.Frame[i].FrameId, + score: data.event.Frame[i].Score, + fname: padToN(data.event.Frame[i].FrameId, eventImageDigits) + "-capture.jpg", + aname: padToN(data.event.Frame[i].FrameId, eventImageDigits) + "-analyse.jpg", + time: data.event.Frame[i].TimeStamp + }); + timestamp = data.event.Frame[i].TimeStamp; + } - $scope.slides.push( - { - id: i, - img: fname - }); + } + oldEvent = event; - } - } - else // we need fids - { - var myurl_frames = loginData.apiurl + '/events/' + event.Event.Id + ".json"; - NVRDataModel.log("API for event details" + myurl_frames); - $http.get(myurl_frames) - .success(function(data) - { - $scope.FrameArray = data.event.Frame; - // $scope.slider_options.scale=[]; - - //$scope.slider_options.scale = []; - - var i; - for (i = 0; i < data.event.Frame.length; i++) - { - - //console.log ("**ONLY ALARM AT " + i + "of " + data.event.Frame.length); - $scope.slides.push( - { - id: data.event.Frame[i].Id, - frameid: data.event.Frame[i].FrameId, - - }); - - } - - //console.log (JSON.stringify(data)); - }) - .error(function(err) - { - NVRDataModel.log("Error retrieving detailed frame API " + JSON.stringify(err)); - NVRDataModel.displayBanner('error', [$translate.instant('kErrorFrameBanner'), $translate.instant('kErrorPleaseTryAgain')]); - }); + //console.log (JSON.stringify(data)); + }) + .error(function (err) { + NVRDataModel.log("Error retrieving detailed frame API " + JSON.stringify(err)); + NVRDataModel.displayBanner('error', ['could not retrieve frame details', 'please try again']); + }); + + } // end of groupType == alarms + else // groupType == scrub + { + + NVRDataModel.debug("EventCtrl: Scrubbing will turn on now"); + $scope.currentEvent = ""; + $scope.event = event; + //$ionicScrollDelegate.freezeScroll(true); + $ionicSideMenuDelegate.canDragContent(false); + $scope.slider_options = { + from: 1, + to: event.Event.Frames, + realtime: true, + step: 1, + className: "mySliderClass", + callback: function (value, released) { + //console.log("CALLBACK"+value+released); + $ionicScrollDelegate.freezeScroll(!released); + //NVRDataModel.debug("EventCtrl: freezeScroll called with " + !released); + + }, + //modelLabels:function(val) {return "";}, + css: { + background: { + "background-color": "silver" + }, + before: { + "background-color": "purple" + }, + default: { + "background-color": "white" + }, // default value: 1px + after: { + "background-color": "green" + }, // zone after default value + pointer: { + "background-color": "red" + }, // circle pointer + range: { + "background-color": "red" + } // use it if double value + }, + scale: [] + + }; + + event.Event.height = (eventsListDetailsHeight + eventsListScrubHeight); + $ionicScrollDelegate.resize(); + $scope.mycarousel.index = 0; + $scope.ionRange.index = 1; + //console.log("**Resetting range"); + $scope.slides = []; + var i; + + if (event.Event.imageMode == 'path') { + NVRDataModel.debug("EventCtrl: found " + frames + " frames to scrub"); + + for (i = 1; i <= frames; i++) { + var fname = padToN(i, eventImageDigits) + "-capture.jpg"; + + $scope.slides.push({ + id: i, + img: fname + }); + + } + } else // we need fids + { + var myurl_frames = loginData.apiurl + '/events/' + event.Event.Id + ".json"; + NVRDataModel.log("API for event details" + myurl_frames); + $http.get(myurl_frames) + .success(function (data) { + $scope.FrameArray = data.event.Frame; + // $scope.slider_options.scale=[]; + + //$scope.slider_options.scale = []; + + var i; + for (i = 0; i < data.event.Frame.length; i++) { + + //console.log ("**ONLY ALARM AT " + i + "of " + data.event.Frame.length); + $scope.slides.push({ + id: data.event.Frame[i].Id, + frameid: data.event.Frame[i].FrameId, + + }); } - // now get event details to show alarm frames - loginData = NVRDataModel.getLogin(); - - if (typeof event.Event.DefaultVideo === 'undefined') - event.Event.DefaultVideo = ""; - // grab video details - event.Event.video = {}; - var videoURL; - - //if (event.Event.imageMode == 'path') - - /* videoURL = event.Event.baseURL + "/events/" + event.Event.relativePath + event.Event.DefaultVideo;*/ - videoURL = event.Event.baseURL + "/index.php?view=view_video&eid=" + event.Event.Id; - if ($rootScope.authSession != 'undefined') videoURL +=$rootScope.authSession; - videoURL+=NVRDataModel.insertBasicAuthToken(); - - - console.log("************** VIDEO IS " + videoURL); - event.Event.video.config = { - autoPlay: true, - sources: [ - { - src: $sce.trustAsResourceUrl(videoURL), - type: "video/mp4" - } - - ], - - theme: "lib/videogular-themes-default/videogular.css", + //console.log (JSON.stringify(data)); + }) + .error(function (err) { + NVRDataModel.log("Error retrieving detailed frame API " + JSON.stringify(err)); + NVRDataModel.displayBanner('error', [$translate.instant('kErrorFrameBanner'), $translate.instant('kErrorPleaseTryAgain')]); + }); - }; + } - var myurl2 = loginData.apiurl + '/events/' + event.Event.Id + ".json"; - NVRDataModel.log("API for event details" + myurl2); - $http.get(myurl2) - .success(function(data) - { - $scope.FrameArray = data.event.Frame; - // $scope.slider_options.scale=[]; - $scope.slider_options.scale = []; - - var i; - for (i = 0; i < data.event.Frame.length; i++) - { - if (data.event.Frame[i].Type == "Alarm") - { - - //console.log ("**ALARM AT " + i + "of " + data.event.Frame.length); - $scope.slider_options.scale.push( - { - val: data.event.Frame[i].FrameId, - label: ' ' - }); - } - else - { - //$scope.slider_options.scale.push(' '); - } - - } - - //console.log (JSON.stringify(data)); - }) - .error(function(err) - { - NVRDataModel.log("Error retrieving detailed frame API " + JSON.stringify(err)); - NVRDataModel.displayBanner('error', [$translate.instant('kErrorFrameBanner'), $translate.instant('kErrorPleaseTryAgain')]); - }); + // now get event details to show alarm frames + loginData = NVRDataModel.getLogin(); - oldEvent = event; - $rootScope.rand = Math.floor(Math.random() * (999999 - 111111 + 1)) + 111111; - var elem = angular.element(document.getElementById("item-" + ndx)); - var locobject = $ionicPosition.offset(elem); - //console.log(JSON.stringify(locobject)); - var toplocation = parseInt(locobject.top); - var objheight = parseInt(locobject.height); - // console.log("top location is " + toplocation); - var distdiff = parseInt($rootScope.devHeight) - toplocation - objheight; - // console.log("*****Space at bottom is " + distdiff); - - if (distdiff < eventsListScrubHeight) // size of the scroller with bars - { - scrollbynumber = eventsListScrubHeight - distdiff; - $ionicScrollDelegate.$getByHandle("mainScroll").scrollBy(0, scrollbynumber, true); + if (typeof event.Event.DefaultVideo === 'undefined') + event.Event.DefaultVideo = ""; + // grab video details + event.Event.video = {}; + var videoURL; + + //if (event.Event.imageMode == 'path') + + /* videoURL = event.Event.baseURL + "/events/" + event.Event.relativePath + event.Event.DefaultVideo;*/ + videoURL = event.Event.baseURL + "/index.php?view=view_video&eid=" + event.Event.Id; + if ($rootScope.authSession != 'undefined') videoURL += $rootScope.authSession; + videoURL += NVRDataModel.insertBasicAuthToken(); + + + console.log("************** VIDEO IS " + videoURL); + event.Event.video.config = { + autoPlay: true, + sources: [{ + src: $sce.trustAsResourceUrl(videoURL), + type: "video/mp4" + } + + ], + + theme: "lib/videogular-themes-default/videogular.css", + + }; + + var myurl2 = loginData.apiurl + '/events/' + event.Event.Id + ".json"; + NVRDataModel.log("API for event details" + myurl2); + $http.get(myurl2) + .success(function (data) { + $scope.FrameArray = data.event.Frame; + // $scope.slider_options.scale=[]; + $scope.slider_options.scale = []; + + var i; + for (i = 0; i < data.event.Frame.length; i++) { + if (data.event.Frame[i].Type == "Alarm") { - // we need to scroll up to make space + //console.log ("**ALARM AT " + i + "of " + data.event.Frame.length); + $scope.slider_options.scale.push({ + val: data.event.Frame[i].FrameId, + label: ' ' + }); + } else { + //$scope.slider_options.scale.push(' '); } - } // end of groupType == scrub - } // end of ShowScrub == true - else - { - // $ionicScrollDelegate.freezeScroll(false); - // - // $ionicListDelegate.canSwipeItems(true); - // NVRDataModel.debug ("enabling options swipe"); - - $ionicSideMenuDelegate.canDragContent(true); - event.Event.height = eventsListDetailsHeight; - $ionicScrollDelegate.resize(); - - if (scrollbynumber) - { - $ionicScrollDelegate.$getByHandle("mainScroll").scrollBy(0, -1 * scrollbynumber, true); - scrollbynumber = 0; - } - // we are turning off, so scroll by back + } + + //console.log (JSON.stringify(data)); + }) + .error(function (err) { + NVRDataModel.log("Error retrieving detailed frame API " + JSON.stringify(err)); + NVRDataModel.displayBanner('error', [$translate.instant('kErrorFrameBanner'), $translate.instant('kErrorPleaseTryAgain')]); + }); + + oldEvent = event; + $rootScope.rand = Math.floor(Math.random() * (999999 - 111111 + 1)) + 111111; + var elem = angular.element(document.getElementById("item-" + ndx)); + var locobject = $ionicPosition.offset(elem); + //console.log(JSON.stringify(locobject)); + var toplocation = parseInt(locobject.top); + var objheight = parseInt(locobject.height); + // console.log("top location is " + toplocation); + var distdiff = parseInt($rootScope.devHeight) - toplocation - objheight; + // console.log("*****Space at bottom is " + distdiff); + + if (distdiff < eventsListScrubHeight) // size of the scroller with bars + { + scrollbynumber = eventsListScrubHeight - distdiff; + $ionicScrollDelegate.$getByHandle("mainScroll").scrollBy(0, scrollbynumber, true); + + // we need to scroll up to make space + } + + } // end of groupType == scrub + } // end of ShowScrub == true + else { + // $ionicScrollDelegate.freezeScroll(false); + // + // $ionicListDelegate.canSwipeItems(true); + // NVRDataModel.debug ("enabling options swipe"); + + $ionicSideMenuDelegate.canDragContent(true); + event.Event.height = eventsListDetailsHeight; + $ionicScrollDelegate.resize(); + + if (scrollbynumber) { + $ionicScrollDelegate.$getByHandle("mainScroll").scrollBy(0, -1 * scrollbynumber, true); + scrollbynumber = 0; } + // we are turning off, so scroll by back + } } - $scope.closeIfOpen = function(event) - { - if (event != undefined) - { - if (event.Event.ShowScrub) - toggleGroup(event); + $scope.closeIfOpen = function (event) { + if (event != undefined) { + if (event.Event.ShowScrub) + toggleGroup(event); - } + } }; - $scope.isGroupShown = function(event) - { - // console.log ("IS SHOW INDEX is " + ndx); - //console.log ("SHOW GROUP IS " + showGroup); + $scope.isGroupShown = function (event) { + // console.log ("IS SHOW INDEX is " + ndx); + //console.log ("SHOW GROUP IS " + showGroup); - return (event == undefined) ? false : event.Event.ShowScrub; + return (event == undefined) ? false : event.Event.ShowScrub; }; //--------------------------------------------------- // reload view //--------------------------------------------------- - $scope.reloadView = function() - { - // All we really need to do here is change the random token - // in the image src and it will refresh. No need to reload the view - // and if you did reload the view, it would go back to events list - // which is the view - and when you are in the modal it will go away - //console.log("*** Refreshing Modal view ***"); - //$state.go($state.current, {}, {reload: true}); - $rootScope.rand = Math.floor(Math.random() * (999999 - 111111 + 1)) + 111111; - $ionicLoading.show( - { - template: $translate.instant('kRefreshedView'), - noBackdrop: true, - duration: 3000 - }); + $scope.reloadView = function () { + // All we really need to do here is change the random token + // in the image src and it will refresh. No need to reload the view + // and if you did reload the view, it would go back to events list + // which is the view - and when you are in the modal it will go away + //console.log("*** Refreshing Modal view ***"); + //$state.go($state.current, {}, {reload: true}); + $rootScope.rand = Math.floor(Math.random() * (999999 - 111111 + 1)) + 111111; + $ionicLoading.show({ + template: $translate.instant('kRefreshedView'), + noBackdrop: true, + duration: 3000 + }); }; //--------------------------------------------------- // when you tap a list entry - to break search loop //--------------------------------------------------- - $scope.tapped = function() - { - // console.log("*** TAPPED ****"); - // if he tapped, the we are not infinite loading on ion-infinite - if (enableLoadMore == false) - { - moreEvents = true; - enableLoadMore = true; - // console.log("REMOVING ARTIFICAL LOAD MORE BLOCK"); - } + $scope.tapped = function () { + // console.log("*** TAPPED ****"); + // if he tapped, the we are not infinite loading on ion-infinite + if (enableLoadMore == false) { + moreEvents = true; + enableLoadMore = true; + // console.log("REMOVING ARTIFICAL LOAD MORE BLOCK"); + } }; - $scope.$on('$ionicView.loaded', function() - { - // console.log("**VIEW ** Events Ctrl Loaded"); + $scope.$on('$ionicView.loaded', function () { + // console.log("**VIEW ** Events Ctrl Loaded"); }); //------------------------------------------------------------------------- @@ -2662,117 +2353,102 @@ angular.module('zmApp.controllers') // reset power state on exit as if it is called after we enter another // state, that effectively overwrites current view power management needs //------------------------------------------------------------------------ - $scope.$on('$ionicView.enter', function() - { - // console.log("**VIEW ** Events Ctrl Entered"); - NVRDataModel.setAwake(false); - - EventServer.sendMessage('push', - { - type: 'badge', - badge: 0, - }); - - $ionicPopover.fromTemplateUrl('templates/events-popover.html', - { - scope: $scope, - }).then(function(popover) - { - $scope.popover = popover; + $scope.$on('$ionicView.enter', function () { + // console.log("**VIEW ** Events Ctrl Entered"); + NVRDataModel.setAwake(false); + + EventServer.sendMessage('push', { + type: 'badge', + badge: 0, + }); + + $ionicPopover.fromTemplateUrl('templates/events-popover.html', { + scope: $scope, + }).then(function (popover) { + $scope.popover = popover; + }); + + //reset badge count + if (window.cordova && window.cordova.plugins.notification) { + $cordovaBadge.set(0).then(function () { + // You have permission, badge set. + }, function (err) { + NVRDataModel.debug("app does not have badge permissions. Please check your phone notification settings"); + // You do not have permission. }); - //reset badge count - if (window.cordova && window.cordova.plugins.notification) - { - $cordovaBadge.set(0).then(function() - { - // You have permission, badge set. - }, function(err) - { - NVRDataModel.debug("app does not have badge permissions. Please check your phone notification settings"); - // You do not have permission. - }); - - $cordovaLocalNotification.clearAll(); - } + $cordovaLocalNotification.clearAll(); + } }); - $scope.$on('$ionicView.leave', function() - { - //console.log("**VIEW ** Events Ctrl Left"); + $scope.$on('$ionicView.leave', function () { + //console.log("**VIEW ** Events Ctrl Left"); }); - $scope.$on('$ionicView.unloaded', function() - { - //console.log("**VIEW ** Events Ctrl Unloaded"); - //console.log("*** MODAL ** Destroying modal too"); - if ($scope.modal !== undefined) - { - $scope.modal.remove(); - } + $scope.$on('$ionicView.unloaded', function () { + //console.log("**VIEW ** Events Ctrl Unloaded"); + //console.log("*** MODAL ** Destroying modal too"); + if ($scope.modal !== undefined) { + $scope.modal.remove(); + } }); //--------------------------------------------------- // used to hide loading image toast //--------------------------------------------------- - $scope.finishedLoadingImage = function(ndx) - { - // console.log("*** Events image FINISHED loading index: "+ndx+"***"); - $ionicLoading.hide(); + $scope.finishedLoadingImage = function (ndx) { + // console.log("*** Events image FINISHED loading index: "+ndx+"***"); + $ionicLoading.hide(); }; //--------------------------------------------------- // //--------------------------------------------------- - $scope.clearSearch = function() - { - $scope.search.text = ""; + $scope.clearSearch = function () { + $scope.search.text = ""; }; //--------------------------------------------------- // Called when user toggles search //--------------------------------------------------- - $scope.searchClicked = function() - { - $scope.showSearch = !$scope.showSearch; - // this helps greatly in repeat scroll gets - if ($scope.showSearch == false) - $scope.search.text = ""; - - //console.log("**** Setting search view to " + $scope.showSearch + " ****"); - if (enableLoadMore == false && $scope.showSearch == false) - { - moreEvents = true; - enableLoadMore = true; - //console.log("REMOVING ARTIFICAL LOAD MORE BLOCK"); - } + $scope.searchClicked = function () { + $scope.showSearch = !$scope.showSearch; + // this helps greatly in repeat scroll gets + if ($scope.showSearch == false) + $scope.search.text = ""; + + //console.log("**** Setting search view to " + $scope.showSearch + " ****"); + if (enableLoadMore == false && $scope.showSearch == false) { + moreEvents = true; + enableLoadMore = true; + //console.log("REMOVING ARTIFICAL LOAD MORE BLOCK"); + } }; //-------------------------------------------------------- // utility function //-------------------------------------------------------- - function computeRelativePath(event) - { - var relativePath = ""; - var loginData = NVRDataModel.getLogin(); - var str = event.Event.StartTime; - var yy = moment(str).locale('en').format('YY'); - var mm = moment(str).locale('en').format('MM'); - var dd = moment(str).locale('en').format('DD'); - var hh = moment(str).locale('en').format('HH'); - var min = moment(str).locale('en').format('mm'); - var sec = moment(str).locale('en').format('ss'); - relativePath = event.Event.MonitorId + "/" + - yy + "/" + - mm + "/" + - dd + "/" + - hh + "/" + - min + "/" + - sec + "/"; - return relativePath; + function computeRelativePath(event) { + var relativePath = ""; + var loginData = NVRDataModel.getLogin(); + var str = event.Event.StartTime; + var yy = moment(str).locale('en').format('YY'); + var mm = moment(str).locale('en').format('MM'); + var dd = moment(str).locale('en').format('DD'); + var hh = moment(str).locale('en').format('HH'); + var min = moment(str).locale('en').format('mm'); + var sec = moment(str).locale('en').format('ss'); + relativePath = event.Event.MonitorId + "/" + + yy + "/" + + mm + "/" + + dd + "/" + + hh + "/" + + min + "/" + + sec + "/"; + return relativePath; } @@ -2780,115 +2456,104 @@ angular.module('zmApp.controllers') // utility function //-------------------------------------------------------- - function computeBasePath(event) - { - var basePath = ""; - var loginData = NVRDataModel.getLogin(); - var str = event.Event.StartTime; - var yy = moment(str).locale('en').format('YY'); - var mm = moment(str).locale('en').format('MM'); - var dd = moment(str).locale('en').format('DD'); - var hh = moment(str).locale('en').format('HH'); - var min = moment(str).locale('en').format('mm'); - var sec = moment(str).locale('en').format('ss'); - - basePath = event.Event.baseURL + "/events/" + - event.Event.MonitorId + "/" + - yy + "/" + - mm + "/" + - dd + "/" + - hh + "/" + - min + "/" + - sec + "/"; - return basePath; + function computeBasePath(event) { + var basePath = ""; + var loginData = NVRDataModel.getLogin(); + var str = event.Event.StartTime; + var yy = moment(str).locale('en').format('YY'); + var mm = moment(str).locale('en').format('MM'); + var dd = moment(str).locale('en').format('DD'); + var hh = moment(str).locale('en').format('HH'); + var min = moment(str).locale('en').format('mm'); + var sec = moment(str).locale('en').format('ss'); + + basePath = event.Event.baseURL + "/events/" + + event.Event.MonitorId + "/" + + yy + "/" + + mm + "/" + + dd + "/" + + hh + "/" + + min + "/" + + sec + "/"; + return basePath; } - $scope.modalGraph = function() - { - $ionicModal.fromTemplateUrl('templates/events-modalgraph.html', - { - scope: $scope, // give ModalCtrl access to this scope - animation: 'slide-in-up', - id: 'modalgraph', + $scope.modalGraph = function () { + $ionicModal.fromTemplateUrl('templates/events-modalgraph.html', { + scope: $scope, // give ModalCtrl access to this scope + animation: 'slide-in-up', + id: 'modalgraph', - }) - .then(function(modal) - { - $scope.modal = modal; + }) + .then(function (modal) { + $scope.modal = modal; - $scope.modal.show(); + $scope.modal.show(); - }); + }); }; - $scope.analyzeEvent = function(ev) - { - $scope.event = ev; - $ionicModal.fromTemplateUrl('templates/timeline-modal.html', - { - scope: $scope, // give ModalCtrl access to this scope - animation: 'slide-in-up', - id: 'analyze', - }) - .then(function(modal) - { - $scope.modal = modal; + $scope.analyzeEvent = function (ev) { + $scope.event = ev; + $ionicModal.fromTemplateUrl('templates/timeline-modal.html', { + scope: $scope, // give ModalCtrl access to this scope + animation: 'slide-in-up', + id: 'analyze', + }) + .then(function (modal) { + $scope.modal = modal; - $scope.modal.show(); + $scope.modal.show(); - }); + }); }; - $scope.$on('modal.removed', function(e, m) - { + $scope.$on('modal.removed', function (e, m) { - if (m.id != 'footage') - return; - NVRDataModel.debug("Rebinding watchers of eventCtrl"); - setupWatchers(); + if (m.id != 'footage') + return; + NVRDataModel.debug("Rebinding watchers of eventCtrl"); + setupWatchers(); - //console.log ("************** FOOTAGE CLOSED"); + //console.log ("************** FOOTAGE CLOSED"); }); - - - $scope.showThumbnail = function (b,f) { - if (!f) {// api update needed - $ionicPopup.alert( - { - title: $translate.instant('kNote'), - template: "{{'kApiUpgrade' | translate }}", - okText: $translate.instant('kButtonOk'), - cancelText: $translate.instant('kButtonCancel'), - }); - return; + $scope.showThumbnail = function (b, f) { - } + if (!f) { // api update needed - - $scope.thumbnailLarge=b+'/index.php?view=image&fid='+f; - $ionicModal.fromTemplateUrl('templates/image-modal.html', - { - scope: $scope, - animation: 'slide-in-up', - id: 'thumbnail', + $ionicPopup.alert({ + title: $translate.instant('kNote'), + template: "{{'kApiUpgrade' | translate }}", + okText: $translate.instant('kButtonOk'), + cancelText: $translate.instant('kButtonCancel'), + }); + return; + + } + + + $scope.thumbnailLarge = b + '/index.php?view=image&fid=' + f; + $ionicModal.fromTemplateUrl('templates/image-modal.html', { + scope: $scope, + animation: 'slide-in-up', + id: 'thumbnail', }) - .then(function(modal) - { - $scope.modal = modal; - + .then(function (modal) { + $scope.modal = modal; - $scope.modal.show(); - var ld = NVRDataModel.getLogin(); + $scope.modal.show(); - }); + var ld = NVRDataModel.getLogin(); + + }); }; @@ -2902,77 +2567,74 @@ angular.module('zmApp.controllers') //-------------------------------------------------------- $scope.openModalWithSnapshot = function (event) { - openModal (event,'enabled'); + openModal(event, 'enabled'); }; - $scope.openModal = function(event) - { + $scope.openModal = function (event) { - openModal(event); + openModal(event); }; - function openModal (event, snapshot) { - NVRDataModel.debug("unbinding eventCtrl watchers as modal has its own"); - ionRangeWatcher(); - mycarouselWatcher(); - //NVRDataModel.debug("EventCtrl: Open Modal with Base path " + relativepath); - - $scope.modalData = {"doRefresh":false}; - - $scope.event = event; - - NVRDataModel.setAwake(NVRDataModel.getKeepAwake()); - - $scope.currentEvent = event; - $scope.followSameMonitor = ($stateParams.id == "0") ? "0" : "1"; - - var ld = NVRDataModel.getLogin(); - var sl = 'disabled'; - if (ld.showLiveForInProgressEvents) { - sl = 'enabled'; - } - - $ionicModal.fromTemplateUrl('templates/events-modal.html', - { - scope: $scope, - animation: 'slide-in-up', - id: 'footage', - showLive:sl, // seems bool is not allowed... - snapshot:snapshot, - snapshotId: event.Event.MaxScoreFrameId, - eventId:event.Event.Id - }) - .then(function(modal) - { - $scope.modal = modal; + function openModal(event, snapshot) { + NVRDataModel.debug("unbinding eventCtrl watchers as modal has its own"); + ionRangeWatcher(); + mycarouselWatcher(); + //NVRDataModel.debug("EventCtrl: Open Modal with Base path " + relativepath); + + $scope.modalData = { + "doRefresh": false + }; + + $scope.event = event; + + NVRDataModel.setAwake(NVRDataModel.getKeepAwake()); + + $scope.currentEvent = event; + $scope.followSameMonitor = ($stateParams.id == "0") ? "0" : "1"; + + var ld = NVRDataModel.getLogin(); + var sl = 'disabled'; + if (ld.showLiveForInProgressEvents) { + sl = 'enabled'; + } + + $ionicModal.fromTemplateUrl('templates/events-modal.html', { + scope: $scope, + animation: 'slide-in-up', + id: 'footage', + showLive: sl, // seems bool is not allowed... + snapshot: snapshot, + snapshotId: event.Event.MaxScoreFrameId, + eventId: event.Event.Id + }) + .then(function (modal) { + $scope.modal = modal; - $scope.modal.show(); + $scope.modal.show(); - var ld = NVRDataModel.getLogin(); + var ld = NVRDataModel.getLogin(); - }); + }); } //-------------------------------------------------------- //We need to destroy because we are instantiating // it on open //-------------------------------------------------------- - $scope.closeModal = function() - { - NVRDataModel.debug(">>>EventCtrl:Close & Destroy Modal"); - NVRDataModel.setAwake(false); - if ($scope.modal !== undefined) - { - $scope.modal.remove(); - } - if ($scope.modalData.doRefresh) { - $scope.modalData.doRefresh = false; - NVRDataModel.debug ("Reloading events since we deleted some..."); - doRefresh(); - } - + $scope.closeModal = function () { + NVRDataModel.debug(">>>EventCtrl:Close & Destroy Modal"); + NVRDataModel.setAwake(false); + if ($scope.modal !== undefined) { + $scope.modal.remove(); + } + if ($scope.modalData.doRefresh) { + $scope.modalData.doRefresh = false; + NVRDataModel.debug("Reloading events since we deleted some..."); + doRefresh(); + } + }; @@ -2980,43 +2642,38 @@ angular.module('zmApp.controllers') //Cleanup the modal when we're done with it // I Don't think it ever comes here //-------------------------------------------------------- - $scope.$on('$destroy', function() - { - //console.log("Destroy Modal"); - if ($scope.modal !== undefined) - { - $scope.modal.remove(); - } - if ($scope.popover !== undefined) - $scope.popover.remove(); + $scope.$on('$destroy', function () { + //console.log("Destroy Modal"); + if ($scope.modal !== undefined) { + $scope.modal.remove(); + } + if ($scope.popover !== undefined) + $scope.popover.remove(); }); //-------------------------------------------------------- // used by infinite scrolling to see if we can get more //-------------------------------------------------------- - $scope.moreDataCanBeLoaded = function() - { - return moreEvents; + $scope.moreDataCanBeLoaded = function () { + return moreEvents; }; //-------------------------------------------------------- // stop searching for more data //-------------------------------------------------------- - $scope.cancelSearch = function() - { - $ionicLoading.hide(); //Or whatever action you want to preform - enableLoadMore = false; - //console.log("**** CANCELLED ****"); - $ionicLoading.show( - { - template: $translate.instant('kSearchCancelled'), - animation: 'fade-in', - showBackdrop: true, - duration: 2000, - maxWidth: 200, - showDelay: 0 - }); + $scope.cancelSearch = function () { + $ionicLoading.hide(); //Or whatever action you want to preform + enableLoadMore = false; + //console.log("**** CANCELLED ****"); + $ionicLoading.show({ + template: $translate.instant('kSearchCancelled'), + animation: 'fade-in', + showBackdrop: true, + duration: 2000, + maxWidth: 200, + showDelay: 0 + }); }; @@ -3024,294 +2681,272 @@ angular.module('zmApp.controllers') // loads next page of events //-------------------------------------------------------- - function loadMore() - { - // the events API does not return an error for anything - // except greater page limits than reported + function loadMore() { + // the events API does not return an error for anything + // except greater page limits than reported + + // console.log("***** LOADING MORE INFINITE SCROLL ****"); + eventsPage--; + if ((eventsPage <= 0) && (pageLoaded)) { + moreEvents = false; + //console.log("*** At Page " + eventsPage + ", not proceeding"); + return; + } + + if (!enableLoadMore) { + moreEvents = false; // Don't ion-scroll till enableLoadMore is true; + $scope.$broadcast('scroll.infiniteScrollComplete'); + + // console.log("**** LOADMORE ARTIFICALLY DISABLED"); + return; + } + + var loadingStr = ""; + if ($scope.search.text != "") { + var toastStr = $translate.instant('kToastSearchingPage') + eventsPage; + $ionicLoading.show({ + maxwidth: 100, + scope: $scope, + template: '<button class="button button-clear icon-left ion-close-circled button-text-wrap" ng-click="cancelSearch()" >' + toastStr + '</button>' + }); - // console.log("***** LOADING MORE INFINITE SCROLL ****"); - eventsPage--; - if ((eventsPage <= 0) && (pageLoaded)) - { - moreEvents = false; - //console.log("*** At Page " + eventsPage + ", not proceeding"); - return; - } + loadingStr = "none"; + } - if (!enableLoadMore) - { - moreEvents = false; // Don't ion-scroll till enableLoadMore is true; - $scope.$broadcast('scroll.infiniteScrollComplete'); + nolangFrom = ""; + nolangTo = ""; + if ($rootScope.fromString) + nolangFrom = moment($rootScope.fromString).locale('en').format("YYYY-MM-DD HH:mm:ss"); + if ($rootScope.toString) + nolangTo = moment($rootScope.toString).locale('en').format("YYYY-MM-DD HH:mm:ss"); - // console.log("**** LOADMORE ARTIFICALLY DISABLED"); - return; - } + NVRDataModel.getEvents($scope.id, eventsPage, loadingStr, nolangFrom, nolangTo) + .then(function (data) { + var loginData = NVRDataModel.getLogin(); + // console.log("Got new page of events with Page=" + eventsPage); + var myevents = data; - var loadingStr = ""; - if ($scope.search.text != "") - { - var toastStr = $translate.instant('kToastSearchingPage') + eventsPage; - $ionicLoading.show( - { - maxwidth: 100, - scope: $scope, - template: '<button class="button button-clear icon-left ion-close-circled button-text-wrap" ng-click="cancelSearch()" >' + toastStr + '</button>' - }); + for (var i = 0; i < myevents.length; i++) { - loadingStr = "none"; - } + var idfound = true; + var ld = NVRDataModel.getLogin(); - nolangFrom = ""; - nolangTo = ""; - if ($rootScope.fromString) - nolangFrom = moment($rootScope.fromString).locale('en').format("YYYY-MM-DD HH:mm:ss"); - if ($rootScope.toString) - nolangTo = moment($rootScope.toString).locale('en').format("YYYY-MM-DD HH:mm:ss"); + if (ld.persistMontageOrder) { + idfound = false; + for (var ii = 0; ii < $scope.monitors.length; ii++) { + if ($scope.monitors[ii].Monitor.Id == myevents[i].Event.MonitorId && (NVRDataModel.isNotHidden(myevents[i].Event.MonitorId) || showHiddenMonitors)) { - NVRDataModel.getEvents($scope.id, eventsPage, loadingStr, nolangFrom, nolangTo) - .then(function(data) - { - var loginData = NVRDataModel.getLogin(); - // console.log("Got new page of events with Page=" + eventsPage); - var myevents = data; - - for (var i = 0; i < myevents.length; i++) - { - - var idfound = true; - var ld = NVRDataModel.getLogin(); - - if (ld.persistMontageOrder) - { - idfound = false; - for (var ii = 0; ii < $scope.monitors.length; ii++) - { - if ($scope.monitors[ii].Monitor.Id == myevents[i].Event.MonitorId && (NVRDataModel.isNotHidden(myevents[i].Event.MonitorId) || showHiddenMonitors)) - { - - //console.log ( $scope.monitors[ii].Monitor.Id + " MATCHES " + myevents[i].Event.MonitorId); - idfound = true; - - break; - } - } - } - - myevents[i].Event.humanizeTime = humanizeTime(myevents[i].Event.StartTime); - myevents[i].Event.MonitorName = NVRDataModel.getMonitorName(myevents[i].Event.MonitorId); - // now construct base path - - myevents[i].Event.streamingURL = NVRDataModel.getStreamingURL(myevents[i].Event.MonitorId); - myevents[i].Event.baseURL = NVRDataModel.getBaseURL(myevents[i].Event.MonitorId); - myevents[i].Event.imageMode = NVRDataModel.getImageMode(myevents[i].Event.MonitorId); - // console.log ("***** MULTISERVER STREAMING URL FOR EVENTS " + myevents[i].Event.streamingURL); - - // console.log ("***** MULTISERVER BASE URL FOR EVENTS " + myevents[i].Event.baseURL); - - myevents[i].Event.ShowScrub = false; - myevents[i].Event.BasePath = computeBasePath(myevents[i]); - myevents[i].Event.relativePath = computeRelativePath(myevents[i]); - myevents[i].Event.height = eventsListDetailsHeight; - - // get thumbW/H - - var tempMon = NVRDataModel.getMonitorObject(myevents[i].Event.MonitorId); - if (tempMon != undefined) { - - var ratio; - var mw = parseInt(tempMon.Monitor.Width); - var mh = parseInt(tempMon.Monitor.Height); - var mo = parseInt(tempMon.Monitor.Orientation); - - // scale by X if width > height - if (mw > mh ) { - ratio = mw / zm.thumbWidth; - myevents[i].Event.thumbWidth = 200; - myevents[i].Event.thumbHeight = Math.round(mh/ratio); - } - else { - - ratio = mh / zm.thumbWidth; - myevents[i].Event.thumbHeight = 200; - myevents[i].Event.thumbWidth = Math.round(mw/ratio); - - } - if (mo != 0) { - - /*myevents[i].Event.Rotation = { - 'transform' : 'rotate('+mo+'deg'+')' - }; */ - - var tmp = myevents[i].Event.thumbHeight; - myevents[i].Event.thumbHeight = myevents[i].Event.thumbWidth; - myevents[i].Event.thumbWidth = tmp; - - } // swap - } - - - if (myevents[i].Event.imageMode == 'path') - //if (1) - myevents[i].Event.videoPath = myevents[i].Event.baseURL + "/events/" + myevents[i].Event.relativePath + myevents[i].Event.DefaultVideo; - else - myevents[i].Event.videoPath = myevents[i].Event.baseURL + "/index.php?view=view_video&eid=" + myevents[i].Event.Id; - - if (idfound) $scope.events.push(myevents[i]); - } + //console.log ( $scope.monitors[ii].Monitor.Id + " MATCHES " + myevents[i].Event.MonitorId); + idfound = true; - //console.log("Got new page of events"); - moreEvents = true; - $scope.$broadcast('scroll.infiniteScrollComplete'); - }, + break; + } + } + } - function(error) - { - // console.log("*** No More Events to Load, Stop Infinite Scroll ****"); - moreEvents = false; - $scope.$broadcast('scroll.infiniteScrollComplete'); + myevents[i].Event.humanizeTime = humanizeTime(myevents[i].Event.StartTime); + myevents[i].Event.MonitorName = NVRDataModel.getMonitorName(myevents[i].Event.MonitorId); + // now construct base path - }); + myevents[i].Event.streamingURL = NVRDataModel.getStreamingURL(myevents[i].Event.MonitorId); + myevents[i].Event.baseURL = NVRDataModel.getBaseURL(myevents[i].Event.MonitorId); + myevents[i].Event.imageMode = NVRDataModel.getImageMode(myevents[i].Event.MonitorId); + // console.log ("***** MULTISERVER STREAMING URL FOR EVENTS " + myevents[i].Event.streamingURL); + + // console.log ("***** MULTISERVER BASE URL FOR EVENTS " + myevents[i].Event.baseURL); + + myevents[i].Event.ShowScrub = false; + myevents[i].Event.BasePath = computeBasePath(myevents[i]); + myevents[i].Event.relativePath = computeRelativePath(myevents[i]); + myevents[i].Event.height = eventsListDetailsHeight; + + // get thumbW/H + + var tempMon = NVRDataModel.getMonitorObject(myevents[i].Event.MonitorId); + if (tempMon != undefined) { + + var ratio; + var mw = parseInt(tempMon.Monitor.Width); + var mh = parseInt(tempMon.Monitor.Height); + var mo = parseInt(tempMon.Monitor.Orientation); + + // scale by X if width > height + if (mw > mh) { + ratio = mw / zm.thumbWidth; + myevents[i].Event.thumbWidth = 200; + myevents[i].Event.thumbHeight = Math.round(mh / ratio); + } else { + + ratio = mh / zm.thumbWidth; + myevents[i].Event.thumbHeight = 200; + myevents[i].Event.thumbWidth = Math.round(mw / ratio); + + } + if (mo != 0) { + + /*myevents[i].Event.Rotation = { + 'transform' : 'rotate('+mo+'deg'+')' + }; */ + + var tmp = myevents[i].Event.thumbHeight; + myevents[i].Event.thumbHeight = myevents[i].Event.thumbWidth; + myevents[i].Event.thumbWidth = tmp; + + } // swap + } + + + if (myevents[i].Event.imageMode == 'path') + //if (1) + myevents[i].Event.videoPath = myevents[i].Event.baseURL + "/events/" + myevents[i].Event.relativePath + myevents[i].Event.DefaultVideo; + else + myevents[i].Event.videoPath = myevents[i].Event.baseURL + "/index.php?view=view_video&eid=" + myevents[i].Event.Id; + + if (idfound) $scope.events.push(myevents[i]); + } + + //console.log("Got new page of events"); + moreEvents = true; + $scope.$broadcast('scroll.infiniteScrollComplete'); + }, + + function (error) { + // console.log("*** No More Events to Load, Stop Infinite Scroll ****"); + moreEvents = false; + $scope.$broadcast('scroll.infiniteScrollComplete'); + + }); } - $scope.loadMore = function() - { - loadMore(); + $scope.loadMore = function () { + loadMore(); }; - $scope.constructThumbnail = function(event) { - var stream = ""; - stream = event.Event.baseURL+ + $scope.constructThumbnail = function (event) { + var stream = ""; + stream = event.Event.baseURL + "/index.php?view=image&fid=" + - (event.Event.MaxScoreFrameId ? event.Event.MaxScoreFrameId: "1&eid="+event.Event.Id) + - "&width="+event.Event.thumbWidth*2 + - "&height="+event.Event.thumbHeight*2; - if ($rootScope.authSession !='undefined') stream+=$rootScope.authSession; - - stream += NVRDataModel.insertBasicAuthToken(); - return stream; - + (event.Event.MaxScoreFrameId ? event.Event.MaxScoreFrameId : "1&eid=" + event.Event.Id) + + "&width=" + event.Event.thumbWidth * 2 + + "&height=" + event.Event.thumbHeight * 2; + if ($rootScope.authSession != 'undefined') stream += $rootScope.authSession; + + stream += NVRDataModel.insertBasicAuthToken(); + return stream; + }; - $scope.constructScrubFrame = function (event,slide) { + $scope.constructScrubFrame = function (event, slide) { - var stream = ""; - if (event.Event.imageMode=='path') { - stream = event.Event.baseURL+"/index.php?view=image"+ - "&path="+event.Event.relativePath+slide.img+"&height=380"; + var stream = ""; + if (event.Event.imageMode == 'path') { + stream = event.Event.baseURL + "/index.php?view=image" + + "&path=" + event.Event.relativePath + slide.img + "&height=380"; - } - else if (event.Event.imageMode == 'fid') { - stream = event.Event.baseURL+"/index.php?view=image"+ - "&fid="+slide.id; - } - if ($rootScope.authSession !='undefined') stream+=$rootScope.authSession; + } else if (event.Event.imageMode == 'fid') { + stream = event.Event.baseURL + "/index.php?view=image" + + "&fid=" + slide.id; + } + if ($rootScope.authSession != 'undefined') stream += $rootScope.authSession; + + stream += NVRDataModel.insertBasicAuthToken(); - stream +=NVRDataModel.insertBasicAuthToken(); - - - return stream; + + return stream; }; - $scope.constructAlarmFrame = function(event, alarm, motion) { - var stream = ""; + $scope.constructAlarmFrame = function (event, alarm, motion) { + var stream = ""; - if (event.Event.imageMode=='fid') { - stream = event.Event.baseURL+ - "/index.php?view=image&fid=" +alarm.id; - if (motion) stream+=$scope.outlineMotionParam; + if (event.Event.imageMode == 'fid') { + stream = event.Event.baseURL + + "/index.php?view=image&fid=" + alarm.id; + if (motion) stream += $scope.outlineMotionParam; - } - else if (event.Event.imageMode=='path') { - stream = event.Event.baseURL+ - "/index.php?view=image&path=" +event.Event.relativePath + - motion? alarm.aname:alarm.fname + - "&height=380"; + } else if (event.Event.imageMode == 'path') { + stream = event.Event.baseURL + + "/index.php?view=image&path=" + event.Event.relativePath + + motion ? alarm.aname : alarm.fname + + "&height=380"; - } - if ($rootScope.authSession !='undefined') stream+=$rootScope.authSession; - stream += NVRDataModel.insertBasicAuthToken(); - - return stream; - + } + if ($rootScope.authSession != 'undefined') stream += $rootScope.authSession; + stream += NVRDataModel.insertBasicAuthToken(); + + return stream; + }; - $scope.toggleMinAlarmFrameCount = function() - { + $scope.toggleMinAlarmFrameCount = function () { - var ld = NVRDataModel.getLogin(); + var ld = NVRDataModel.getLogin(); - console.log("Toggling " + ld.enableAlarmCount); - ld.enableAlarmCount = !ld.enableAlarmCount; - NVRDataModel.setLogin(ld); - $scope.loginData = NVRDataModel.getLogin(); - doRefresh(); + console.log("Toggling " + ld.enableAlarmCount); + ld.enableAlarmCount = !ld.enableAlarmCount; + NVRDataModel.setLogin(ld); + $scope.loginData = NVRDataModel.getLogin(); + doRefresh(); }; //-------------------------------------- // formats events dates in a nice way //--------------------------------------- - function humanizeTime(str) - { - //console.log ("Time:"+str+" TO LOCAL " + moment(str).local().toString()); - //if (NVRDataModel.getLogin().useLocalTimeZone) - return moment.tz(str, NVRDataModel.getTimeZoneNow()).fromNow(); - // else - // return moment(str).fromNow(); + function humanizeTime(str) { + //console.log ("Time:"+str+" TO LOCAL " + moment(str).local().toString()); + //if (NVRDataModel.getLogin().useLocalTimeZone) + return moment.tz(str, NVRDataModel.getTimeZoneNow()).fromNow(); + // else + // return moment(str).fromNow(); } $scope.humanize = function (num) { - var min = Math.floor(num/60); - var sec = Math.floor(num - min * 60); - stime=""; - if (min) stime += min+"m "; + var min = Math.floor(num / 60); + var sec = Math.floor(num - min * 60); + stime = ""; + if (min) stime += min + "m "; - if (sec) stime += sec+"s"; - return stime; + if (sec) stime += sec + "s"; + return stime; }; - $scope.prettifyDate = function(str) - { - if (NVRDataModel.getLogin().useLocalTimeZone) - return moment.tz(str, NVRDataModel.getTimeZoneNow()).tz(moment.tz.guess()).format('MMM Do'); - else - return moment(str).format('MMM Do'); + $scope.prettifyDate = function (str) { + if (NVRDataModel.getLogin().useLocalTimeZone) + return moment.tz(str, NVRDataModel.getTimeZoneNow()).tz(moment.tz.guess()).format('MMM Do'); + else + return moment(str).format('MMM Do'); }; - function prettifyDate(str) - { - if (NVRDataModel.getLogin().useLocalTimeZone) - return moment.tz(str, NVRDataModel.getTimeZoneNow()).tz(moment.tz.guess()).format('MMM Do'); - else - return moment(str).format('MMM Do'); + function prettifyDate(str) { + if (NVRDataModel.getLogin().useLocalTimeZone) + return moment.tz(str, NVRDataModel.getTimeZoneNow()).tz(moment.tz.guess()).format('MMM Do'); + else + return moment(str).format('MMM Do'); } - $scope.prettifyTime = function(str) - { - if (NVRDataModel.getLogin().useLocalTimeZone) - return moment.tz(str, NVRDataModel.getTimeZoneNow()).tz(moment.tz.guess()).format(NVRDataModel.getTimeFormat()); - else - return moment(str).format(NVRDataModel.getTimeFormat()); + $scope.prettifyTime = function (str) { + if (NVRDataModel.getLogin().useLocalTimeZone) + return moment.tz(str, NVRDataModel.getTimeZoneNow()).tz(moment.tz.guess()).format(NVRDataModel.getTimeFormat()); + else + return moment(str).format(NVRDataModel.getTimeFormat()); }; - $scope.prettifyTimeSec = function(str) - { - if (NVRDataModel.getLogin().useLocalTimeZone) - return moment.tz(str, NVRDataModel.getTimeZoneNow()).tz(moment.tz.guess()).format(NVRDataModel.getTimeFormatSec()); - else - return moment(str).format(NVRDataModel.getTimeFormatSec()); + $scope.prettifyTimeSec = function (str) { + if (NVRDataModel.getLogin().useLocalTimeZone) + return moment.tz(str, NVRDataModel.getTimeZoneNow()).tz(moment.tz.guess()).format(NVRDataModel.getTimeFormatSec()); + else + return moment(str).format(NVRDataModel.getTimeFormatSec()); }; - $scope.prettify = function(str) - { - if (NVRDataModel.getLogin().useLocalTimeZone) - return moment.tz(str, NVRDataModel.getTimeZoneNow()).tz(moment.tz.guess()).format(NVRDataModel.getTimeFormat() + ', MMMM Do YYYY'); - else - return moment(str).format(NVRDataModel.getTimeFormat() + ', MMMM Do YYYY'); + $scope.prettify = function (str) { + if (NVRDataModel.getLogin().useLocalTimeZone) + return moment.tz(str, NVRDataModel.getTimeZoneNow()).tz(moment.tz.guess()).format(NVRDataModel.getTimeFormat() + ', MMMM Do YYYY'); + else + return moment(str).format(NVRDataModel.getTimeFormat() + ', MMMM Do YYYY'); }; //-------------------------------------------------------- // For consistency we are keeping the refresher list @@ -3321,38 +2956,34 @@ angular.module('zmApp.controllers') // a large list //-------------------------------------------------------- - $scope.dummyDoRefresh = function() - { - $scope.$broadcast('scroll.refreshComplete'); + $scope.dummyDoRefresh = function () { + $scope.$broadcast('scroll.refreshComplete'); }; - $scope.doRefresh = function() - { - doRefresh(); + $scope.doRefresh = function () { + doRefresh(); }; //dorefresh - function doRefresh() - { - // console.log("***Pull to Refresh"); + function doRefresh() { + // console.log("***Pull to Refresh"); - NVRDataModel.debug("Reloading monitors"); - var refresh = NVRDataModel.getMonitors(1); - refresh.then(function(data) - { - $scope.monitors = data; + NVRDataModel.debug("Reloading monitors"); + var refresh = NVRDataModel.getMonitors(1); + refresh.then(function (data) { + $scope.monitors = data; - /* var ld = NVRDataModel.getLogin(); - if (ld.persistMontageOrder) { - var tempMon = data; - $scope.monitors = NVRDataModel.applyMontageMonitorPrefs(tempMon, 2)[0]; - } else { - $scope.monitors = data; - }*/ + /* var ld = NVRDataModel.getLogin(); + if (ld.persistMontageOrder) { + var tempMon = data; + $scope.monitors = NVRDataModel.applyMontageMonitorPrefs(tempMon, 2)[0]; + } else { + $scope.monitors = data; + }*/ - getInitialEvents(); - moreEvents = true; + getInitialEvents(); + moreEvents = true; - }); + }); } -}]); + }]); |