ui fixes

src/lubasictable.css

-.lu-basic-table-pagination-current {
-    font-weight: bold;
-}
-
-.lu-basic-table-pagination-not-current {
-
-}

src/lubasictable.js

                 link: function ($scope, element, attrs) {
                     $scope.items = [];
                     $scope.pages = [];
+                    $scope.maxPage = 1;
 
                     $scope.tableOptions = $scope.options();
                     $scope.tableOptions.luBasicTableScope = $scope;
                     }
 
                     $scope.loadPage = function (page) {
+                        if (page < 0 || page >= $scope.maxPage) {
+                            return;
+                        }
                         $scope.tableOptions.checkedItems = [];
                         var promiseLoadItems = {
                             id: "promiseLoadItems_" + $scope.$id,
                                 $scope.tableOptions.page = page;
                                 $scope.items = items;
                                 $scope.pages = [];
+                                $scope.maxPage = Math.max(items.Count / $scope.tableOptions.perPage, 1);
                                 var start = Math.max(0, $scope.tableOptions.page - 5);
-                                var end = Math.min(start + 10, (items.Count / $scope.tableOptions.perPage)
-                                    + (items.Count % $scope.tableOptions.perPage == 0 ? -1 : 0));
+                                var end = Math.min(start + 10, $scope.maxPage);
                                 for (var i = start; i < end; ++i) {
                                     $scope.pages.push(i);
                                 }
 '</tbody>' +
 '</table>' +
 
-'<div class="col-sm-12 text-center">' +
-'    <a class="{{ p == tableOptions.page ? \'lu-basic-table-pagination-current\' : \'lu-basic-table-pagination-not-current\'}}"' +
-        'href="" ng-repeat="p in pages" ng-click="loadPage(p)">{{ p + 1 }}&nbsp;</a>' +
-'</div>' +
+        '<div class="col-sm-12 text-center">' +
+'<div class="pagination"><ul>' +
+'    <li class="previous">' +
+'        <a href="" class="fui-arrow-left" ng-click="loadPage(tableOptions.page - 1)"></a></li>' +
+'    <li ng-repeat="p in pages" ng-class="{ \'active\' : p == tableOptions.page}">' +
+'        <a href="" ng-click="loadPage(p)">{{ p + 1 }}</a></li>' +
+'    <li class="next">' +
+'        <a href="" class="fui-arrow-right" ng-click="loadPage(tableOptions.page + 1)"></a></li>' +
+'</ul></div></div>' +
 '    </div>');
 }]);

src/lupermissionsedit.js

     $templateCache.put('/luticate/lupermissionedit.html', '<div class="col-sm-12">' +
 '        <div class="form-group col-sm-12"  lu-busy="permissionList">' +
 '    <div class="col-sm-6" ng-repeat="permission in permissions" lu-busy="{group: \'permission_\' + permission.Name}">' +
-'    <label class="col-sm-6 control-label">{{ permission.Name }}</label>' +
+'    <label class="col-sm-6 control-label" title="{{ permission.Name }}">{{ permission.Name }}</label>' +
 '<div class="col-sm-6">' +
 '    <div class="btn-group">' +
-'    <button class="btn btn-default dropdown-toggle btn-select" data-toggle="dropdown" href="" lu-enable-permission="{{ luModelOptions.permissions.edit }}">' +
+'    <button class="btn btn-primary dropdown-toggle btn-select" data-toggle="dropdown" href="" lu-enable-permission="{{ luModelOptions.permissions.edit }}">' +
 '    {{ permission.Value ? \'Allow\' : \'Disallow\' }} <span class="caret"></span>' +
 '    </button>' +
 '    <ul class="dropdown-menu">' +
 '</ul>' +
 '</div>' +
 '<div class="btn-group">' +
-'    <button type="button" class="btn btn-default" ng-click="delPermission(permission)" lu-show-permission="{{ luModelOptions.permissions.del }}">' +
+'    <button type="button" class="btn btn-danger" ng-click="delPermission(permission)" lu-show-permission="{{ luModelOptions.permissions.del }}">' +
 '    <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>' +
 '    </button>' +
 '    </div>' +
 '    <div class="clearfix"></div>' +
 '    <div class="col-sm-12" lu-busy="permission_add" lu-show-permission="{{ luModelOptions.permissions.add }}">' +
 '    <div class="btn-group">' +
-'    <button class="btn btn-default dropdown-toggle btn-select" data-toggle="dropdown" href="">' +
+'    <button class="btn btn-primary dropdown-toggle btn-select" data-toggle="dropdown" href="">' +
 '    {{ tmpPermission.Name }} <span class="caret"></span>' +
 '    </button>' +
 '    <ul class="dropdown-menu">' +
 '</ul>' +
 '</div>' +
 '<div class="btn-group">' +
-'    <button class="btn btn-default dropdown-toggle btn-select" data-toggle="dropdown" href="">' +
+'    <button class="btn btn-primary dropdown-toggle btn-select" data-toggle="dropdown" href="">' +
 '    {{ tmpPermission.Value ? \'Allow\' : \'Disallow\' }} <span class="caret"></span>' +
 '    </button>' +
 '    <ul class="dropdown-menu">' +
 '<li><a href="" ng-click="tmpPermission.Value = true">Allow</a></li>' +
 '</ul>' +
 '</div>' +
-'<button type="button" class="btn btn-default" ng-click="addPermission(tmpPermission)" ng-disabled="allPermissionsCleared.length == 0">' +
+'<button type="button" class="btn btn-primary" ng-click="addPermission(tmpPermission)" ng-disabled="allPermissionsCleared.length == 0">' +
 '    <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Add' +
 '    </button>' +
 '    </div>' +

src/modals/dialogclose.js

              '</span>' +*/
         '</div>' +
         '<div class="modal-footer">' +
-        '    <button type="button" class="btn btn-default" ng-click="__close()">Close</button>' +
+        '    <button type="button" class="btn btn-inverse" ng-click="__close()">Close</button>' +
         '    </div>' +
         '    </div>')
 }]);

src/modals/dialogerrorhelper.js

         '        <div class="clearfix"></div>' +
         '        </div>' +
         '        <div class="modal-footer">' +
-        '        <button type="submit" class="btn btn-pink" ng-click="$close()" ng-show="!showLogin">Close</button>' +
-        '        <button type="submit" class="btn btn-default" ng-click="$close()" ng-show="showLogin">Cancel</button>' +
-        '        <button type="button" class="btn btn-pink" ng-click="reconnect()" ng-show="showLogin">Login</button>' +
+        '        <button type="submit" class="btn btn-inverse" ng-click="$close()" ng-show="!showLogin">Close</button>' +
+        '        <button type="submit" class="btn btn-inverse" ng-click="$close()" ng-show="showLogin">Cancel</button>' +
+        '        <button type="button" class="btn btn-primary" ng-click="reconnect()" ng-show="showLogin">Login</button>' +
         '        </div>' +
         '        </div>')
 }]);

src/modals/dialogokcancel.js

 '</span>' +*/
 '</div>' +
 '<div class="modal-footer">' +
-'    <button type="button" class="btn btn-default" ng-click="__cancel()">Cancel</button>' +
+'    <button type="button" class="btn btn-inverse" ng-click="__cancel()">Cancel</button>' +
 '    <button type="submit" class="btn btn-primary" ng-enabled="!pending">OK</button>' +
 '    </div>' +
 '    </form>' +