settings get/add/edit/del

app.js

@@ -46,6 +46,12 @@ luticate.config(['$stateProvider', '$urlRouterProvider', '$httpProvider',
             controller:'PermissionsController'
         });
 
+        $stateProvider.state('settings',{
+            url:'/settings',
+            templateUrl:'views/settings.html',
+            controller:'SettingsController'
+        });
+
         $stateProvider.state('test',{
             url:'/test',
             templateUrl:'views/test.html',

controllers/modals/settingedit.controller.js

@@ -0,0 +1,86 @@
+/**
+ * Created by robin on 11/4/15.
+ */
+
+angular.module('luticate')
+    .controller('SettingEditController', ['$scope', 'luticateAuthSettings', 'data', 'luticateAuthCache', '$q',
+        function($scope, luticateAuthSettings, data, luticateAuthCache, $q) {
+            if (data != null) {
+                $scope.setting = data;
+                $scope.setting.IsNew = false;
+                $scope.neededPermission = "LU_SETTING_EDIT";
+            }
+            else {
+                $scope.setting = {
+                    "Name": "",
+                    "Type": "string",
+                    "Value": "",
+                    "IsBlocked": true,
+                    "IsAdmin": true,
+                    "IsNew": true
+                };
+                $scope.neededPermission = "LU_SETTING_ADD";
+            }
+
+            $scope.types = [
+                "string",
+                "int",
+                "float",
+                "bool",
+                "object"
+            ];
+
+            $scope.setType = function(type)
+            {
+                if ($scope.setting.Type == type)
+                {
+                    return;
+                }
+                $scope.setting.Type = type;
+                if (type == 'int' || type == 'float')
+                {
+                    $scope.setting.Value = 0;
+                }
+                else if (type == 'string')
+                {
+                    $scope.setting.Value = "";
+                }
+                else if (type == 'bool')
+                {
+                    $scope.setting.Value = true;
+                }
+                else if (type == 'object')
+                {
+                    $scope.setting.Value = {};
+                }
+            };
+
+            $scope.submitForm = function()
+            {
+                $scope.setting.Name = $scope.setting.Name.toUpperCase();
+                if (!$scope.setting.IsNew) {
+                    if (luticateAuthCache.hasEffectivePermission("LU_SETTING_EDIT")) {
+                        var promiseEditSetting = {
+                            id: "promiseEditSetting",
+                            loaderGroups: ["modal"]
+                        };
+                        return luticateAuthSettings.edit({
+                            setting_name: $scope.setting.Name,
+                            setting: $scope.setting
+                        }, promiseEditSetting);
+                    }
+                    else {
+                        var defer = $q.defer();
+                        defer.resolve();
+                        return defer.promise;
+                    }
+                }
+                else {
+                    var promiseAddSetting = {
+                        id: "promiseAddSetting",
+                        loaderGroups: ["modal"]
+                    };
+                    return luticateAuthSettings.add($scope.setting, promiseAddSetting);
+                }
+            }
+        }]);

controllers/settings.controller.js

@@ -0,0 +1,65 @@
+angular.module('luticate')
+    .controller('SettingsController', ['$scope', 'luticateAuthSettings',
+        function($scope, luticateAuthSettings) {
+
+            $scope.luTable = {
+                columns: [
+                    {
+                        name: "Name",
+                        width: 3,
+                        getValue: function (item) {
+                            return item.Name;
+                        }
+                    }, {
+                        name: "Type",
+                        width: 1,
+                        getValue: function (item) {
+                            return item.Type;
+                        }
+                    }, {
+                        name: "Blocked",
+                        width: 1,
+                        getValue: function (item) {
+                            return item.IsBlocked ? "Yes" : "No";
+                        }
+                    }, {
+                        name: "Admin",
+                        width: 1,
+                        getValue: function (item) {
+                            return item.IsAdmin ? "Yes" : "No";
+                        }
+                    }, {
+                        name: "Value",
+                        width: 6,
+                        getValue: function (item) {
+                            return item.Value;
+                        }
+                    }
+                ],
+
+                canAdd: 'LU_SETTING_ADD',
+
+                canDel: 'LU_SETTING_DEL',
+
+                canEdit: function()
+                {
+                    return true;
+                },
+
+                getLoadPagePromise: function (page, perPage, query, promise) {
+                    return luticateAuthSettings.getAll({page: page, perPage: perPage, query: query}, promise);
+                },
+
+                getDelPromise: function (id, promise) {
+                    return luticateAuthSettings.del({setting_name: id}, promise);
+                },
+
+                getEditController: function () {
+                    return "SettingEdit";
+                },
+
+                getItemId: function (item) {
+                    return item.Name;
+                }
+            }
+    }]);

css/app.less

@@ -2,6 +2,14 @@ body {
   padding-top: 70px;
 }
 
+/**
+========================================================
+**/
+
+.navbar-brand {
+  padding-right: 42px;
+}
+
 .caption {
   height: 100%;
   overflow: hidden;

index.html

@@ -49,6 +49,7 @@
     <script src="controllers/users.controller.js"></script>
     <script src="controllers/groups.controller.js"></script>
     <script src="controllers/permissions.controller.js"></script>
+    <script src="controllers/settings.controller.js"></script>
     <script src="controllers/test.controller.js"></script>
 
     <!-- Modal Controller -->
@@ -60,6 +61,7 @@
     <script src="controllers/modals/groupusersadd.controller.js"></script>
     <script src="controllers/modals/grouppermissions.controller.js"></script>
     <script src="controllers/modals/groupusers.controller.js"></script>
+    <script src="controllers/modals/settingedit.controller.js"></script>
 
     <!-- SDK -->
     <script src="sdk/cache.js"></script>

views/groups.html

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

views/modals/settingedit.html

@@ -0,0 +1,73 @@
+<dialog-ok-cancel title="{{ setting.IsNew ? 'Add' : 'Edit'}} setting {{ setting.Name }}">
+    <div class="form-group">
+        <label for="name" class="col-sm-2 control-label">Name</label>
+        <div class="col-sm-9">
+            <input autofocus id="name" class="form-control input-permission-name" ng-model="setting.Name" required ng-disabled="!setting.IsNew"/>
+        </div>
+    </div>
+    <div class="form-group">
+        <label class="col-sm-2 control-label">Blocked</label>
+        <div class="col-sm-9">
+            <div class="btn-group">
+                <button type="button" class="btn btn-primary dropdown-toggle btn-select" data-toggle="dropdown" href="" lu-enable-permission="{{ neededPermission }}">
+                    {{ setting.IsBlocked ? 'Yes' : 'No' }} <span class="caret"></span>
+                </button>
+                <ul class="dropdown-menu">
+                    <li><a href="" ng-click="setting.IsBlocked = false">No</a></li>
+                    <li><a href="" ng-click="setting.IsBlocked = true">Yes</a></li>
+                </ul>
+            </div>
+        </div>
+    </div>
+    <div class="form-group">
+        <label class="col-sm-2 control-label">Admin</label>
+        <div class="col-sm-9">
+            <div class="btn-group">
+                <button type="button" class="btn btn-primary dropdown-toggle btn-select" data-toggle="dropdown" href="" lu-enable-permission="{{ neededPermission }}">
+                    {{ setting.IsAdmin ? 'Yes' : 'No' }} <span class="caret"></span>
+                </button>
+                <ul class="dropdown-menu">
+                    <li><a href="" ng-click="setting.IsAdmin = false">No</a></li>
+                    <li><a href="" ng-click="setting.IsAdmin = true">Yes</a></li>
+                </ul>
+            </div>
+        </div>
+    </div>
+    <div class="form-group">
+        <label class="col-sm-2 control-label">Type</label>
+        <div class="col-sm-9">
+            <div class="btn-group">
+                <button type="button" class="btn btn-primary dropdown-toggle btn-select" data-toggle="dropdown"
+                        href="" lu-enable-permission="{{ neededPermission }}" ng-disabled="!setting.IsNew">
+                    {{ setting.Type }} <span class="caret"></span>
+                </button>
+                <ul class="dropdown-menu">
+                    <li ng-repeat="type in types"><a href="" ng-click="setType(type)">{{ type }}</a></li>
+                </ul>
+            </div>
+        </div>
+    </div>
+    <div class="form-group">
+        <label class="col-sm-2 control-label" for="Value">Value</label>
+        <div class="col-sm-9">
+            <textarea id="Value" ng-model="setting.Value" ng-if="setting.Type == 'string'"
+                      class="form-control" lu-enable-permission="{{ neededPermission }}"></textarea>
+
+            <input id="Value" ng-model="setting.Value" ng-if="setting.Type == 'int' || setting.Type == 'float'"
+                   class="form-control" type="number" required lu-enable-permission="{{ neededPermission }}" />
+
+            <div class="col-sm-9" ng-if="setting.Type == 'object'">{{ setting.Value }}</div>
+
+            <div class="btn-group" ng-if="setting.Type == 'bool'">
+                <button type="button" class="btn btn-primary dropdown-toggle btn-select" data-toggle="dropdown"
+                        href="" lu-enable-permission="{{ neededPermission }}">
+                    {{ setting.Value ? 'Yes' : 'No' }} <span class="caret"></span>
+                </button>
+                <ul class="dropdown-menu">
+                    <li><a href="" ng-click="setting.Value = false">No</a></li>
+                    <li><a href="" ng-click="setting.Value = true">Yes</a></li>
+                </ul>
+            </div>
+        </div>
+    </div>
+</dialog-ok-cancel>

views/navbar.html

@@ -18,6 +18,7 @@
                 <li ui-sref-active="active"><a ui-sref="users" lu-show-permission="LU_USER_GET">Users</a></li>
                 <li ui-sref-active="active"><a ui-sref="groups" lu-show-permission="LU_GROUP_GET">Groups</a></li>
                 <li ui-sref-active="active"><a ui-sref="permissions" lu-show-permission="LU_PERM_GET">Permissions</a></li>
+                <li ui-sref-active="active"><a ui-sref="settings" lu-show-permission="LU_SETTING_GET">Settings</a></li>
                 <!--<li><a ui-sref="test" >Test</a></li>-->
             </ul>
             <ul class="nav navbar-nav navbar-right">

views/permissions.html

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

views/settings.html

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

views/users.html

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