item picker

src/lubasictable.js

@@ -52,7 +52,7 @@ angular.module('luticateUtils')
                     if ($scope.tableOptions.canClick == null) {
                         $scope.tableOptions.canClick = function()
                         {
-                            return true;
+                            return false;
                         }
                     }
                     var onItemClicked = $scope.tableOptions.onItemClicked;
@@ -67,6 +67,11 @@ angular.module('luticateUtils')
                         {
                         }
                     }
+                    if (!$scope.tableOptions.onPageChanged) {
+                        $scope.tableOptions.onPageChanged = function()
+                        {
+                        };
+                    }
                     if (!$scope.tableOptions.getItemId) {
                         $scope.tableOptions.getItemId = function(item)
                         {
@@ -91,12 +96,21 @@ angular.module('luticateUtils')
                                 for (var i = start; i < end; ++i) {
                                     $scope.pages.push(i);
                                 }
+                                $scope.tableOptions.onPageChanged();
                             }, function (error) {
                             });
                     };
 
                     $scope.toggleCheckedItem = function (item) {
                         var id = $scope.tableOptions.getItemId(item);
+                        $scope.toggleCheckedId(id, item);
+                    };
+
+                    $scope.toggleCheckedId = function (id, item) {
+                        item = item || $scope.items.Data.find(function(item)
+                        {
+                            return $scope.tableOptions.getItemId(item) == id;
+                        });
                         var idx = $scope.tableOptions.checkedItems.indexOf(id);
                         if (idx > -1) {
                             $scope.tableOptions.onItemChecked(item, false);
@@ -108,15 +122,27 @@ angular.module('luticateUtils')
                         }
                     };
 
+                    $scope.unCheckAll = function()
+                    {
+                        while ($scope.tableOptions.checkedItems.length != 0) {
+                            $scope.toggleCheckedId($scope.tableOptions.checkedItems[0]);
+                        }
+                    };
+
+                    $scope.checkAll = function()
+                    {
+                        $scope.unCheckAll();
+                        for (var i = 0; i < $scope.items.Data.length; ++i) {
+                            $scope.toggleCheckedItem($scope.items.Data[i]);
+                        }
+                    };
+
                     $scope.toggleCheckAll = function () {
                         if ($scope.tableOptions.checkedItems.length == $scope.items.Data.length) {
-                            $scope.tableOptions.checkedItems = [];
+                            $scope.unCheckAll();
                         }
                         else {
-                            $scope.tableOptions.checkedItems = [];
-                            for (var i = 0; i < $scope.items.Data.length; ++i) {
-                                $scope.tableOptions.checkedItems.push($scope.tableOptions.getItemId($scope.items.Data[i]));
-                            }
+                            $scope.checkAll();
                         }
                     };
 

src/luedittable.js

@@ -14,6 +14,7 @@ angular.module('luticateUtils')
                 link: function ($scope, element, attrs) {
 
                     $scope.tableOptions = $scope.options();
+                    $scope.tableOptions.luEditTableScope = $scope;
 
                     if ($scope.tableOptions.onItemDeleted == null) {
                         $scope.tableOptions.onItemDeleted = function(item)

src/luitempicker.js

@@ -1,65 +0,0 @@
-/**
- * Created by robin on 11/6/15.
- */
-
-
-angular.module('luticateUtils')
-    .directive('luItemPicker', ['dialogs', 'luticateDialogErrorHelper',
-        function(dialogs, luticateDialogErrorHelper) {
-            return {
-                restrict: 'E',
-                scope: {
-                    options: '&',
-                    luModel: '&'
-                },
-                templateUrl: "views/itempicker.html",//"/luticate/luitempicker.html",
-                link: function ($scope, element, attrs) {
-                    $scope.selectedItems = $scope.luModel();
-
-                    $scope.pickerOptions = $scope.options();
-
-
-                }
-            };
-        }
-    ]);
-
-angular.module('luticateUtils').run(['$templateCache', function($templateCache)
-{
-    $templateCache.put('/luticate/luitempicker.html', '<div lu-busy="itemList">' +
-        '        <table class="col-sm-12 table table-hover">' +
-        '    <thead>' +
-        '    <tr>' +
-        '    <th lu-show-permission="{{ tableOptions.permissions.del }}">' +
-        '    <input type="checkbox" ng-click="toggleSelectAll()"' +
-        '    ng-checked="selectedItems.length == items.Data.length && items.Data.length != 0">' +
-        '        </th>' +
-        '        <th class="col-sm-{{ col.width }}" ng-repeat="col in tableOptions.columns">{{ col.name }}</th>' +
-        '</tr>' +
-        '</thead>' +
-        '<tbody>' +
-        '<tr ng-repeat="item in items.Data" style="cursor: pointer" ng-click="displayItem(item)">' +
-        '    <td lu-show-permission="{{ tableOptions.permissions.del }}">' +
-        '    <input name="selectedItems[]" type="checkbox" ng-checked="isItemChecked(item)"' +
-        '   ng-click="$event.stopPropagation();toggleSelectedItem(item)" >' +
-        '        </td>' +
-        '        <td ng-repeat="col in tableOptions.columns">{{ col.getValue(item) }}</td>' +
-        '</tr>' +
-        '</tbody>' +
-        '</table>' +
-
-        '<div class="col-sm-12 text-center">' +
-        '    <a class="{{ p == page ? \'pagination-current\' : \'pagination-not-current\'}}" href="" ng-repeat="p in pages" ng-click="loadPage(p)">{{ p + 1 }}&nbsp;</a>' +
-        '</div>' +
-
-        '<div class="col-sm-12">' +
-        '    <button class="btn btn-default" type="button" ng-click="removeItems()"' +
-        'ng-disabled="selectedItems.length == 0" lu-show-permission="{{ tableOptions.permissions.del }}">' +
-        '    <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Remove' +
-        '    </button>' +
-        '    <button class="btn btn-default" type="button" ng-click="addItem()" lu-show-permission="{{ tableOptions.permissions.add }}">' +
-        '    <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Add' +
-        '    </button>' +
-        '    </div>' +
-        '    </div>');
-}]);

src/lupickertable.js

@@ -0,0 +1,87 @@
+/**
+ * Created by robin on 11/6/15.
+ */
+
+
+angular.module('luticateUtils')
+    .directive('luPickerTable', ['dialogs', 'luticateDialogErrorHelper',
+        function(dialogs, luticateDialogErrorHelper) {
+            return {
+                restrict: 'E',
+                scope: {
+                    options: '&'
+                },
+                templateUrl: "views/lupickertable.html",//"/luticate/lupickertable.html",
+                link: function ($scope, element, attrs) {
+
+                    $scope.pickerOptions = $scope.options();
+                    $scope.pickerOptions.luPickerTableScope = $scope;
+                    $scope.pickerOptions.pickedItems = [];
+
+                    var onItemClicked = $scope.pickerOptions.onItemClicked;
+                    $scope.pickerOptions.onItemClicked = function(item)
+                    {
+                        if (onItemClicked != null) {
+                            onItemClicked(item);
+                        }
+                        $scope.pickerOptions.luBasicTableScope.toggleCheckedItem(item);
+                    };
+                    var onItemChecked = $scope.pickerOptions.onItemChecked;
+                    $scope.pickerOptions.onItemChecked = function(item, checked)
+                    {
+                        if (onItemChecked != null) {
+                            onItemChecked(item, checked);
+                        }
+
+                        var id = $scope.pickerOptions.getItemId(item);
+                        var it = $scope.pickerOptions.pickedItems.find(function(item)
+                        {
+                            return $scope.pickerOptions.getItemId(item) == id;
+                        });
+                        var idx = $scope.pickerOptions.pickedItems.indexOf(it);
+                        if (idx > -1) {
+                            if (!checked) {
+                                $scope.pickerOptions.pickedItems.splice(idx, 1);
+                            }
+                        }
+                        else {
+                            if (checked) {
+                                $scope.pickerOptions.pickedItems.push(item);
+                            }
+                        }
+                    };
+                    var onPageChanged = $scope.pickerOptions.onPageChanged;
+                    $scope.pickerOptions.onPageChanged = function()
+                    {
+                        if (onPageChanged != null) {
+                            onPageChanged();
+                        }
+
+                        for (var i = 0; i < $scope.pickerOptions.pickedItems.length; ++i) {
+                            var ii = $scope.pickerOptions.pickedItems[i];
+                            var iiId = $scope.pickerOptions.getItemId(ii);
+                            for (var j = 0; j < $scope.pickerOptions.luBasicTableScope.items.Data.length; ++j) {
+                                var ij = $scope.pickerOptions.luBasicTableScope.items.Data[j];
+                                if (iiId == $scope.pickerOptions.getItemId(ij)) {
+                                    $scope.pickerOptions.checkedItems.push(iiId);
+                                }
+                            }
+                        }
+                    };
+                    $scope.pickerOptions.canCheck = function()
+                    {
+                        return true;
+                    };
+                    $scope.pickerOptions.canClick = function()
+                    {
+                        return true;
+                    };
+                }
+            };
+        }
+    ]);
+
+angular.module('luticateUtils').run(['$templateCache', function($templateCache)
+{
+    $templateCache.put('/luticate/lupickertable.html', '');
+}]);