diff options
Diffstat (limited to 'www/js/MonitorModalCtrl.js')
| -rw-r--r-- | www/js/MonitorModalCtrl.js | 1245 |
1 files changed, 191 insertions, 1054 deletions
diff --git a/www/js/MonitorModalCtrl.js b/www/js/MonitorModalCtrl.js index f1c02e7d..624f4a06 100644 --- a/www/js/MonitorModalCtrl.js +++ b/www/js/MonitorModalCtrl.js @@ -4,58 +4,23 @@ /* global saveAs, cordova,StatusBar,angular,console,ionic, moment, imagesLoaded */ -/* FIXME for nph events -a) timers -b) sliders -c) photo save -d) gapless - -*/ angular.module('zmApp.controllers').controller('MonitorModalCtrl', ['$scope', '$rootScope', 'zm', 'ZMDataModel', '$ionicSideMenuDelegate', '$timeout', '$interval', '$ionicModal', '$ionicLoading', '$http', '$state', '$stateParams', '$ionicHistory', '$ionicScrollDelegate', '$q', '$sce', 'carouselUtils', '$ionicPopup', 'SecuredPopups', function ($scope, $rootScope, zm, ZMDataModel, $ionicSideMenuDelegate, $timeout, $interval, $ionicModal, $ionicLoading, $http, $state, $stateParams, $ionicHistory, $ionicScrollDelegate, $q, $sce, carouselUtils, $ionicPopup, SecuredPopups) { - // from parent scope - var currentEvent = $scope.currentEvent; - var nphTimer; - var eventQueryHandle; - var imgLoad; - - - - // $scope.currentEventLength = parseFloat($scope.currentEvent.Event.Length); - //console.log ("Current event duration is " + $scope.currentEventLength); - - - //$scope.currentEventLength = $scope.event.Event.Length; - - - var eventImageDigits = 5; // failsafe - ZMDataModel.getKeyConfigParams(0) - .then(function (data) { - //console.log ("***GETKEY: " + JSON.stringify(data)); - eventImageDigits = parseInt(data); - ZMDataModel.zmLog("Image padding digits reported as " + eventImageDigits); - }); + + document.addEventListener("pause", onPause, false); + document.addEventListener("resume", onResume, false); $scope.animationInProgress = false; $scope.imageFit = true; - // FIXME: This is a hack - for some reason - // the custom slider view is messed up till the image loads - // in modal view - $scope.showModalRangeSider = false; $scope.isModalActive = true; - - - $timeout(function () { - $scope.showModalRangeSider = true; - - }, 2000); - - document.addEventListener("pause", onPause, false); - document.addEventListener("resume", onResume, false); - + var intervalModalHandle; + var nphTimer; + var ld = ZMDataModel.getLogin(); + $rootScope.authSession = "undefined"; + $ionicLoading.show({ template: 'negotiating stream authentication...', animation: 'fade-in', @@ -64,34 +29,13 @@ angular.module('zmApp.controllers').controller('MonitorModalCtrl', ['$scope', '$ maxWidth: 300, showDelay: 0 }); - var ld = ZMDataModel.getLogin(); - $scope.streamMode = ld.useNphZms ? "jpeg" : "single"; + $scope.currentStreamMode = 'single'; ZMDataModel.zmLog("Using stream mode " + $scope.currentStreamMode); - ZMDataModel.zmDebug ("ModalCtrl called from " + $ionicHistory.currentStateName()); - // This is not needed for event mode - - if (ld.useNphZms == true && - $ionicHistory.currentStateName() != 'events' && - $ionicHistory.currentStateName() != 'timeline' ) { - ZMDataModel.zmLog("Setting timer to play nph-zms mode"); - // first 5 seconds, load a snapshot, then switch to real FPS display - // this is to avoid initial image load delay - // FIXME: 5 seconds fair? - $timeout.cancel(nphTimer); - nphTimer = $timeout(function () { - $scope.currentStreamMode = 'jpeg'; - ZMDataModel.zmLog("Switching playback via nphzms"); - }, zm.nphSwitchTimer); - } - - - - ZMDataModel.zmDebug("Setting playback to " + $scope.streamMode); - - + ZMDataModel.zmDebug ("MonitorModalCtrl called from " + $ionicHistory.currentStateName()); + $rootScope.validMonitorId = $scope.monitors[0].Monitor.Id; ZMDataModel.getAuthKey($rootScope.validMonitorId, $scope.monitors[0].Monitor.connKey) .then(function (success) { @@ -109,37 +53,24 @@ angular.module('zmApp.controllers').controller('MonitorModalCtrl', ['$scope', '$ }); - $rootScope.$on("auth-success", function () { - - ZMDataModel.zmDebug("MonitorModalCtrl: Re-login detected, resetting everything & re-generating connkey"); - ZMDataModel.stopNetwork("MonitorModal-auth success"); - $scope.connKey = (Math.floor((Math.random() * 999999) + 1)).toString(); - - - }); - - - $scope.togglePTZ = function () { - - //console.log("PTZ"); - - if ($scope.isControllable == '1') { - //console.log ("iscontrollable is true"); - $scope.showPTZ = !$scope.showPTZ; - } else { - $ionicLoading.show({ - template: "PTZ not configured for this monitor", - noBackdrop: true, - duration: 3000, - }); - } - + + $interval.cancel(intervalModalHandle); + intervalModalHandle = $interval(function () { + loadModalNotifications(); + // console.log ("Refreshing Image..."); + }.bind(this), 5000); - }; + $timeout.cancel(nphTimer); + nphTimer = $timeout(function () { + $scope.currentStreamMode = 'jpeg'; + ZMDataModel.zmLog("Switching playback via nphzms"); + }, zm.nphSwitchTimer); + + // This is the PTZ menu - $scope.radialMenuOptions = { + $scope.ptzRadialMenuOptions = { content: '', background: '#2F4F4F', @@ -249,77 +180,46 @@ angular.module('zmApp.controllers').controller('MonitorModalCtrl', ['$scope', '$ ] }; + //------------------------------------------------------------- + // On re-auth, we need a new zms + //------------------------------------------------------------- + + $rootScope.$on("auth-success", function () { - $interval.cancel(intervalModalHandle); - { - intervalModalHandle = $interval(function () { - loadModalNotifications(); - // console.log ("Refreshing Image..."); - }.bind(this), 5000); - - - + ZMDataModel.zmDebug("MonitorModalCtrl: Re-login detected, resetting everything & re-generating connkey"); + ZMDataModel.stopNetwork("MonitorModal-auth success"); + $scope.connKey = (Math.floor((Math.random() * 999999) + 1)).toString(); - } - - + + }); - function checkEvent() - { - subControlStream('99',$scope.connKey); - } - + //------------------------------------------------------------- + // PTZ enable/disable + //------------------------------------------------------------- - function subControlStream(cmd,connkey) - { - var loginData = ZMDataModel.getLogin(); - var myauthtoken = $rootScope.authSession.replace("&auth=",""); - //&auth= - var req = $http({ - method: 'POST', - /*timeout: 15000,*/ - url: loginData.url + '/index.php', - 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("****SUB RETURNING " + foo); - return foo; - }, + + $scope.togglePTZ = function () { - data: { - view: "request", - request: "stream", - connkey: connkey, - command: cmd, - auth: myauthtoken, - // user: loginData.username, - // pass: loginData.password - } - }); - - req.success (function (resp) { - ZMDataModel.zmDebug ("subControl success:"+JSON.stringify(resp)); - if (parseFloat(resp.status.progress) >=$scope.currentEventDuration) - { - console.lof ("********** END OF EVENT PLAYBACK"); - } - }); - - - req.error (function (resp) { - ZMDataModel.zmDebug ("subControl error:"+JSON.stringify(resp)); + //console.log("PTZ"); + + if ($scope.isControllable == '1') { + //console.log ("iscontrollable is true"); + $scope.showPTZ = !$scope.showPTZ; + } else { + $ionicLoading.show({ + template: "PTZ not configured for this monitor", + noBackdrop: true, + duration: 3000, }); - - } + } + }; + + + //------------------------------------------------------------- + // Pause and resume handlers + //------------------------------------------------------------- function onPause() { ZMDataModel.zmDebug("ModalCtrl: onpause called"); @@ -341,20 +241,18 @@ angular.module('zmApp.controllers').controller('MonitorModalCtrl', ['$scope', '$ intervalModalHandle = $interval(function () { loadModalNotifications(); - // console.log ("Refreshing Image..."); }.bind(this),5000); - - - + $rootScope.modalRand = Math.floor((Math.random() * 100000) + 1); } - - } + //------------------------------------------------------------- + // Queries the 1.30 API for recording state of current monitor + //------------------------------------------------------------- function loadModalNotifications() { var status = ["idle", "pre-alarm","alarmed","alert","record"]; @@ -380,8 +278,10 @@ angular.module('zmApp.controllers').controller('MonitorModalCtrl', ['$scope', '$ } - var intervalModalHandle; - + + //------------------------------------------------------------- + // Enable/Disable preset list + //------------------------------------------------------------- $scope.togglePresets = function () { $scope.presetOn = !$scope.presetOn; @@ -419,137 +319,7 @@ angular.module('zmApp.controllers').controller('MonitorModalCtrl', ['$scope', '$ - $scope.controlStream = function (cmd,disp,connkey,ndx) - { - controlStream(cmd,disp,connkey,ndx); - }; - - function controlStream(cmd, disp, connkey, ndx) { - // console.log("Command value " + cmd); - - if (disp) { - $ionicLoading.hide(); - $ionicLoading.show({ - template: "please wait...", - noBackdrop: true, - duration: zm.loadingTimeout, - }); - } - var loginData = ZMDataModel.getLogin(); - - /* - var CMD_NONE = 0; - var CMD_PAUSE = 1; - var CMD_PLAY = 2; - var CMD_STOP = 3; - var CMD_FASTFWD = 4; - var CMD_SLOWFWD = 5; - var CMD_SLOWREV = 6; - var CMD_FASTREV = 7; - var CMD_ZOOMIN = 8; - var CMD_ZOOMOUT = 9; - var CMD_PAN = 10; - var CMD_SCALE = 11; - var CMD_PREV = 12; - var CMD_NEXT = 13; - var CMD_SEEK = 14; - var CMD_QUIT = 17; - var CMD_QUERY = 99; - */ - - - - // You need to POST commands to control zms - // Note that I am url encoding the parameters into the URL - // If I leave it as JSON, it gets converted to OPTONS due - // to CORS behaviour and ZM/Apache don't seem to handle it - - //console.log("POST: " + loginData.url + '/index.php'); - - //console.log ("AUTH IS " + $rootScope.authSession); - - var myauthtoken = $rootScope.authSession.replace("&auth=",""); - //&auth= - var req = $http({ - method: 'POST', - /*timeout: 15000,*/ - url: loginData.url + '/index.php', - 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); - return foo; - }, - - data: { - view: "request", - request: "stream", - connkey: connkey, - command: cmd, - auth: myauthtoken, - // user: loginData.username, - // pass: loginData.password - } - }); - req.success(function (resp) { - - //console.log("SUCCESS FOR: " + JSON.stringify(resp)); - - if (resp.result=="Ok" && ndx != -1) - { - var ld = ZMDataModel.getLogin(); - var apiurl= ld.apiurl + "/events/"+resp.status.event+".json"; - //console.log ("API " + apiurl); - $http.get (apiurl) - .success (function (data) - { - if ($scope.MontageMonitors[ndx].eventUrlTime!=data.event.Event.StartTime) - { - - var element = angular.element(document.getElementById($scope.MontageMonitors[ndx].Monitor.Id+"-timeline")); - element.removeClass ('animated slideInRight'); - element.addClass('animated slideOutRight'); - $timeout (function() { - element.removeClass ('animated slideOutRight'); - element.addClass('animated slideInRight'); - $scope.MontageMonitors[ndx].eventUrlTime=data.event.Event.StartTime; - },300); - - } - - }) - .error (function (data) - { - $scope.MontageMonitors[ndx].eventUrlTime="-"; - }); - - } - //var str = toast_blurb + "event:" + resp.status.event; - // console.log(str); - // $ionicLoading.hide(); - - - - - }); - - req.error(function (resp) { - //console.log("ERROR: " + JSON.stringify(resp)); - ZMDataModel.zmLog("Error sending event command " + JSON.stringify(resp), "error"); - }); - } - - - - - + //------------------------------------------------------------- // Send PTZ command to ZM // Note: PTZ fails on desktop, don't bother about it @@ -635,22 +405,14 @@ angular.module('zmApp.controllers').controller('MonitorModalCtrl', ['$scope', '$ //console.log("****RETURNING " + foo); return foo; }, - // NOTE: Refer to - // zoneminder/skins/mobile/includes/control_functions.php - // for move commands - // logic - /zm/api/monitors/X.json, read ControlId = Y - // then zm/api/controls/Y.json - + data: ptzData }); req.success(function (resp) { $ionicLoading.hide(); - //console.log("SUCCESS: " + JSON.stringify(resp)); - - // $ionicLoading.hide(); - + }); req.error(function (resp) { @@ -660,17 +422,9 @@ angular.module('zmApp.controllers').controller('MonitorModalCtrl', ['$scope', '$ }); } - // lets switch to nph the moment snapshot succeeds - - $scope.finishedModalLoadingImage = function () { - ZMDataModel.zmDebug("Monitor image loaded, switching to nph"); - $timeout.cancel(nphTimer); - //console.log("***Monitor image FINISHED Loading***"); - $ionicLoading.hide(); - $scope.currentStreamMode = 'jpeg'; - - }; + + $scope.getZoomLevel = function () { //console.log("ON RELEASE"); var zl = $ionicScrollDelegate.$getByHandle("imgscroll").getScrollPosition(); @@ -683,13 +437,6 @@ angular.module('zmApp.controllers').controller('MonitorModalCtrl', ['$scope', '$ }; - $scope.finishedModalLoadingImage = function () { - // console.log("***Monitor image FINISHED Loading***"); - $ionicLoading.hide(); - }; - - - $scope.onSwipe = function (m, d) { var ld = ZMDataModel.getLogin(); if (!ld.canSwipeMonitors) return; @@ -805,12 +552,7 @@ angular.module('zmApp.controllers').controller('MonitorModalCtrl', ['$scope', '$ $ionicLoading.hide(); - /*$ionicLoading.show({ - template: "please wait...", - noBackdrop: true, - duration: zm.loadingTimeout, - });*/ - + } @@ -841,6 +583,9 @@ angular.module('zmApp.controllers').controller('MonitorModalCtrl', ['$scope', '$ } + //------------------------------------------------------------- + // Turns on or off an alarm forcibly (mode true = on, false = off) + //------------------------------------------------------------- $scope.enableAlarm = function(mid,mode) { @@ -976,170 +721,10 @@ angular.module('zmApp.controllers').controller('MonitorModalCtrl', ['$scope', '$ - //----------------------------------------------------------------------- - // Saves a snapshot of the monitor image to phone storage - //----------------------------------------------------------------------- - - $scope.saveEventImageToPhone = function () { - - - var curState = carouselUtils.getStop(); - carouselUtils.setStop(true); - - //console.log("Your index is " + $scope.mycarousel.index); - //console.log("Associated image is " + $scope.slides[$scope.mycarousel.index].img); - - ZMDataModel.zmDebug("ModalCtrl: SaveEventImageToPhone called"); - var canvas, context, imageDataUrl, imageData; - var loginData = ZMDataModel.getLogin(); - - var url = $scope.playbackURL + '/index.php?view=image&rand=' + $rootScope.rand + "&path=" + $scope.relativePath + $scope.slides[$scope.mycarousel.index].img; - - - $scope.selectEventUrl = url; - $scope.slideIndex = $scope.mycarousel.index; - $scope.slideLastIndex = $scope.slides.length - 1; - - - - - $rootScope.zmPopup = $ionicPopup.show({ - template: '<center>Frame: {{slideIndex+1}} of {{slideLastIndex+1}}</center><br/><img src="{{selectEventUrl}}" width="100%" />', - title: 'Select frame to save', - subTitle: 'use left and right arrows to change', - scope: $scope, - cssClass: 'popup80', - buttons: [ - { - // left 1 - text: '', - type: 'button-small button-energized ion-chevron-left', - onTap: function (e) { - if ($scope.slideIndex > 0) $scope.slideIndex--; - $scope.selectEventUrl = $scope.playbackURL + '/index.php?view=image&rand=' + $rootScope.rand + "&path=" + $scope.relativePath + $scope.slides[$scope.slideIndex].img; - //ZMDataModel.zmLog("selected frame is " + $scope.slideIndex); - - e.preventDefault(); - } - }, - { - // right 1 - text: '', - type: 'button-small button-energized ion-chevron-right', - onTap: function (e) { - if ($scope.slideIndex < $scope.slideLastIndex) $scope.slideIndex++; - $scope.selectEventUrl = $scope.playbackURL + '/index.php?view=image&rand=' + $rootScope.rand + "&path=" + $scope.relativePath + $scope.slides[$scope.slideIndex].img; - //ZMDataModel.zmLog("selected frame is " + $scope.slideIndex); - e.preventDefault(); - } - }, - { - // left 10 - text: '', - type: 'button-small button-energized ion-skip-backward', - onTap: function (e) { - var tempVar = $scope.slideIndex; - tempVar -= 10; - if (tempVar < 0) tempVar = 0; - $scope.slideIndex = tempVar; - - $scope.selectEventUrl = $scope.playbackURL + '/index.php?view=image&rand=' + $rootScope.rand + "&path=" + $scope.relativePath + $scope.slides[$scope.slideIndex].img; - //ZMDataModel.zmLog("selected frame is " + $scope.slideIndex); - - e.preventDefault(); - } - }, - { - // right 10 - text: '', - type: 'button-small button-energized ion-skip-forward', - onTap: function (e) { - var tempVar = $scope.slideIndex; - tempVar += 10; - if (tempVar > $scope.slideLastIndex) tempVar = $scope.slideLastIndex; - $scope.slideIndex = tempVar; - if ($scope.slideIndex < $scope.slideLastIndex) $scope.slideIndex++; - $scope.selectEventUrl = $scope.playbackURL + '/index.php?view=image&rand=' + $rootScope.rand + "&path=" + $scope.relativePath + $scope.slides[$scope.slideIndex].img; - //ZMDataModel.zmLog("selected frame is " + $scope.slideIndex); - e.preventDefault(); - } - }, - - { - text: '', - type: 'button-assertive button-small ion-close-round' - }, - { - text: '', - type: 'button-positive button-small ion-checkmark-round', - onTap: function (e) { - saveNow(); - - } - }] - }); - - function saveNow() - { - $ionicLoading.show({ - template: "saving snapshot...", - noBackdrop: true, - duration: zm.httpTimeout - }); - var url = $scope.selectEventUrl; - ZMDataModel.zmLog ("saveNow: File path to grab is " + url); - - var img = new Image(); - img.onload = function () { - // console.log("********* ONLOAD"); - canvas = document.createElement('canvas'); - canvas.width = img.width; - canvas.height = img.height; - context = canvas.getContext('2d'); - context.drawImage(img, 0, 0); - - imageDataUrl = canvas.toDataURL('image/jpeg', 1.0); - 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); - } - } else { - - - var fname = $scope.relativePath+$scope.slides[$scope.slideIndex].img + ".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); - } - } - }; - - + //------------------------------------------------------------- + //reloaads mon - do we need it? + //------------------------------------------------------------- $scope.reloadView = function () { @@ -1168,14 +753,7 @@ angular.module('zmApp.controllers').controller('MonitorModalCtrl', ['$scope', '$ $scope.$on('$ionicView.beforeLeave', function () { - //console.log("**VIEW ** ModalCtrl left"); - - - //ZMDataModel.zmLog ("ModalCtrl:Nullifying images...""); - // make sure this is applied in scope digest to stop network pull - // thats why we are doing it beforeLeave - - //window.stop(); + ZMDataModel.zmLog ("Nullifying the streams..."); @@ -1192,17 +770,16 @@ angular.module('zmApp.controllers').controller('MonitorModalCtrl', ['$scope', '$ $scope.$on('$ionicView.unloaded', function () { $scope.isModalActive = false; - //console.log("**MODAL UNLOADED: Stopping modal timer"); + $interval.cancel(intervalModalHandle); - // console.log("Modal monitor left"); }); $scope.$on('modal.removed', function () { $scope.isModalActive = false; //console.log("**MODAL REMOVED: Stopping modal timer"); $interval.cancel(intervalModalHandle); - $interval.cancel(eventQueryHandle); + ZMDataModel.zmDebug ("Modal removed - killing connkey"); controlStream(17,"",$scope.connKey,-1); @@ -1210,101 +787,119 @@ angular.module('zmApp.controllers').controller('MonitorModalCtrl', ['$scope', '$ // Execute action }); + //------------------------------------------------------------- + // called to kill connkey, not sure if we really need it + // I think we are calling window.stop() which is a hammer + // anyway + //------------------------------------------------------------- - // Playback speed adjuster - $scope.adjustSpeed = function (val) { - switch (val) { - - case "super": - $scope.eventSpeed = 20 / $scope.event.Event.Frames; - carouselUtils.setDuration($scope.eventSpeed); - break; - case "normal": - $scope.eventSpeed = $scope.event.Event.Length / $scope.event.Event.Frames; - //$scope.eventSpeed = 5; - carouselUtils.setDuration($scope.eventSpeed); - - break; - case "faster": - $scope.eventSpeed = $scope.eventSpeed / 2; - if ($scope.eventSpeed < 20 / $scope.event.Event.Frames) - $scope.eventSpeed = 10 / $scope.event.Event.Frames; - carouselUtils.setDuration($scope.eventSpeed); - break; - case "slower": - $scope.eventSpeed = $scope.eventSpeed * 2; - carouselUtils.setDuration($scope.eventSpeed); - - break; - default: - - - } - ZMDataModel.zmDebug("Set playback speed to " + $scope.eventSpeed); - - $ionicLoading.show({ - template: 'playback interval: ' + $scope.eventSpeed.toFixed(3) + "ms", - animation: 'fade-in', - showBackdrop: false, - duration: 1500, - maxWidth: 300, - showDelay: 0 - }); - - - }; - - - $scope.toggleGapless = function () { - // console.log(">>>>>>>>>>>>>>GAPLESS TOGGLE INSIDE MODAL"); - $scope.loginData.gapless = !$scope.loginData.gapless; - ZMDataModel.setLogin($scope.loginData); + + function controlStream(cmd, disp, connkey, ndx) { + // console.log("Command value " + cmd); - }; + if (disp) { + $ionicLoading.hide(); + $ionicLoading.show({ + template: "please wait...", + noBackdrop: true, + duration: zm.loadingTimeout, + }); + } + var loginData = ZMDataModel.getLogin(); + /* + var CMD_NONE = 0; + var CMD_PAUSE = 1; + var CMD_PLAY = 2; + var CMD_STOP = 3; + var CMD_FASTFWD = 4; + var CMD_SLOWFWD = 5; + var CMD_SLOWREV = 6; + var CMD_FASTREV = 7; + var CMD_ZOOMIN = 8; + var CMD_ZOOMOUT = 9; + var CMD_PAN = 10; + var CMD_SCALE = 11; + var CMD_PREV = 12; + var CMD_NEXT = 13; + var CMD_SEEK = 14; + var CMD_QUIT = 17; + var CMD_QUERY = 99; + */ + + var myauthtoken = $rootScope.authSession.replace("&auth=",""); + //&auth= + var req = $http({ + method: 'POST', + /*timeout: 15000,*/ + url: loginData.url + '/index.php', + 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); + return foo; + }, - // This function returns neighbor events if applicable - function neighborEvents(eid) { - var d = $q.defer(); - // now get event details to show alarm frames - var loginData = ZMDataModel.getLogin(); - var myurl = loginData.apiurl + '/events/' + eid + ".json"; - var neighbors = { - prev: "", - next: "" - }; - $http.get(myurl) - .success(function (data) { - - // In Timeline view, gapless should stick to the same monitor - if ($scope.followSameMonitor == "1") // we are viewing only one monitor - { - ZMDataModel.zmDebug("Getting next event for same monitor Id "); - neighbors.prev = data.event.Event.PrevOfMonitor ? data.event.Event.PrevOfMonitor : ""; - neighbors.next = data.event.Event.NextOfMonitor ? data.event.Event.NextOfMonitor : ""; - } else { - neighbors.prev = data.event.Event.Prev ? data.event.Event.Prev : ""; - neighbors.next = data.event.Event.Next ? data.event.Event.Next : ""; + data: { + view: "request", + request: "stream", + connkey: connkey, + command: cmd, + auth: myauthtoken, + } - ZMDataModel.zmDebug("Neighbor events of " + eid + "are Prev:" + - neighbors.prev + " and Next:" + neighbors.next); - - - d.resolve(neighbors); - return (d.promise); - }) - .error(function (err) { - ZMDataModel.zmLog("Error retrieving neighbors" + JSON.stringify(err)); - d.reject(neighbors); - return (d.promise); + }); + req.success(function (resp) { + if (resp.result=="Ok" && ndx != -1) + { + var ld = ZMDataModel.getLogin(); + var apiurl= ld.apiurl + "/events/"+resp.status.event+".json"; + //console.log ("API " + apiurl); + $http.get (apiurl) + .success (function (data) + { + if ($scope.MontageMonitors[ndx].eventUrlTime!=data.event.Event.StartTime) + { + + var element = angular.element(document.getElementById($scope.MontageMonitors[ndx].Monitor.Id+"-timeline")); + element.removeClass ('animated slideInRight'); + element.addClass('animated slideOutRight'); + $timeout (function() { + element.removeClass ('animated slideOutRight'); + element.addClass('animated slideInRight'); + $scope.MontageMonitors[ndx].eventUrlTime=data.event.Event.StartTime; + },300); + + } + + }) + .error (function (data) + { + $scope.MontageMonitors[ndx].eventUrlTime="-"; + }); + + } }); - return (d.promise); - } + req.error(function (resp) { + //console.log("ERROR: " + JSON.stringify(resp)); + ZMDataModel.zmLog("Error sending event command " + JSON.stringify(resp), "error"); + }); + } + //------------------------------------------------------------- + // Zoom in and out via +- for desktops + //------------------------------------------------------------- $scope.zoomImage = function (val) { var zl = parseInt($ionicScrollDelegate.$getByHandle("imgscroll").getScrollPosition().zoom); @@ -1316,413 +911,14 @@ angular.module('zmApp.controllers').controller('MonitorModalCtrl', ['$scope', '$ zl+=val; - ZMDataModel.zmDebug ("Zoom level is " + zl); $ionicScrollDelegate.$getByHandle("imgscroll").zoomTo(zl,true); + ZMDataModel.zmDebug ("Zoom level is " + zl); $ionicScrollDelegate.$getByHandle("imgscroll").zoomTo(zl,true); }; - //-------------------------------------------------------- - //Navigate to next/prev event in full screen mode - //-------------------------------------------------------- - - $scope.onSwipeEvent = function (eid, dirn) { - //console.log("HERE"); - var ld = ZMDataModel.getLogin(); - if (!ld.canSwipeMonitors) return; - - if ($ionicScrollDelegate.$getByHandle("imgscroll").getScrollPosition().zoom != 1) { - //console.log("Image is zoomed in - not honoring swipe"); - return; - } - //console.log("JUMPING"); - jumpToEvent(eid, dirn); - - }; - - $scope.jumpToEvent = function (eid, dirn) { - // console.log("jumptoevent"); - - jumpToEvent(eid, dirn); - - }; - - function jumpToEvent(eid, dirn) { - ZMDataModel.zmLog("Event jump called with:" + eid); - if (eid == "") { - $ionicLoading.show({ - template: "no more events", - noBackdrop: true, - duration: 2000 - }); - - return; - } - - var slidein; - var slideout; - if (dirn == 1) { - slideout = "animated slideOutLeft"; - slidein = "animated slideInRight"; - } else { - slideout = "animated slideOutRight"; - slidein = "animated slideInLeft"; - } - var element = angular.element(document.getElementById("full-screen-event")); - element.addClass(slideout).one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', outWithOld); - - - - function outWithOld() { - - ZMDataModel.zmLog("ModalCtrl:Stopping network pull..."); - ZMDataModel.stopNetwork("MonitorModal-outwithOld"); - $scope.animationInProgress = true; - // give digest time for image to swap - // 100 should be enough - $timeout(function () { - element.removeClass(slideout); - element.addClass(slidein) - .one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', inWithNew); - prepareModalEvent(eid); - }, 200); - } - - function inWithNew() { - element.removeClass(slidein); - $scope.animationInProgress = false; - carouselUtils.setStop(false); - } - - } - - //-------------------------------------------------------- - // utility function - //-------------------------------------------------------- - - function computeRelativePath(event) { - var relativePath = ""; - var loginData = ZMDataModel.getLogin(); - var str = event.Event.StartTime; - var yy = moment(str).format('YY'); - var mm = moment(str).format('MM'); - var dd = moment(str).format('DD'); - var hh = moment(str).format('HH'); - var min = moment(str).format('mm'); - var sec = moment(str).format('ss'); - relativePath = event.Event.MonitorId + "/" + - yy + "/" + - mm + "/" + - dd + "/" + - hh + "/" + - min + "/" + - sec + "/"; - return relativePath; - - } - - //-------------------------------------------------------- - // utility function - //-------------------------------------------------------- - - function computeBasePath(event) { - var basePath = ""; - var loginData = ZMDataModel.getLogin(); - var str = event.Event.StartTime; - var yy = moment(str).format('YY'); - var mm = moment(str).format('MM'); - var dd = moment(str).format('DD'); - var hh = moment(str).format('HH'); - var min = moment(str).format('mm'); - var sec = moment(str).format('ss'); - - basePath = loginData.url + "/events/" + - event.Event.MonitorId + "/" + - yy + "/" + - mm + "/" + - dd + "/" + - hh + "/" + - min + "/" + - sec + "/"; - return basePath; - } - - - //------------------------------------------------------------------------- - // Called when rncarousel or video player finished playing event - //------------------------------------------------------------------------- - - $scope.playbackFinished = function () { - playbackFinished(); - }; - - function playbackFinished() { - // currentEvent is updated with the currently playing event in prepareModalEvent() - ZMDataModel.zmLog("Playback of event " + currentEvent.Event.Id + " is finished"); - - if ($scope.loginData.gapless) { - - neighborEvents(currentEvent.Event.Id) - .then(function (success) { - - // lets give a second before gapless transition to the next event - $timeout(function () { - $scope.nextId = success.next; - $scope.prevId = success.prev; - ZMDataModel.zmDebug("Gapless move to event " + $scope.nextId); - jumpToEvent($scope.nextId, 1); - }, 1000); - }, - function (error) { - ZMDataModel.zmDebug("Error in neighbor call " + - JSON.stringify(error)); - }); - } else { - ZMDataModel.zmDebug("not going to next event, gapless is off"); - } - } - - - //-------------------------------------------------------- - // Called by openModal as well as jump to event - // what it basically does is get a detailed event API - // for an event ID and constructs required playback - // parameters - // Note that openModal is called with the top level event - // API. Some parameters are repeated across both - //-------------------------------------------------------- - - - function prepareModalEvent(eid) { - - // Lets get the detailed event API - var loginData = ZMDataModel.getLogin(); - var myurl = loginData.apiurl + '/events/' + eid + ".json"; - ZMDataModel.zmLog("*** Constructed API for detailed events: " + myurl); - $http.get(myurl) - .then(function (success) { - - - - var event = success.data.event; - currentEvent = event; - - event.Event.BasePath = computeBasePath(event); - event.Event.relativePath = computeRelativePath(event); - - - //console.log (JSON.stringify( success)); - $scope.eventName = event.Event.Name; - $scope.eventId = event.Event.Id; - $scope.eFramesNum = event.Event.Frames; - $scope.eventDur = Math.round(event.Event.Length); - $scope.loginData = ZMDataModel.getLogin(); - - //console.log("**** VIDEO STATE IS " + event.Event.DefaultVideo); - if (typeof event.Event.DefaultVideo === 'undefined') - event.Event.DefaultVideo = ""; - - $scope.defaultVideo = event.Event.DefaultVideo; - - - neighborEvents(event.Event.Id) - .then(function (success) { - $scope.nextId = success.next; - $scope.prevId = success.prev; - }, - function (error) { - //console.log(JSON.stringify(error)); - }); - - $scope.nextId = "..."; - $scope.prevId = "..."; - - - - - event.Event.video = {}; - var videoURL = $scope.loginData.url + "/events/" + event.Event.relativePath + event.Event.DefaultVideo; - - //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", - - }; - - $scope.videoObject = event.Event.video; - - $scope.playbackURL = $scope.loginData.url; - - /* we don't need this for electron - if ($rootScope.platformOS == "desktop") { - $scope.playbackURL = zm.desktopUrl; - } */ - - $scope.eventBasePath = event.Event.BasePath; - $scope.relativePath = event.Event.relativePath; - $rootScope.rand = Math.floor(Math.random() * (999999 - 111111 + 1)) + 111111; - - $scope.slider_modal_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); - - - }, - //modelLabels:function(val) {return "";}, - smooth: false, - 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: [] - - }; - - - $scope.mycarousel.index = 0; - $scope.ionRange.index = 1; - $scope.eventSpeed = $scope.event.Event.Length / $scope.event.Event.Frames; - - //console.log("**Resetting range"); - $scope.slides = []; - var i; - for (i = 1; i <= event.Event.Frames; i++) { - var fname = padToN(i, eventImageDigits) + "-capture.jpg"; - // console.log ("Building " + fname); - $scope.slides.push({ - id: i, - img: fname - }); - } - - - // now get event details to show alarm frames - - $scope.FrameArray = event.Frame; - // $scope.slider_options.scale=[]; - $scope.slider_modal_options.scale = []; - - - for (i = 0; i < event.Frame.length; i++) { - - if (event.Frame[i].Type == "Alarm") { - - $scope.slider_modal_options.scale.push({ - val: event.Frame[i].FrameId, - label: ' ' - }); - } else { - //$scope.slider_options.scale.push(' '); - } - - - } - $scope.totalEventTime = Math.round(parseFloat(event.Event.Length)) - 1; - $scope.currentEventTime = 0; - }, - function (err) { - ZMDataModel.zmLog("Error retrieving detailed frame API " + JSON.stringify(err)); - ZMDataModel.displayBanner('error', ['could not retrieve frame details', 'please try again']); - }); - - - } - - - if (typeof $scope.ionRange !== 'undefined') { - $scope.$watch('ionRange.index', function () { - // - $scope.mycarousel.index = parseInt($scope.ionRange.index) - 1; - - if (carouselUtils.getStop() == true) - return; - - - // console.log ("***ION RANGE CHANGED TO " + $scope.mycarousel.index); - }); - } - - if (typeof $scope.mycarousel !== 'undefined') { - $scope.$watch('mycarousel.index', function () { - - - - //console.log ("***ION MYCAROUSEL CHANGED"); - - if (currentEvent && $scope.ionRange.index == parseInt(currentEvent.Event.Frames)) { - playbackFinished(); - } - // end of playback from quick scrub - // so ignore gapless - - - - 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); - - - }); - } - - 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; - } - + //------------------------------------------------------------- + // Retrieves PTZ state for each monitor + //------------------------------------------------------------- // make sure following are correct: // $scope.isControllable // $scope.controlid @@ -1849,80 +1045,21 @@ angular.module('zmApp.controllers').controller('MonitorModalCtrl', ['$scope', '$ }); - // if its controllable, lets get the control command - if ($scope.isControllable == '1') { - - - } - + } - //http://stackoverflow.com/questions/10245220/java-image-resize-maintain-aspect-ratio - $scope.getScale = function(ow,oh,bw,bh) - { - var original_width = ow; - var original_height = oh; - var bound_width = bw; - var bound_height = bh; - var new_width = original_width; - var new_height = original_height; - if (original_width > bound_width) { - //scale width to fit - new_width = bound_width; - //scale height to maintain aspect ratio - new_height = (new_width * original_height) / original_width; - } - - // then check if we need to scale even with the new height - if (new_height > bound_height) { - //scale height to fit instead - new_height = bound_height; - //scale width to maintain aspect ratio - new_width = (new_height * original_width) / original_height; - } - return ({w:new_width, h:new_height}); - - }; - - $scope.$on('modal.shown', function () { - - $scope.mw = $scope.refMonitor.Monitor.Orientation == '0' ? $scope.refMonitor.Monitor.Width: $scope.refMonitor.Monitor.Height; - - $scope.mh = $scope.refMonitor.Monitor.Orientation == '0' ? $scope.refMonitor.Monitor.Height: $scope.refMonitor.Monitor.Width; - - - + var ld = ZMDataModel.getLogin(); - currentEvent = $scope.currentEvent; + //currentEvent = $scope.currentEvent; $scope.connKey = (Math.floor((Math.random() * 999999) + 1)).toString(); console.log ("************* GENERATED CONNKEY " + $scope.connKey); $scope.currentFrame = 1; - console.log ("CURRENT EVENT " + JSON.stringify($scope.currentEvent)); - //$scope.currentEventDuration = parseFloat($scope.currentEvent.Event.Length); - //console.log ($scope.event.Event.Frames); - if (currentEvent && currentEvent.Event) - prepareModalEvent(currentEvent.Event.Id); - - if (ld.useNphZmsForEvents && ( $ionicHistory.currentStateName() == 'events' || - $ionicHistory.currentStateName() == 'timeline')) - { - checkEvent(); - ZMDataModel.zmLog ("Starting checkAllEvents timer"); - eventQueryHandle = $interval(function () { - checkEvent(); - // console.log ("Refreshing Image..."); - }.bind(this),zm.eventPlaybackQuery); - } - + + configurePTZ($scope.monitorId); - // monitor.Monitor.Id, monitor.Monitor.Controllable, monitor.Monitor.ControlId - - - - }); }]);
\ No newline at end of file |