settings ui

controllers/modals/settingedit.controller.js

@@ -15,8 +15,8 @@ angular.module('luticate')
                     "Name": "",
                     "Type": "string",
                     "Value": "",
-                    "IsBlocked": true,
-                    "IsAdmin": true,
+                    "IsBlocked": false,
+                    "IsAdmin": false,
                     "IsNew": true
                 };
                 $scope.neededPermission = "LU_SETTING_ADD";

controllers/modals/useredit.controller.js

@@ -101,8 +101,13 @@ angular.module('luticate')
                 dialogs.create('views/modals/usereffectivepermissions.html', 'UserEffectivePermissionsController', user);
             };
 
-            $scope.canEditPermissions = function()
+            $scope.editSettings = function(user)
             {
-                return $scope.user.Id != null && luticateAuthCache.hasEffectivePermission("LU_PERM_USER_GET");
-            }
+                dialogs.create('views/modals/usersettings.html', 'UserSettingsController', user);
+            };
+
+            $scope.showEffectiveSettings = function(user)
+            {
+                dialogs.create('views/modals/usereffectivesettings.html', 'UserEffectiveSettingsController', user);
+            };
         }]);

controllers/modals/usersettings.controller.js

@@ -0,0 +1,96 @@
+/**
+ * Created by robin on 11/2/15.
+ */
+
+angular.module('luticate')
+    .controller('UserSettingsController', ['$scope', 'luticateAuthSettingsUser', 'luticateAuthSettings', 'luticateAuthCache', 'luticateDialogErrorHelper', 'data',
+        function($scope, luticateAuthSettingsUser, luticateAuthSettings, luticateAuthCache, luticateDialogErrorHelper, data) {
+
+            $scope.user = data;
+
+            $scope.userSettings = {};
+            $scope.userEffectiveSettings = {};
+            $scope.tmpSetting = {
+                Value: "",
+                Type: "string",
+                Name: "",
+                IsBlocked: false
+            };
+
+            $scope.loadSettings = function()
+            {
+                var promiseLoadSettings = {
+                    id: "promiseLoadSettings",
+                    loaderGroups: ["modal"]
+                };
+
+                luticateAuthSettingsUser.getAll({user_id: $scope.user.Id}, promiseLoadSettings)
+                    .then(function (user_settings) {
+                        $scope.userEffectiveSettings = luticateAuthCache.getEffectiveSettings();
+                        $scope.userSettings = {};
+                        for (var i = 0; i < user_settings.Data.length; ++i) {
+                            var s = user_settings.Data[i];
+                            $scope.userSettings[s.Name] = s;
+                        }
+
+                        var settings = Object.keys($scope.userEffectiveSettings);
+                        if ($scope.userEffectiveSettings[$scope.tmpSetting.Name] != null) {
+                            $scope.setTmpSetting($scope.tmpSetting.Name);
+                        }
+                        else if (settings.length > 0) {
+                            $scope.setTmpSetting(settings[0]);
+                        }
+                    });
+            };
+
+            $scope.setTmpSetting = function(setting_name)
+            {
+                var setting = $scope.userEffectiveSettings[setting_name];
+                $scope.tmpSetting.Value = setting.Value;
+                $scope.tmpSetting.Type = setting.Type;
+                $scope.tmpSetting.Name = setting.Name;
+            };
+
+            $scope.editSetting = function(setting)
+            {
+                var promiseEditSettings = {
+                    id: "promiseEditSettings",
+                    loaderGroups: ["modal"]
+                };
+                luticateAuthSettingsUser.edit({
+                    user_id: $scope.user.Id,
+                    setting_name: setting.Name,
+                    setting: setting
+                }, promiseEditSettings).then($scope.loadFullSettings, luticateDialogErrorHelper.errorDialog);
+            };
+
+            $scope.resetSetting = function(setting)
+            {
+                setting.Value = null;
+                var promiseEditSettings = {
+                    id: "promiseEditSettings",
+                    loaderGroups: ["modal"]
+                };
+                luticateAuthSettingsUser.edit({
+                    user_id: $scope.user.Id,
+                    setting_name: setting.Name,
+                    setting: setting
+                }, promiseEditSettings).then($scope.loadFullSettings, luticateDialogErrorHelper.errorDialog);
+            };
+
+            $scope.loadFullSettings = function()
+            {
+                var promiseLoadSettings = {
+                    id: "promiseLoadSettings",
+                    loaderGroups: ["modal"]
+                };
+                luticateAuthSettings.loadSettings(promiseLoadSettings)
+                    .then(function()
+                    {
+                        $scope.loadSettings();
+                    }, luticateDialogErrorHelper.errorDialog);
+            };
+
+            $scope.loadSettings();
+
+        }]);

index.html

@@ -62,9 +62,9 @@
     <script src="controllers/modals/grouppermissions.controller.js"></script>
     <script src="controllers/modals/groupusers.controller.js"></script>
     <script src="controllers/modals/settingedit.controller.js"></script>
+    <script src="controllers/modals/usersettings.controller.js"></script>
 
     <!-- SDK -->
-    <script src="sdk/cache.js"></script>
 
     <!-- Directives -->
 

sdk/cache.js

@@ -1,11 +0,0 @@
-(function () {
-    'use strict';
-
-    angular.module('luticate')
-        .factory('ServiceCache', ['localStorageService', function (localStorageService) {
-
-            var ServiceCache = {};
-
-            return ServiceCache;
-        }]);
-})();

views/home.html

@@ -1,7 +1,7 @@
 <!-- Page Content -->
 <div class="container">
     <div class="row co-sm-8 col-sm-offset-2" lu-busy="form">
-        <form name="form" ng-submit="submit()">
+        <form name="form" ng-submit="submit()" class="form-horizontal">
             <div class="form-group">
                 <label for="email" class="col-sm-2 control-label">Email</label>
                 <div class="col-sm-9">

views/modals/useredit.html

@@ -51,15 +51,39 @@
         </div>
     </div>
 
-    <div class="form-group">
-        <div class="col-sm-2"></div>
-        <button type="button" class="btn btn-primary"
-                ng-click="editPermissions(user)" ng-show="canEditPermissions()">
-            Edit permissions
-        </button>
-        <button type="button" class="btn btn-info" lu-show-permission="LU_PERM_EFFECTIVE_GET,LU_PERM_GET"
-                ng-click="showEffectivePermissions(user)" ng-show="user.Id != null">
-            Show effective permissions
-        </button>
+    <div class="form-group" ng-show="user.Id != null">
+        <div class="col-sm-offset-2 col-sm-9">
+            <div class="col-sm-6">
+                <button type="button" class="btn btn-primary btn-block" ng-click="editPermissions(user)"
+                        lu-show-permission="LU_PERM_USER_GET">
+                    Edit permissions
+                </button>
+            </div>
+            <div class="col-sm-6">
+                <button type="button" class="btn btn-info btn-block" ng-click="showEffectivePermissions(user)"
+                        lu-show-permission="LU_PERM_EFFECTIVE_GET,LU_PERM_GET">
+                    Show effective permissions
+                </button>
+            </div>
+        </div>
+        <div class="clearfix"></div>
+    </div>
+
+    <div class="form-group" ng-show="user.Id != null">
+        <div class="col-sm-offset-2 col-sm-9">
+            <div class="col-sm-6">
+                <button type="button" class="btn btn-primary btn-block" ng-click="editSettings(user)"
+                        lu-show-permission="LU_SETTING_USER_GET">
+                    Edit settings
+                </button>
+            </div>
+            <div class="col-sm-6">
+                <button type="button" class="btn btn-info btn-block" ng-click="showEffectiveSettings(user)"
+                        lu-show-permission="LU_SETTING_EFFECTIVE_GET,LU_SETTING_GET">
+                    Show effective settings
+                </button>
+            </div>
+        </div>
+        <div class="clearfix"></div>
     </div>
 </dialog-ok-cancel>

views/modals/usersettings.html

@@ -0,0 +1,74 @@
+<!-- Page Content -->
+<dialog-close title="Edit {{ user.Username }} settings">
+
+    <div class="form-group">
+        <label class="col-sm-2 control-label">Name</label>
+        <div class="col-sm-9">
+            <button type="button" class="btn btn-primary dropdown-toggle btn-select btn-block" data-toggle="dropdown" href="">
+                <span class="pull-left">{{ tmpSetting.Name }} {{ userSettings[tmpSetting.Name] == null ? '' : '*' }}</span>
+                <span class="caret pull-right text-center"></span>
+            </button>
+            <ul class="dropdown-menu col-sm-12">
+                <li>
+                    <a href="" ng-repeat="setting in userEffectiveSettings" ng-click="setTmpSetting(setting.Name)">
+                        {{ setting.Name }} {{ userSettings[setting.Name] == null ? '' : '*' }}
+                    </a>
+                </li>
+            </ul>
+        </div>
+    </div>
+
+    <div class="form-group">
+        <label class="col-sm-2 control-label">Blocked</label>
+        <div class="col-sm-9">
+            <button type="button" class="btn btn-primary dropdown-toggle btn-select btn-block" data-toggle="dropdown" href="">
+                <span class="pull-left">{{ tmpSetting.IsBlocked ? 'Yes' : 'No' }}</span>
+                <span class="caret pull-right"></span>
+            </button>
+            <ul class="dropdown-menu col-sm-12">
+                <li><a href="" ng-click="tmpSetting.IsBlocked = false">No</a></li>
+                <li><a href="" ng-click="tmpSetting.IsBlocked = true">Yes</a></li>
+            </ul>
+        </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="tmpSetting.Value" ng-if="tmpSetting.Type == 'string'" class="form-control"
+                      ng-disabled="userEffectiveSettings.length == 0"></textarea>
+
+            <input id="Value" ng-model="tmpSetting.Value" ng-if="tmpSetting.Type == 'int' || tmpSetting.Type == 'float'"
+                   class="form-control" type="number" required ng-disabled="userEffectiveSettings.length == 0"/>
+
+            <div class="col-sm-9" ng-if="tmpSetting.Type == 'object'" ng-disabled="userEffectiveSettings.length == 0">{{ tmpSetting.Value }}</div>
+
+            <div class="btn-group" ng-if="tmpSetting.Type == 'bool'">
+                <button type="button" class="btn btn-primary dropdown-toggle btn-select" data-toggle="dropdown" href=""
+                        ng-disabled="userEffectiveSettings.length == 0">
+                    {{ tmpSetting.Value ? 'Yes' : 'No' }} <span class="caret"></span>
+                </button>
+                <ul class="dropdown-menu">
+                    <li><a href="" ng-click="tmpSetting.Value = false">No</a></li>
+                    <li><a href="" ng-click="tmpSetting.Value = true">Yes</a></li>
+                </ul>
+            </div>
+        </div>
+    </div>
+
+    <div class="form-group">
+        <div class="col-sm-9 col-sm-offset-2">
+            <div class="col-sm-6">
+                <button type="button" class="btn btn-primary btn-block" href="" ng-click="editSetting(tmpSetting)">
+                    Save
+                </button>
+            </div>
+            <div class="col-sm-6">
+                <button type="button" class="btn btn-danger btn-block" href="" ng-click="resetSetting(tmpSetting)">
+                    Reset
+                </button>
+            </div>
+        </div>
+    </div>
+
+</dialog-close>