v0.1.2

css/app.less

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

views/groups.html

 <!-- 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/home.html

 <!-- Page Content -->
 <div class="container">
-    <div class="row co-sm-8 col-sm-offset-2" lu-busy="form">
-        <form name="form" ng-submit="submit()">
+    <div class="row col-sm-9 col-sm-offset-1" lu-busy="form">
+        <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">
                 </div>
             </div>
 
-            <div class="form-group col-sm-12">
-                <button class="btn btn-primary">Edit</button>
+            <div class="form-group">
+                <div class="col-sm-9 col-sm-offset-2">
+                    <button class="btn btn-primary btn-block">Edit</button>
+                </div>
             </div>
         </form>
     </div>

views/lupickertable.html

-<div class="col-sm-3">
-    Selected items:
-    <div ng-repeat="item in pickerOptions.pickedItems" ng-click="unPickItem(item)"
-         class="col-sm-12 lu-picker-table-picked-items">
-        {{ pickerOptions.getItemText(item) }}
-    </div>
-</div>
-<lu-basic-table options="pickerOptions" class="col-sm-9"></lu-basic-table>

views/modals/groupedit.html

         </div>
     </div>
     <div class="form-group">
-        <div class="col-sm-2"></div>
-        <button type="button" class="btn btn-primary"
-                ng-click="editPermissions(group)" ng-show="canEditPermissions()">
-            Edit permissions
-        </button>
-        <button type="button" class="btn btn-primary"
-                ng-click="editUsers(group)" ng-show="canEditUsers()">
-            Edit users
-        </button>
+        <div class="col-sm-9 col-sm-offset-2">
+            <div class="col-sm-6">
+                <button type="button" class="btn btn-primary btn-block"
+                        ng-click="editPermissions(group)" ng-show="canEditPermissions()">
+                    Edit permissions
+                </button>
+            </div>
+            <div class="col-sm-6">
+                <button type="button" class="btn btn-primary btn-block"
+                        ng-click="editUsers(group)" ng-show="canEditUsers()">
+                    Edit users
+                </button>
+            </div>
+        </div>
     </div>
 </dialog-ok-cancel>

views/modals/permissionedit.html

     <div class="form-group">
         <label class="col-sm-2 control-label">Allowed</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 }}">
-                    {{ permission.Value ? 'Yes' : 'No' }} <span class="caret"></span>
-                </button>
-                <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>
+            <button type="button" class="btn btn-primary dropdown-toggle btn-select btn-block" data-toggle="dropdown" href="" lu-enable-permission="{{ neededPermission }}">
+                <span class="pull-left">{{ permission.Value ? 'Yes' : 'No' }}</span>
+                <span class="caret pull-right"></span>
+            </button>
+            <ul class="dropdown-menu col-sm-12">
+                <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>
 </dialog-ok-cancel>

views/modals/settingedit.html

+<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">
+            <button type="button" class="btn btn-primary dropdown-toggle btn-select btn-block" data-toggle="dropdown" href="" lu-enable-permission="{{ neededPermission }}">
+                <span class="pull-left">{{ setting.IsBlocked ? 'Yes' : 'No' }}</span>
+                <span class="caret pull-right"></span>
+            </button>
+            <ul class="dropdown-menu col-sm-12">
+                <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 class="form-group">
+        <label class="col-sm-2 control-label">Admin</label>
+        <div class="col-sm-9">
+            <button type="button" class="btn btn-primary dropdown-toggle btn-select btn-block" data-toggle="dropdown" href="" lu-enable-permission="{{ neededPermission }}">
+                <span class="pull-left">{{ setting.IsAdmin ? 'Yes' : 'No' }}</span>
+                <span class="caret pull-right"></span>
+            </button>
+            <ul class="dropdown-menu col-sm-12">
+                <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 class="form-group">
+        <label class="col-sm-2 control-label">Type</label>
+        <div class="col-sm-9">
+            <button type="button" class="btn btn-primary dropdown-toggle btn-select btn-block" data-toggle="dropdown"
+                    href="" lu-enable-permission="{{ neededPermission }}" ng-disabled="!setting.IsNew">
+                <span class="pull-left">{{ setting.Type }}</span>
+                <span class="caret pull-right"></span>
+            </button>
+            <ul class="dropdown-menu col-sm-12">
+                <li ng-repeat="type in types"><a href="" ng-click="setType(type)">{{ type }}</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="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/modals/useredit.html

         </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

+<!-- 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>

views/navbar.html

                 <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

 <!-- 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

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

views/users.html

 <!-- 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>