permission add/edit/del

luticate/controllers/modals/permissionedit.controller.js

@@ -0,0 +1,33 @@
+/**
+ * Created by robin on 11/4/15.
+ */
+
+angular.module('luticate')
+    .controller('PermissionEditController', ['$scope', 'luticateAuthPermissions', 'data',
+        function($scope, luticateAuthPermissions, data) {
+            if (data != null) {
+                $scope.permission = data;
+                $scope.permission.IsNew = false;
+            }
+            else {
+                $scope.permission = {
+                    Name: "",
+                    Value: false,
+                    IsNew: true
+                }
+            }
+
+            $scope.submitForm = function()
+            {
+                var perm = {
+                    permission_name: $scope.permission.Name.toUpperCase(),
+                    permission_value: $scope.permission.Value
+                };
+                if (!$scope.permission.IsNew) {
+                    return luticateAuthPermissions.edit(perm);
+                }
+                else {
+                    return luticateAuthPermissions.add(perm);
+                }
+            }
+        }]);

luticate/controllers/permissions.controller.js

@@ -1,5 +1,39 @@
 angular.module('luticate')
-    .controller('PermissionsController', ['$scope', '$state', 'luticatePromises',
-        function($scope, $state, luticatePromises) {
+    .controller('PermissionsController', ['$scope', 'luticateAuthPermissions',
+        function($scope, luticateAuthPermissions) {
+            $scope.columns = [
+                {
+                    name: "Name",
+                    width: 6,
+                    getValue: function(item) {
+                        return item.Name;
+                    }
+                }, {
+                    name: "Value",
+                    width: 5,
+                    getValue: function(item) {
+                        return item.Value ? "Allowed" : "Disallowed";
+                    }
+                }
+            ];
 
+            $scope.getLoadPagePromise = function(page, perPage, promise)
+            {
+                return luticateAuthPermissions.getAll({page: page, perPage: perPage}, promise);
+            };
+
+            $scope.getDelPromise = function(id, promise)
+            {
+                return luticateAuthPermissions.del({permission_name: id}, promise);
+            };
+
+            $scope.getEditController = function()
+            {
+                return "PermissionEdit";
+            };
+
+            $scope.getItemId = function(item)
+            {
+                return item.Name;
+            };
     }]);

luticate/css/app.less

@@ -50,4 +50,8 @@ footer {
 
 .modal-header {
   font-weight: bold;
+}
+
+.input-permission-name {
+  text-transform: uppercase;
 }

luticate/index.html

@@ -34,6 +34,7 @@
     <script src="../bower_components/luticate-auth/src/luticateauth.js"></script>
     <script src="../bower_components/luticate-auth/src/users.js"></script>
     <script src="../bower_components/luticate-auth/src/groups.js"></script>
+    <script src="../bower_components/luticate-auth/src/permissions.js"></script>
     <script src="../bower_components/luticate-auth/src/cache.js"></script>
 
     <!-- scripts -->
@@ -50,6 +51,7 @@
     <!-- Modal Controller -->
     <script src="controllers/modals/useredit.controller.js"></script>
     <script src="controllers/modals/groupedit.controller.js"></script>
+    <script src="controllers/modals/permissionedit.controller.js"></script>
 
     <!-- SDK -->
     <script src="../sdk/cache.js"></script>

luticate/views/modals/permissionedit.html

@@ -0,0 +1,20 @@
+<dialog-ok-cancel title="{{ permission.IsNew ? 'Add' : 'Edit'}} permission {{ permission.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 input-permission-name" ng-model="permission.Name" required ng-disabled="!permission.IsNew"/>
+        </div>
+    </div>
+    <div class="form-group">
+        <label class="col-sm-2 control-label">Allowed</label>
+        <div class="col-sm-9">
+            <div class="btn-group">
+                <a class="btn btn-default dropdown-toggle btn-select" data-toggle="dropdown" href="">{{ permission.Value ? 'Yes' : 'No' }} <span class="caret"></span></a>
+                <ul class="dropdown-menu">
+                    <li><a href="" ng-click="permission.Value = false">No</a></li>
+                    <li><a href="" ng-click="permission.Value = true">Yes</a></li>
+                </ul>
+            </div>
+        </div>
+    </div>
+</dialog-ok-cancel>

luticate/views/permissions.html

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