begin lu edit/basic table changes

luticate/app.js

@@ -46,6 +46,12 @@ luticate.config(['$stateProvider', '$urlRouterProvider', '$httpProvider',
             controller:'PermissionsController'
         });
 
+        $stateProvider.state('test',{
+            url:'/test',
+            templateUrl:'views/test.html',
+            controller:'TestController'
+        });
+
         $urlRouterProvider.otherwise('/');
 
         $httpProvider.interceptors.push(['luticateAuthCache', '$injector', '$q',

luticate/controllers/modals/groupusers.controller.js

@@ -8,7 +8,7 @@ angular.module('luticate')
 
             $scope.group = data;
 
-            $scope.luTable = {
+            $scope.itemPicker = {
                 columns: [
                     {
                         name: "Username",
@@ -58,7 +58,15 @@ angular.module('luticate')
                 },
 
                 getEditController: function () {
-                    return null;
+                    return "UserPicker";
+                },
+
+                onEdited: function(item) {
+
+                },
+
+                onItemSelectionChanged: function(item, selected) {
+
                 },
 
                 displayItem: function(item, scope)

luticate/controllers/modals/userpicker.controller.js

@@ -0,0 +1,56 @@
+/**
+ * Created by robin on 11/6/15.
+ */
+
+angular.module('luticate')
+    .controller('UserPickerController', ['$scope', 'luticateAuthUsers', 'data', '$q', 'dialogs', 'luticateAuthCache',
+        function($scope, luticateAuthUsers, data, $q, dialogs, luticateAuthCache) {
+            $scope.selectedUsers = [];
+            $scope.userPicker = {
+                columns: [
+                    {
+                        name: "Username",
+                        width: 3,
+                        getValue: function (item) {
+                            return item.Username;
+                        }
+                    }, {
+                        name: "Email",
+                        width: 3,
+                        getValue: function (item) {
+                            return item.Email;
+                        }
+                    }, {
+                        name: "Firstname",
+                        width: 3,
+                        getValue: function (item) {
+                            return item.Firstname;
+                        }
+                    }, {
+                        name: "Lastname",
+                        width: 3,
+                        getValue: function (item) {
+                            return item.Lastname;
+                        }
+                    }
+                ],
+
+                permissions: {
+                    add: 'LU_USER_ADD',
+                    del: 'LU_USER_DEL',
+                    edit: 'LU_USER_EDIT'
+                },
+
+                getLoadPagePromise: function (page, perPage, promise) {
+                    return luticateAuthUsers.getAll({page: page, perPage: perPage}, promise);
+                },
+
+                getDelPromise: function (id, promise) {
+                    return luticateAuthUsers.del({user_id: id}, promise);
+                },
+
+                getEditController: function () {
+                    return "UserEdit";
+                }
+            };
+        }]);

luticate/controllers/test.controller.js

@@ -0,0 +1,153 @@
+angular.module('luticate')
+    .controller('TestController', ['$scope', 'luticateAuthUsers',
+        function($scope, luticateAuthUsers) {
+
+            $scope.luBasicTable = {
+                columns: [
+                    {
+                        name: "Username",
+                        width: 3,
+                        getValue: function (item) {
+                            return item.Username;
+                        }
+                    }, {
+                        name: "Email",
+                        width: 3,
+                        getValue: function (item) {
+                            return item.Email;
+                        }
+                    }, {
+                        name: "Firstname",
+                        width: 3,
+                        getValue: function (item) {
+                            return item.Firstname;
+                        }
+                    }, {
+                        name: "Lastname",
+                        width: 3,
+                        getValue: function (item) {
+                            return item.Lastname;
+                        }
+                    }
+                ],
+
+                canCheck: function()
+                {
+                    return true;
+                },
+
+                canClick: function()
+                {
+                    return false;
+                },
+
+                onItemClicked: function(item, scope)
+                {
+                    console.log(item);
+                    scope.toggleCheckedItem(item);
+                    return false;
+                },
+
+                onItemChecked: function(item, checked, scope)
+                {
+                    console.log(item, checked);
+                    return false;
+                },
+
+                getLoadPagePromise: function (page, perPage, promise) {
+                    return luticateAuthUsers.getAll({page: page, perPage: perPage}, promise);
+                },
+
+                luBusy: "luBasicTable"
+            };
+
+
+            $scope.luEditTable = {
+                columns: [
+                    {
+                        name: "Username",
+                        width: 3,
+                        getValue: function (item) {
+                            return item.Username;
+                        }
+                    }, {
+                        name: "Email",
+                        width: 3,
+                        getValue: function (item) {
+                            return item.Email;
+                        }
+                    }, {
+                        name: "Firstname",
+                        width: 3,
+                        getValue: function (item) {
+                            return item.Firstname;
+                        }
+                    }, {
+                        name: "Lastname",
+                        width: 3,
+                        getValue: function (item) {
+                            return item.Lastname;
+                        }
+                    }
+                ],
+
+                onItemClicked: function(item, scope)
+                {
+                    console.log("edit clicked", item);
+                    return false;
+                },
+
+                onItemChecked: function(item, checked, scope)
+                {
+                    console.log("edit checked", item, checked);
+                    return false;
+                },
+
+                getLoadPagePromise: function (page, perPage, promise) {
+                    return luticateAuthUsers.getAll({page: page, perPage: perPage}, promise);
+                },
+
+                luBusy: "luEditTable",
+
+
+
+                getDelPromise: function (id, promise) {
+                    console.log(promise);
+                    return luticateAuthUsers.del({user_id: id}, promise);
+                },
+
+                getEditController: function () {
+                    return "UserEdit";
+                },
+
+                onItemDeleted: function(item, scope)
+                {
+                    console.log("edit removed", item);
+                },
+
+                onItemEdited: function(item, scope)
+                {
+                    console.log("edit edited", item);
+                },
+
+                onItemAdded: function(item, scope)
+                {
+                    console.log("edit added", item);
+                },
+
+                canDelete: function()
+                {
+                    return true;
+                },
+
+                canEdit: function()
+                {
+                    return true;
+                },
+
+                canAdd: function()
+                {
+                    return true;
+                }
+            };
+    }]);

luticate/index.html

@@ -27,7 +27,9 @@
     <script src="../bower_components/luticate-utils/src/promises.js"></script>
     <script src="../bower_components/luticate-utils/src/request.js"></script>
     <script src="../bower_components/luticate-utils/src/lubusy.js"></script>
-    <script src="../bower_components/luticate-utils/src/lutable.js"></script>
+    <script src="../bower_components/luticate-utils/src/lubasictable.js"></script>
+    <script src="../bower_components/luticate-utils/src/luedittable.js"></script>
+    <script src="../bower_components/luticate-utils/src/luitempicker.js"></script>
     <script src="../bower_components/luticate-utils/src/lupermissionsedit.js"></script>
     <script src="../bower_components/luticate-utils/src/luhaspermission.js"></script>
     <script src="../bower_components/luticate-utils/src/modals/dialogerror.js"></script>
@@ -52,6 +54,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/test.controller.js"></script>
 
     <!-- Modal Controller -->
     <script src="controllers/modals/useredit.controller.js"></script>
@@ -59,6 +62,7 @@
     <script src="controllers/modals/permissionedit.controller.js"></script>
     <script src="controllers/modals/userpermissions.controller.js"></script>
     <script src="controllers/modals/usereffectivepermissions.controller.js"></script>
+    <script src="controllers/modals/userpicker.controller.js"></script>
     <script src="controllers/modals/grouppermissions.controller.js"></script>
     <script src="controllers/modals/groupusers.controller.js"></script>
 

luticate/views/itempicker.html

@@ -0,0 +1 @@
+<lu-basic-table options="pickerOptions"></lu-basic-table>

luticate/views/modals/groupusers.html

@@ -1,4 +1,4 @@
 <!-- Page Content -->
 <dialog-close title="Edit {{ group.Name }} users">
-    <lu-table options="luTable" class="row col-sm-8 col-sm-offset-2" ></lu-table>
+    <lu-table options="itemPicker" class="row col-sm-8 col-sm-offset-2" ></lu-table>
 </dialog-close>

luticate/views/modals/userpicker.html

@@ -0,0 +1,3 @@
+<dialog-close title="Select users">
+    <lu-item-picker options="userPicker" lu-model="selectedUsers"></lu-item-picker>
+</dialog-close>

luticate/views/navbar.html

@@ -18,6 +18,7 @@
                 <li><a href="#/users" lu-show-permission="LU_USER_GET">Users</a></li>
                 <li><a href="#/groups" lu-show-permission="LU_GROUP_GET">Groups</a></li>
                 <li><a href="#/permissions" lu-show-permission="LU_PERM_GET">Permissions</a></li>
+                <li><a href="#/test" >Test</a></li>
             </ul>
             <ul class="nav navbar-nav navbar-right">
                 <li><a href="" ng-click="logout()">Logout</a></li>

luticate/views/test.html

@@ -0,0 +1,4 @@
+<div class="container">
+    <!--<lu-basic-table options="luBasicTable" class="row col-sm-8 col-sm-offset-2" ></lu-basic-table>-->
+    <lu-edit-table options="luEditTable" class="row col-sm-8 col-sm-offset-2" ></lu-edit-table>
+</div>