ui fixes

bower.json

@@ -12,10 +12,11 @@
     "angular-ui-router": "0.2.x",
     "bootstrap": "3.3.x",
     "less": "1.7.x",
-    "luticate-utils": "https://git.rthoni.com/repos/luticate-front/utils.git#0.1.0",
-    "luticate-auth": "https://git.rthoni.com/repos/luticate-front/auth.git#0.1.0",
+    "luticate-utils": "https://git.rthoni.com/repos/luticate-front/utils.git#0.1.x",
+    "luticate-auth": "https://git.rthoni.com/repos/luticate-front/auth.git#0.1.x",
     "angular-dialog-service": "~5.2.8",
     "ngSanitize": "~0.0.2",
-    "angular-ui-validate": "~1.2.1"
+    "angular-ui-validate": "~1.2.1",
+    "flat-ui": "~2.2.2"
   }
 }

index.html

@@ -8,11 +8,19 @@
     <!-- build:css css/css.css -->
     <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
     <link rel="stylesheet" href="bower_components/luticate-utils/src/lubusy.css">
-    <link rel="stylesheet" href="bower_components/luticate-utils/src/lubasictable.css">
     <link rel="stylesheet" href="bower_components/luticate-utils/src/lupickertable.css">
+    <link rel="stylesheet" href="bower_components/flat-ui/dist/css/flat-ui.css">
     <link rel="stylesheet/less" href="css/app.less">
     <!-- endbuild -->
 
+    <!-- build:remove -->
+    <script>
+        less = {
+            async: true
+        };
+    </script>
+    <!-- endbuild -->
+
     <!-- build:js app.js -->
     <!-- bower component -->
     <script src="bower_components/jquery/dist/jquery.js"></script>

views/home.html

@@ -56,7 +56,7 @@
             </div>
 
             <div class="form-group col-sm-12">
-                <button class="btn btn-default">Edit</button>
+                <button class="btn btn-primary">Edit</button>
             </div>
         </form>
     </div>

views/login.html

@@ -13,7 +13,7 @@
 
                 <br />
                 <div class="col-sm-12 center-block">
-                    <button type="submit" class="btn btn-default center-block">Login</button>
+                    <button type="submit" class="btn btn-primary center-block">Login</button>
                 </div>
 
                 <br />

views/modals/groupedit.html

@@ -2,16 +2,16 @@
     <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="group.Name" required lu-enable-permission="{{ permission }}"/>
+            <input autofocus id="name" class="form-control" ng-model="group.Name" required lu-enable-permission="{{ permission }}"/>
         </div>
     </div>
     <div class="form-group">
         <div class="col-sm-2"></div>
-        <button type="button" class="btn btn-default"
+        <button type="button" class="btn btn-primary"
                 ng-click="editPermissions(group)" ng-show="canEditPermissions()">
             Edit permissions
         </button>
-        <button type="button" class="btn btn-default"
+        <button type="button" class="btn btn-primary"
                 ng-click="editUsers(group)" ng-show="canEditUsers()">
             Edit users
         </button>

views/modals/permissionedit.html

@@ -2,14 +2,14 @@
     <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"/>
+            <input autofocus 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">
-                <button class="btn btn-default dropdown-toggle btn-select" data-toggle="dropdown" href="" lu-enable-permission="{{ neededPermission }}">
+                <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">

views/modals/useredit.html

@@ -2,7 +2,7 @@
     <div class="form-group">
         <label for="username" class="col-sm-2 control-label">Username</label>
         <div class="col-sm-9">
-            <input id="username" class="form-control" ng-model="user.Username" ng-readonly="user.Id != null" required/>
+            <input autofocus id="username" class="form-control" ng-model="user.Username" ng-readonly="user.Id != null" required/>
         </div>
     </div>
 
@@ -53,11 +53,11 @@
 
     <div class="form-group">
         <div class="col-sm-2"></div>
-        <button type="button" class="btn btn-default"
+        <button type="button" class="btn btn-primary"
                 ng-click="editPermissions(user)" ng-show="canEditPermissions()">
             Edit permissions
         </button>
-        <button type="button" class="btn btn-default" lu-show-permission="LU_PERM_EFFECTIVE_GET,LU_PERM_GET"
+        <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>

views/navbar.html

@@ -15,9 +15,9 @@
         <!-- Collect the nav links, forms, and other content for toggling -->
         <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
             <ul class="nav navbar-nav navbar-left">
-                <li><a ui-sref="users" lu-show-permission="LU_USER_GET">Users</a></li>
-                <li><a ui-sref="groups" lu-show-permission="LU_GROUP_GET">Groups</a></li>
-                <li><a ui-sref="permissions" lu-show-permission="LU_PERM_GET">Permissions</a></li>
+                <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><a ui-sref="test" >Test</a></li>-->
             </ul>
             <ul class="nav navbar-nav navbar-right">