cameras get/add/edit/del

admin/app.js

@@ -33,6 +33,12 @@ camotion.config(['$stateProvider', '$urlRouterProvider', '$httpProvider', '$loca
             controller:'HostsController'
         });
 
+        $stateProvider.state('cameras',{
+            url:'/cameras',
+            templateUrl:'views/cameras.html',
+            controller:'CamerasController'
+        });
+
         $urlRouterProvider.otherwise('/');
 
         $httpProvider.interceptors.push(['luticateAuthCache', '$injector', '$q',

admin/controllers/cameras.controller.js

@@ -0,0 +1,76 @@
+angular.module('camotionAdmin')
+    .controller('CamerasController', ['$scope', 'CamerasService', 'HelperService', '$q', 'luticateAuthCache',
+        function($scope, CamerasService, HelperService, $q, luticateAuthCache) {
+
+            $scope.foreighLoaded = false;
+            $scope.hosts = {};
+            $scope.entityTypes = {};
+
+            $scope.luTable = {
+                columns: [
+                    {
+                        name: "Name",
+                        width: 3,
+                        getValue: function (item) {
+                            return item.Name;
+                        }
+                    },
+                    {
+                        name: "Type",
+                        width: 3,
+                        getValue: function (item) {
+                            return $scope.entityTypes[item.EntityTypeId].Name;
+                        }
+                    }, {
+                        name: "Description",
+                        width: 6,
+                        getValue: function (item) {
+                            return item.Description;
+                        }
+                    }
+                ],
+
+                canAdd: function()
+                {
+                    return luticateAuthCache.hasAllEffectivePermissions([
+                        'CAMOTION_CAMERA_ADD',
+                        'CAMOTION_HOST_GET'
+                    ])
+                },
+
+                canDel: 'CAMOTION_CAMERA_DEL',
+
+                canEdit: function()
+                {
+                    return true;
+                },
+
+                getLoadPagePromise: function (page, perPage, query, promise) {
+                    var defer = $q.defer();
+                    CamerasService.getAll({page: page, perPage: perPage, query: query}, promise)
+                        .then(function(cameras)
+                        {
+                            if (!$scope.foreighLoaded) {
+                                HelperService.getForeignEntities(promise).then(function (data) {
+                                    $scope.hosts = data.hosts;
+                                    $scope.entityTypes = data.entityTypes;
+                                    $scope.foreighLoaded = true;
+                                    defer.resolve(cameras);
+                                }, defer.reject);
+                            }
+                            else {
+                                defer.resolve(cameras);
+                            }
+                        }, defer.reject);
+                    return defer.promise;
+                },
+
+                getDelPromise: function (id, promise) {
+                    return CamerasService.del({camera_id: id}, promise);
+                },
+
+                getEditController: function () {
+                    return "CameraEdit";
+                }
+            };
+    }]);

admin/controllers/modals/cameraedit.controller.js

@@ -0,0 +1,70 @@
+/**
+ * Created by robin on 11/4/15.
+ */
+
+angular.module('camotionAdmin')
+    .controller('CameraEditController', ['$scope', 'CamerasService', 'data', 'dialogs', '$q', 'luticateAuthCache', 'HelperService',
+        function($scope, CamerasService, data, dialogs, $q, luticateAuthCache, HelperService) {
+            if (data != null) {
+                $scope.camera = data;
+                $scope.camera.camera_id = $scope.camera.Id;
+                $scope.permission = "CAMOTION_CAMERA_EDIT";
+            }
+            else {
+                $scope.camera = {
+                    Name: "",
+                    Description: "",
+                    Token: "",
+                    HostId: null,
+                    EntityTypeId: null
+                };
+                $scope.permission = "CAMOTION_CAMERA_ADD";
+            }
+
+            $scope.hosts = {};
+            $scope.entityTypes = {};
+            var promiseLoadForeign = {
+                id: "promiseLoadForeign",
+                groups: ["modal"]
+            };
+
+            HelperService.getForeignEntities(promiseLoadForeign).then(function(data)
+            {
+                $scope.hosts = data.hosts;
+                $scope.entityTypes = data.entityTypes;
+                if ($scope.camera.Id == null) {
+                    var keys = Object.keys($scope.hosts);
+                    if (keys.length != 0) {
+                        $scope.camera.HostId = $scope.hosts[keys[0]].Id;
+                    }keys = Object.keys($scope.entityTypes);
+                    if (keys.length != 0) {
+                        $scope.camera.EntityTypeId = $scope.entityTypes[keys[0]].Id;
+                    }
+                }
+            });
+
+            $scope.submitForm = function()
+            {
+                if (luticateAuthCache.hasEffectivePermission($scope.permission)) {
+                    if ($scope.camera.Id != null) {
+                        var promiseEditCamera = {
+                            id: "promiseEditCamera",
+                            loaderGroups: ["modal"]
+                        };
+                        return CamerasService.edit($scope.camera, promiseEditCamera);
+                    }
+                    else {
+                        var promiseAddCamera = {
+                            id: "promiseAddCamera",
+                            loaderGroups: ["modal"]
+                        };
+                        return CamerasService.add($scope.camera, promiseAddCamera);
+                    }
+                }
+                else {
+                    var defer = $q.defer();
+                    defer.resolve();
+                    return defer.promise;
+                }
+            };
+        }]);

admin/index.html

@@ -37,12 +37,16 @@
     <script src="controllers/home.controller.js"></script>
     <script src="controllers/navbar.controller.js"></script>
     <script src="controllers/hosts.controller.js"></script>
+    <script src="controllers/cameras.controller.js"></script>
 
     <!-- Modal Controller -->
     <script src="controllers/modals/hostedit.controller.js"></script>
+    <script src="controllers/modals/cameraedit.controller.js"></script>
 
     <!-- SDK -->
+    <script src="../sdk/helper.js"></script>
     <script src="../sdk/hosts.js"></script>
+    <script src="../sdk/cameras.js"></script>
 
     <!-- Directives -->
 

admin/views/cameras.html

@@ -0,0 +1,4 @@
+<!-- Page Content -->
+<div class="container">
+    <lu-edit-table options="luTable" class="row col-sm-8 col-sm-offset-2"></lu-edit-table>
+</div>

admin/views/modals/cameraedit.html

@@ -0,0 +1,38 @@
+<dialog-ok-cancel title="{{ camera.Id == null ? 'Add' : 'Edit'}} camera {{ host.Name }}">
+    <div class="form-group">
+        <label for="name" class="col-sm-2 control-label">Name</label>
+        <div class="col-sm-9">
+            <input id="name" class="form-control" ng-model="camera.Name" required lu-enable-permission="{{ permission }}"/>
+        </div>
+    </div>
+    <div class="form-group">
+        <label for="url" class="col-sm-2 control-label">Description</label>
+        <div class="col-sm-9">
+            <input id="url" class="form-control" ng-model="camera.Description" lu-enable-permission="{{ permission }}"/>
+        </div>
+    </div>
+    <div class="form-group">
+        <label for="dropdownHost" class="col-sm-2 control-label">Host</label>
+        <div class="btn-group">
+                <button class="btn btn-default dropdown-toggle" type="button" id="dropdownHost" data-toggle="dropdown">
+                    {{ hosts[camera.HostId].Name }}
+                    <span class="caret"></span>
+                </button>
+                <ul class="dropdown-menu">
+                    <li ng-repeat="host in hosts"><a ng-click="camera.HostId = host.Id" href="">{{ host.Name }}</a></li>
+                </ul>
+            </div>
+    </div>
+    <div class="form-group">
+        <label for="dropdownType" class="col-sm-2 control-label">Type</label>
+        <div class="btn-group">
+            <button class="btn btn-default dropdown-toggle" type="button" id="dropdownType" data-toggle="dropdown">
+                {{ entityTypes[camera.EntityTypeId].Name }}
+                <span class="caret"></span>
+            </button>
+            <ul class="dropdown-menu">
+                <li ng-repeat="type in entityTypes"><a ng-click="camera.EntityTypeId = type.Id" href="">{{ type.Name }}</a></li>
+            </ul>
+        </div>
+    </div>
+</dialog-ok-cancel>

admin/views/navbar.html

@@ -17,6 +17,7 @@
             <ul class="nav navbar-nav navbar-left">
                 <li><a href="/luticate" ng-show="canSeeLuticate()">Luticate</a></li>
                 <li><a ui-sref="hosts" lu-show-permission="CAMOTION_HOST_GET">Hosts</a></li>
+                <li><a ui-sref="cameras" lu-show-permission="CAMOTION_CAMERA_GET">Cameras</a></li>
             </ul>
             <ul class="nav navbar-nav navbar-right">
                 <ul class="nav navbar-nav navbar-right">

sdk/cameras.js

@@ -0,0 +1,44 @@
+/**
+ * Created by robin on 11/21/15.
+ */
+(function () {
+    'use strict';
+
+    angular.module('camotionAdmin')
+        .factory('CamerasService', ['luticateRequest', function (luticateRequest) {
+
+            var CamerasService = {};
+
+            CamerasService.add = function(data, promise)
+            {
+                return luticateRequest.post("/api/cameras/add", {camera: JSON.stringify(data)}, null, promise);
+            };
+
+            CamerasService.getAll = function(data, promise)
+            {
+                return luticateRequest.get("/api/cameras", data, promise);
+            };
+
+            CamerasService.getAllTypes = function(promise)
+            {
+                return luticateRequest.get("/api/cameras/types", null, promise);
+            };
+
+            CamerasService.get = function(data, promise)
+            {
+                return luticateRequest.get("/api/cameras/" + data.camera_id , null, promise);
+            };
+
+            CamerasService.edit = function(data, promise)
+            {
+                return luticateRequest.post("/api/cameras/" + data.camera_id + "/edit", {camera: JSON.stringify(data)}, null, promise);
+            };
+
+            CamerasService.del = function(data, promise)
+            {
+                return luticateRequest.post("/api/cameras/" + data.camera_id + "/del", null, null, promise);
+            };
+
+            return CamerasService;
+        }]);
+})();

sdk/helper.js

@@ -0,0 +1,39 @@
+/**
+ * Created by robin on 11/21/15.
+ */
+
+(function () {
+    'use strict';
+
+    angular.module('camotionAdmin')
+        .factory('HelperService', ['HostsService', 'CamerasService', '$q', function (HostsService, CamerasService, $q) {
+
+            var HelperService = {};
+
+            HelperService.getForeignEntities = function (promise) {
+                var defer = $q.defer();
+                HostsService.getAll({}, promise).then(function (hosts) {
+                    var hostsArray = {};
+                    for (var i = 0; i < hosts.Data.length; ++i) {
+                        var host = hosts.Data[i];
+                        hostsArray[host.Id] = host;
+                    }
+                    CamerasService.getAllTypes(promise).then(function(types)
+                    {
+                        var typesArray = {};
+                        for (var i = 0; i < types.Data.length; ++i) {
+                            var type = types.Data[i];
+                            typesArray[type.Id] = type;
+                        }
+                        defer.resolve({
+                            hosts: hostsArray,
+                            entityTypes: typesArray
+                        });
+                    }, defer.reject);
+                }, defer.reject);
+                return defer.promise;
+            };
+
+            return HelperService;
+        }]);
+})();