item picker test

luticate/controllers/test.controller.js

@@ -52,14 +52,12 @@ angular.module('luticate')
                     console.log(item, checked);
                 },
 
-                getLoadPagePromise: function (page, perPage, promise) {
+                getLoadPagePromise: function (page, perPage, promise)
+                {
                     return luticateAuthUsers.getAll({page: page, perPage: perPage}, promise);
-                },
-
-                luBusy: "luBasicTable"
+                }
             };
 
-
             $scope.luEditTable = {
                 columns: [
                     {
@@ -92,21 +90,18 @@ angular.module('luticate')
                 onItemClicked: function(item)
                 {
                     console.log("edit clicked", item);
-                    return false;
                 },
 
                 onItemChecked: function(item, checked)
                 {
                     console.log("edit checked", item, checked);
-                    return false;
                 },
 
-                getLoadPagePromise: function (page, perPage, promise) {
+                getLoadPagePromise: function (page, perPage, promise)
+                {
                     return luticateAuthUsers.getAll({page: page, perPage: perPage}, promise);
                 },
 
-                luBusy: "luEditTable",
-
 
 
                 getDelPromise: function (id, promise) {
@@ -144,4 +139,59 @@ angular.module('luticate')
                     return true;
                 }
             };
+
+            $scope.luUserPicker = {
+                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)
+                {
+                    console.log("user clicked", item);
+                },
+
+                onItemChecked: function(item, checked)
+                {
+                    console.log("user checked", item, checked);
+                },
+
+                getLoadPagePromise: function(page, perPage, promise)
+                {
+                    return luticateAuthUsers.getAll({page: page, perPage: perPage}, promise);
+                },
+
+                onPageChanged: function()
+                {
+                    console.log("user page", $scope.luUserPicker.page);
+                },
+
+                getItemText: function(item)
+                {
+                    return item.Username;
+                }
+            };
     }]);

luticate/index.html

@@ -29,7 +29,7 @@
     <script src="../bower_components/luticate-utils/src/lubusy.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/lupickertable.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>

luticate/views/itempicker.html

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

luticate/views/lupickertable.html

@@ -0,0 +1,6 @@
+<div class="col-sm-3">
+    <div ng-repeat="item in pickerOptions.pickedItems">
+        {{ pickerOptions.getItemText(item) }}
+    </div>
+</div>
+<lu-basic-table options="pickerOptions" class="col-sm-9"></lu-basic-table>

luticate/views/modals/userpicker.html

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

luticate/views/test.html

@@ -1,4 +1,5 @@
 <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>
+    <!--<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>-->
+    <lu-picker-table options="luUserPicker" class="row col-sm-8 col-sm-offset-2"></lu-picker-table>
 </div>

luticate/views/users.html

@@ -1,4 +1,4 @@
 <!-- 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-8 col-sm-offset-2"></lu-edit-table>
 </div>