1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
|
// Controller for the montage view
angular.module('zmApp.controllers').controller('zmApp.MontageCtrl', function ($scope, $rootScope, ZMDataModel, message,$ionicSideMenuDelegate, $timeout, $interval) {
var timestamp = new Date().getUTCMilliseconds();
// In Android, the app runs full steam while in background mode
// while in iOS it gets suspended unless you ask for specific resources
// So while this view, we DON'T want Android to keep sending 1 second
// refreshes to the server for images we are not seeing!
function onPause() {
console.log ("*** Moving to Background ***"); // Handle the pause event
console.log ("*** CANCELLING INTERVAL ****");
$interval.cancel(intervalHandle);
}
document.addEventListener("pause", onPause, false);
// I was facing a lot of problems with Chrome/crosswalk getting stuck with
// pending HTTP requests after a while. There is a problem with chrome handling
// multiple streams of always open HTTP get's (image streaming). This problem
// does not arise when the image is streamed for a single monitor - just multiple
// To work around this I am taking a single snapshot of ZMS and have implemented a timer
// to reload the snapshot every 1 second. Seems to work reliably even thought its a higer
// load. Will it bonk with many monitors? Who knows. I have tried with 5 and 1280x960@32bpp
this.loadNotifications = function (){
// randomval is appended to img src, so after each interval the image reloads
$scope.randomval = (new Date()).getTime();
//console.log ("**** NOTIFICATION with rand="+$scope.randomval+"*****");
};
var intervalHandle = $interval(function(){
this.loadNotifications();
}.bind(this), 1000);
this.loadNotifications();
$scope.openMenu = function () {
$ionicSideMenuDelegate.toggleLeft();
}
$scope.$on('$destroy', function () {
console.log ("*** CANCELLING INTERVAL ****");
$interval.cancel(intervalHandle);
});
$scope.$on('$ionicView.loaded', function(){
console.log("**VIEW ** Montage Ctrl Loaded");
});
$scope.$on('$ionicView.enter', function(){
console.log("**VIEW ** Montage Ctrl Entered");
});
$scope.$on('$ionicView.leave', function(){
console.log("**VIEW ** Montage Ctrl Left");
});
$scope.$on('$ionicView.unloaded', function(){
console.log("**VIEW ** Montage Ctrl Unloaded");
});
$scope.isSimulated = function ()
{
return ZMDataModel.isSimulated();
}
console.log("********* Inside Montage Ctrl");
$scope.LoginData = ZMDataModel.getLogin();
// slider is tied to the view slider for montage
//Remember not to use a variable. I'm using an object
// so it's passed as a reference - otherwise it makes
// a copy and the value never changes
$scope.slider = {};
$scope.slider.monsize = ZMDataModel.getMontageSize();
$scope.$on('$ionicView.afterEnter', function () {
// This rand is really used to reload the monitor image in img-src so it is not cached
// I am making sure the image in montage view is always fresh
// I don't think I am using this anymore FIXME: check and delete if needed
$rootScope.rand = Math.floor((Math.random() * 100000) + 1);
});
// we are monitoring the slider for movement here
// make sure this is an object - so its passed by reference from the template to the controller!
$scope.$watch('slider.monsize', function () {
console.log('Slider has changed');
ZMDataModel.setMontageSize($scope.slider.monsize);
console.log("Rootscope Montage is " + ZMDataModel.getMontageSize() + " and slider montage is " + $scope.slider.monsize);
});
$scope.monitors = [];
console.log("Inside MontageCtrl waiting for monitors to load...");
$scope.monitors = message;
console.log("I have received the monitors inside Montage and there are " + $scope.monitors.length);
$scope.doRefresh = function () {
console.log("***Pull to Refresh");
$scope.monitors = [];
var refresh = ZMDataModel.getMonitors(1);
refresh.then(function (data) {
$scope.monitors = data;
$scope.$broadcast('scroll.refreshComplete');
});
};
});
|
