camera play

camotion/controllers/cameras.controller.js

 angular.module('camotion')
-    .controller('CamerasController', ['$scope', 'CamerasService',
-        function($scope, CamerasService) {
+    .controller('CamerasController', ['$scope', 'CamerasService', '$timeout',
+        function($scope, CamerasService, $timeout) {
 
             $scope.cameras = [];
-            $scope.rowCameras = [];
-
-            $scope.playingCameras = [];
+            $scope.images = {};
+            $scope.interval = 1000;
 
             $scope.playPause = function(camera)
             {
-                var idx = $scope.playingCameras.indexOf(camera.Id);
-                if (idx > -1) {
-                    $scope.playingCameras.splice(idx, 1);
+                if ($scope.isPlaying(camera)) {
+                    $scope.pause(camera);
                 }
                 else {
-                    $scope.playingCameras.push(camera.Id);
+                    $scope.play(camera);
+                }
+            };
+
+            $scope.play = function(camera)
+            {
+                if (!$scope.isPlaying(camera)) {
+                    $scope.images[camera.Id] = {
+                        image: null,
+                        timerId: 0
+                    };
+                    $scope.updateCamera(camera);
+                }
+            };
+
+            $scope.pause = function(camera)
+            {
+                if ($scope.isPlaying(camera)) {
+                    $scope.images[camera.Id] = null;
                 }
             };
 
             $scope.isPlaying = function(camera)
             {
-                return $scope.playingCameras.indexOf(camera.Id) > -1;
+                return $scope.images[camera.Id] != null;
+            };
+
+            $scope.updateCamera = function(camera)
+            {
+                if ($scope.isPlaying(camera)) {
+                    CamerasService.getImage({camera_id: camera.Id})
+                        .then(function (image) {
+                            if ($scope.isPlaying(camera)) {
+                                $scope.images[camera.Id] = {
+                                    image: image.Image,
+                                    timerId: $timeout(function () {
+                                        $scope.updateCamera(camera);
+                                    }, $scope.interval)
+                                }
+                            }
+                        }, function (error) {
+                            $scope.pause(camera);
+                        });
+                }
             };
 
             CamerasService.getAll({}).then(function(cameras)
             {
+                $scope.images = {};
                 $scope.cameras = cameras.Data;
+                for (var i = 0; i < $scope.cameras.length; ++i) {
+                    var camera = angular.copy($scope.cameras[i]);
+                    $scope.play(camera);
+                }
+            });
+
+            $scope.$on('$destroy', function(){
+                $scope.images = {};
             });
     }]);

camotion/controllers/sensors.controller.js

 
             $scope.updateSensor = function(sensor)
             {
-                SensorsService.getValue({sensor_id: sensor.Id})
-                    .then(function(value) {
-                        if (typeof $scope.values[sensor.Id] != 'undefined') {
-                            $scope.values[sensor.Id] = {
-                                value: value,
-                                timerId: $timeout(function () {
-                                    $scope.updateSensor(sensor);
-                                }, $scope.interval)
+                if (typeof $scope.values[sensor.Id] != 'undefined') {
+                    SensorsService.getValue({sensor_id: sensor.Id})
+                        .then(function (value) {
+                            if (typeof $scope.values[sensor.Id] != 'undefined') {
+                                $scope.values[sensor.Id] = {
+                                    value: value,
+                                    timerId: $timeout(function () {
+                                        $scope.updateSensor(sensor);
+                                    }, $scope.interval)
+                                }
                             }
-                        }
-                    });
+                        });
+                }
             };
 
             $scope.$on('$destroy', function(){

sdk/cameras.js

                 return luticateRequest.post("/api/cameras/" + data.camera_id + "/del", null, null, promise);
             };
 
+            CamerasService.getImage = function(data, promise)
+            {
+                return luticateRequest.post("/api/cameras/" + data.camera_id + "/image", null, null, promise);
+            };
+
             return CamerasService;
         }]);
 })();