/* jshint -W041 */
/*jshint bitwise: false*/
/* jslint browser: true*/
/* global saveAs, cordova,StatusBar,angular,console,moment, MobileAccessibility, gifshot, ReadableStream , LibraryHelper, GifWriter, NeuQuant, LocalFileSystem, FileError*/
// This is the controller for Event view. StateParams is if I recall the monitor ID.
// This was before I got access to the new APIs. FIXME: Revisit this code to see what I am doing with it
// and whether the new API has a better mechanism
angular.module('zmApp.controllers')
// alarm frames filter
.filter('selectFrames', function ($filter, $translate) {
// Create the return function and set the required parameter name to **input**
return function (input, typeOfFrames) {
var out = [];
angular.forEach(input, function (item) {
if (typeOfFrames == $translate.instant('kShowTimeDiffFrames')) {
if (item.type == $translate.instant('kShowTimeDiffFrames'))
out.push(item);
} else
out.push(item);
});
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) {
// events in last 5 minutes
// TODO https://server/zm/api/events/consoleEvents/5%20minute.json
//---------------------------------------------------
// Controller main
//---------------------------------------------------
var loginData;
var oldEvent;
var scrollbynumber;
var eventImageDigits = 5; // failsafe
var eventsPage;
var moreEvents;
var pageLoaded;
var enableLoadMore;
var lData;
var showHiddenMonitors;
var ionRangeWatcher;
var mycarouselWatcher;
var nolangFrom;
var nolangTo;
var broadcastHandles = [];
$scope.typeOfFrames = $translate.instant('kShowTimeDiffFrames');
$scope.outlineMotion = false;
$scope.outlineMotionParam = "&show=capture";
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());
});
broadcastHandles.push(tzu);
var lc = $scope.$on("language-changed", function () {
NVRDataModel.log(">>>>>>>>>>>>>>> language changed");
doRefresh();
});
broadcastHandles.push(lc);
$scope.$on('$ionicView.afterEnter', function () {
// console.log ("********* AFTER ENTER");
//
window.addEventListener("resize", recomputeThumbSize, false);
$ionicListDelegate.canSwipeItems(true);
NVRDataModel.debug("enabling options swipe");
// see if we come from monitors, if so, don't filter events
if ($ionicHistory.backTitle() == 'Monitors') {
showHiddenMonitors = true;
} else {
showHiddenMonitors = false;
}
if (NVRDataModel.getLogin().useLocalTimeZone) {
$scope.tzAbbr = moment().tz(moment.tz.guess()).zoneAbbr();
} else {
$scope.tzAbbr = moment().tz(NVRDataModel.getTimeZoneNow()).zoneAbbr();
}
//console.log ("************** CLEARING EVENTS");
$scope.events = [];
$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);
});
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.$on('$ionicView.beforeLeave', function () {
NVRDataModel.debug("EventCtrl: Deregistering resize listener");
window.removeEventListener("resize", recomputeThumbSize, false);
NVRDataModel.debug("EventCtrl: Deregistering broadcast handles");
for (var i = 0; i < broadcastHandles.length; i++) {
// broadcastHandles[i]();
}
broadcastHandles = [];
});
$scope.$on('$ionicView.beforeEnter', function () {
//console.log ("********* BEFORE ENTER");
//
$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);
if (isNaN($scope.id)) $scope.id = 0;
$scope.showEvent = $stateParams.playEvent || false;
$scope.monitors = NVRDataModel.getMonitorsNow();
//console.log("BEFORE ENTER >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>");
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
if (window.cordova)
MobileAccessibility.getTextZoom(getTextZoomCallback);
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;
}
NVRDataModel.debug(">>>height of list/scrub set to " + eventsListDetailsHeight + " and " + eventsListScrubHeight);
pageLoaded = false;
enableLoadMore = true;
$scope.mycarousel = {
index: 0
};
$scope.ionRange = {
index: 1
};
$scope.animationInProgress = false;
$scope.hours = [];
$scope.days = [];
$scope.weeks = [];
$scope.months = [];
$scope.eventList = {
showDelete: false
};
$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.showSearch = false;
eventsPage = 1;
moreEvents = true;
$scope.viewTitle = {
title: ""
};
$scope.search = {
text: ""
};
$scope.myfilter = "";
$scope.loginData = NVRDataModel.getLogin();
$scope.playbackURL = $scope.loginData.url;
});
function getEventObject(eid) {
var apiurl = NVRDataModel.getLogin().apiurl + '/events/' + eid + '.json';
$http.get(apiurl)
.then(function (data) {},
function (err) {});
}
function getTextZoomCallback(tz) {
$rootScope.textScaleFactor = parseFloat(tz + "%") / 100.0;
NVRDataModel.debug("text zoom factor is " + $rootScope.textScaleFactor);
}
// --------------------------------------------------------
// Handling of back button in case modal is open should
// 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();
} 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");
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);
});
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 (carouselUtils.getStop() == true)
return;
$scope.ionRange.index = ($scope.mycarousel.index + 1).toString();
// console.log ("***IONRANGE RANGE CHANGED TO " + $scope.ionRange.index);
});
}
// --------------------------------------------------------
// Handling of back button in case modal is open should
// close the modal
// --------------------------------------------------------
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");
NVRDataModel.getEvents($scope.id, eventsPage, "", nolangFrom, nolangTo)
.then(function (data) {
// console.log ("WE GOT EVENTS="+JSON.stringify(data));
var myevents = data;
NVRDataModel.debug("EventCtrl: success, got " + myevents.length + " events");
var loginData = NVRDataModel.getLogin();
//console.log ("-------->MON LEN"+$scope.monitors.length);
for (var i = 0; i < myevents.length; i++) {
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 mw = parseInt(tempMon.Monitor.Width);
var mh = parseInt(tempMon.Monitor.Height);
var mo = parseInt(tempMon.Monitor.Orientation);
myevents[i].Event.Rotation = '';
var th = computeThumbnailSize(mw, mh, mo);
myevents[i].Event.thumbWidth = th.w;
myevents[i].Event.thumbHeight = th.h;
}
// 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();
}
});
});
}
//-------------------------------------------------------
// 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 saveNow(imgsrc, r, f) {
var fname = "zmninja.jpg";
var fn = "cordova.plugins.photoLibrary.saveImage";
var loginData = NVRDataModel.getLogin();
$ionicLoading.show({
template: $translate.instant('kSavingSnapshot') + "...",
noBackdrop: true,
duration: zm.httpTimeout
});
var url = imgsrc;
NVRDataModel.log("saveNow: File path to grab is " + url);
if ($rootScope.platformOS != 'desktop') {
var album = 'zmNinja';
NVRDataModel.debug("Trying to save image to album: " + album);
cordova.plugins.photoLibrary.requestAuthorization(
function () {
//url = "https://picsum.photos/200/300/?random";
var fileTransfer = new FileTransfer();
var urle = encodeURI(url);
fileTransfer.onprogress = function (progressEvent) {
if (progressEvent.lengthComputable) {
$timeout(function () {
var perc = Math.floor(progressEvent.loaded / progressEvent.total * 100);
$ionicLoading.show({
template: $translate.instant('kPleaseWait') + "... (" + perc + "%)",
noBackdrop: true,
//duration: zm.httpTimeout
});
});
}
};
fileTransfer.download(urle, cordova.file.dataDirectory + fname,
function (entry) {
NVRDataModel.debug("local download complete: " + entry.toURL());
NVRDataModel.debug("Now trying to move it to album");
var pluginName = (fname == "zmNinja.mp4" ? "saveVideo" : "saveImage");
cordova.plugins.photoLibrary[pluginName](entry.toURL(), album,
function (cameraRollAssetId) {
SaveSuccess();
$cordovaFile.removeFile(cordova.file.dataDirectory, fname)
.then(
function () {
NVRDataModel.debug("file removed from data directory");
},
function (e) {
NVRDataModel.debug("could not delete temp file: " + JSON.stringify(e));
}
);
},
function (err) {
NVRDataModel.debug("Saving error:" + JSON.stringify(err));
SaveError();
});
},
function (err) {
NVRDataModel.log("error downloading:" + JSON.stringify(err));
SaveError();
}, !loginData.enableStrictSSL, {});
// User gave us permission to his library, retry reading it!
},
function (err) {
// User denied the access
NVRDataModel.debug("Permission not granted");
SaveError();
}, // if options not provided, defaults to {read: true}.
{
read: true,
write: true
}
);
} else {
//desktop
$ionicLoading.hide();
$rootScope.zmPopup = SecuredPopups.show('alert', {
title: $translate.instant('kNote'),
template: $translate.instant('kDownloadVideoImage')+"
"+" "+$translate.instant('kDownload')+"",
okText: $translate.instant('kDismiss'),
okType:'button-stable'
});
}
}
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 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
NVRDataModel.debug("moveImageToGallery called with " + fname);
cordova.plugins.photoLibrary.saveImage(fname, "zmNinja", onSuccess, onError);
//LibraryHelper.saveImageToLibrary(onSuccess, onError, fname, "zmNinja");
function onSuccess(results) {
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
});
}
function onError(error) {
// console.log("Error: " + error);
}
}
$scope.readyToPlay = function (api) {
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";
var th = true;
var opt = {};
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({
template: $translate.instant('kPleaseWait') + "...(" + p + "%)",
noBackdrop: true
});
});
function moveToGallery(path, fname) {
NVRDataModel.debug("moveToGallery called with " + path);
LibraryHelper.saveVideoToLibrary(onSuccess, onError, path, fname);
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");
}
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.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;
// note ndx may be incorrect if we are looking
// at unique frames;
// NVRDataModel.debug("Hello");
if ($scope.typeOfFrames == $translate.instant('kShowTimeDiffFrames')) {
var ic;
for (ic = 0; ic < $scope.parray.length; ic++) {
if ($scope.parray[ic].frameid == fid)
break;
}
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&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'});
if ($rootScope.authSession != 'undefined') {
$scope.imgsrc += $rootScope.authSession;
$scope.fallbackImgSrc += $rootScope.authSession;
}
$scope.imgsrc += NVRDataModel.insertBasicAuthToken();
$scope.fallbackImgSrc += NVRDataModel.insertBasicAuthToken();
$rootScope.zmPopup = $ionicPopup.show({
template: '' + $translate.instant('kFrame') + ':{{parray[ndx].frameid}}@{{prettifyTimeSec(parray[ndx].time)}}
![]()
',
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);
}
},
{
// 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();
}
},
{
// 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 = "&show=capture";
};
$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');
}
};
// not explictly handling error --> I have a default "No events found" message
// displayed in the template if events list is null
//--------------------------------------------------------------------------
// 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);
$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
});*/
};
//----------------------------------------------------------------
// Alarm notification handling
//----------------------------------------------------------------
$scope.handleAlarms = function () {
// $rootScope.isAlarm = !$rootScope.isAlarm;
if ($scope.modal !== undefined) {
$scope.modal.remove();
}
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;
}
};
// 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);
}
return new Blob(byteArrays, {
type: contentType
});
}
//----------------------------------------------------------
// create an array of images
// 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) {
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;
}
}
}
// next up make sure we are not processing more than 100 images
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
};
}
// for devices - handle permission before you download
$scope.permissionsDownload = function (e) {
if ($rootScope.platformOS == 'desktop') {
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) {
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
}
);
}
};
// 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}}"
});
}
}
// 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;
};
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;
}
// 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;
}
// 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) {
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;
}
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
}
]);
});
}
});
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 (err) {
$ionicLoading.hide();
NVRDataModel.setAwake(false);
NVRDataModel.log("Error getting frames");
$rootScope.isDownloading = false;
}
);
}
// 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);
});
}
} 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));
});
};
//--------------------------------------------------------------------------
// Takes care of deleting individual events
//--------------------------------------------------------------------------
$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);
$ionicLoading.show({
template: "{{'kDeletingEvent' | translate}}...",
noBackdrop: true,
duration: zm.httpTimeout
});
return $http.delete(apiDelete)
.then(function (data) {
data = data.data;
$ionicLoading.hide();
NVRDataModel.debug("delete output: " + JSON.stringify(data));
if (data.message == 'Error') {
$ionicLoading.show({
template: "{{'kError' | translate}}...",
noBackdrop: true,
duration: 1500
});
} else {
$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);
//doRefresh();
},
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') + ':
' + myFrom + " " + $translate.instant('kTo') + " " + toString + '
' + $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");
}
});
};
//--------------------------------------------------------------------------
// When the user pulls the pullup bar we call this to get the latest
// data for events ranges summaries using the consolveEvents facility of ZM
//--------------------------------------------------------------------------
$scope.footerExpand = function () {
footerExpand();
};
function footerExpand() {
//https://server/zm/api/events/consoleEvents/5%20minute.json
var ld = NVRDataModel.getLogin();
var af = "/AlarmFrames >=:" + (ld.enableAlarmCount ? ld.minAlarmCount : 0);
var apiurl = ld.apiurl + "/events/consoleEvents/1 hour" + af + ".json";
NVRDataModel.debug("consoleEvents API:" + apiurl);
$http.get(apiurl)
.then(function (data) {
data = data.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
});
}
}
});
apiurl = ld.apiurl + "/events/consoleEvents/1 day" + af + ".json";
NVRDataModel.debug("consoleEvents API:" + apiurl);
$http.get(apiurl)
.then(function (data) {
data = data.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 week" + af + ".json";
NVRDataModel.debug("consoleEvents API:" + apiurl);
$http.get(apiurl)
.then(function (data) {
data = data.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 month" + af + ".json";
NVRDataModel.debug("consoleEvents API:" + apiurl);
$http.get(apiurl)
.then(function (data) {
data = data.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.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 = [];
}
//-------------------------------------------------------------------------
// 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;
}
//-------------------------------------------------------------------------
// FIXME: Are we using this?
//-------------------------------------------------------------------------
$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");
}
};
//-------------------------------------------------------------------------
// This function is called when a user enables or disables
// scrub view for an event.
//-------------------------------------------------------------------------
$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);
};
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) {
NVRDataModel.debug("EventCtrl:Old event scrub will hide now");
oldEvent.Event.ShowScrub = false;
oldEvent.Event.height = eventsListDetailsHeight;
oldEvent = "";
}
event.Event.ShowScrub = !event.Event.ShowScrub;
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 ("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)
.then(function (data) {
data = data.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));
},
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)
.then(function (data) {
data = data.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));
},
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();
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)
.then(function (data) {
data = data.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));
},
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.isGroupShown = function (event) {
// console.log ("IS SHOW INDEX is " + ndx);
//console.log ("SHOW GROUP IS " + showGroup);
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
});
};
//---------------------------------------------------
// 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.$on('$ionicView.loaded', function () {
// console.log("**VIEW ** Events Ctrl Loaded");
});
//-------------------------------------------------------------------------
// Lets make sure we set screen dim properly as we enter
// The problem is we enter other states before we leave previous states
// from a callback perspective in ionic, so we really can't predictably
// 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;
});
//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();
}
});
$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();
}
});
//---------------------------------------------------
// used to hide loading image toast
//---------------------------------------------------
$scope.finishedLoadingImage = function (ndx) {
// console.log("*** Events image FINISHED loading index: "+ndx+"***");
$ionicLoading.hide();
};
//---------------------------------------------------
//
//---------------------------------------------------
$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");
}
};
//--------------------------------------------------------
// 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;
}
//--------------------------------------------------------
// 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;
}
$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;
$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.modal.show();
});
};
$scope.$on('modal.removed', function (e, m) {
if (m.id != 'footage')
return;
NVRDataModel.debug("Rebinding watchers of eventCtrl");
setupWatchers();
//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.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;
$scope.modal.show();
var ld = NVRDataModel.getLogin();
});
};
//--------------------------------------------------------
//This is called when we first tap on an event to see
// the feed. It's important to instantiate ionicModal here
// as otherwise you'd instantiate it when the view loads
// and our "Please wait loading" technique I explained
//earlier won't work
//--------------------------------------------------------
$scope.openModalWithSnapshot = function (event) {
openModal(event, 'enabled');
};
$scope.openModal = function (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;
$scope.modal.show();
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();
}
};
//--------------------------------------------------------
//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();
});
//--------------------------------------------------------
// used by infinite scrolling to see if we can get more
//--------------------------------------------------------
$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: false,
duration: 2000,
maxWidth: 200,
showDelay: 0
});
};
//--------------------------------------------------------
// loads next page of events
//--------------------------------------------------------
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: ''
});
loadingStr = "none";
}
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.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 mw = parseInt(tempMon.Monitor.Width);
var mh = parseInt(tempMon.Monitor.Height);
var mo = parseInt(tempMon.Monitor.Orientation);
myevents[i].Event.Rotation = '';
var th = computeThumbnailSize(mw, mh, mo);
myevents[i].Event.thumbWidth = th.w;
myevents[i].Event.thumbHeight = th.h;
}
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();
};
function recomputeThumbSize() {
NVRDataModel.debug ("EventCtrl: recompute thumbnails");
for (var i=0; i < $scope.events.length; i++) {
var tempMon = NVRDataModel.getMonitorObject($scope.events[i].Event.MonitorId);
if (tempMon != undefined) {
var mw = parseInt(tempMon.Monitor.Width);
var mh = parseInt(tempMon.Monitor.Height);
var mo = parseInt(tempMon.Monitor.Orientation);
var th = computeThumbnailSize(mw, mh, mo);
$scope.events[i].Event.thumbWidth = th.w;
$scope.events[i].Event.thumbHeight = th.h;
//console.log ("Setting to "+th.w+"*"+th.h);
}
}
}
function computeThumbnailSize(mw, mh, mo) {
tw = Math.min(Math.round(0.35 * $rootScope.devWidth),200);
th = 150;
var ratio = mw / mh;
var result = {
w: 0,
h: 0
};
if (mo != 0) {
var tmp = mw;
mw = mh;
mh = tmp;
}
if (mw > mh) {
ratio = mh / mw;
mw = tw;
mh = tw * ratio;
} else if (mh > mw) {
ratio = mw / mh;
mh = th;
mw = th * ratio;
} else {
mw = tw;
mw = tw;
}
mw = Math.round(mw);
mh = Math.round(mh);
result.w = mw;
result.h = mh;
return result;
}
$scope.constructThumbnail = function (event) {
var stream = "";
stream = event.Event.baseURL +
"/index.php?view=image&show=capture&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;
};
$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";
} else if (event.Event.imageMode == 'fid') {
stream = event.Event.baseURL + "/index.php?view=image" +
"&fid=" + slide.id + $scope.outlineMotionParam;
}
if ($rootScope.authSession != 'undefined') stream += $rootScope.authSession;
stream += NVRDataModel.insertBasicAuthToken();
return 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;
} 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;
};
$scope.toggleMinAlarmFrameCount = function () {
var ld = NVRDataModel.getLogin();
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();
}
$scope.humanize = function (num) {
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;
};
$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');
}
$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.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
// but its a dummy. The reason I deviated is because
// refresh with infinite scroll is a UX problem - its
// easy to pull to refresh when scrolling up with
// a large list
//--------------------------------------------------------
$scope.dummyDoRefresh = function () {
$scope.$broadcast('scroll.refreshComplete');
};
$scope.doRefresh = function () {
doRefresh();
}; //dorefresh
function doRefresh() {
// console.log("***Pull to Refresh");
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;
}*/
getInitialEvents();
moreEvents = true;
});
}
}]);