lutable dynamic get id

src/lutable.html

@@ -1,35 +0,0 @@
-<div lu-busy="itemList">
-    <table class="col-sm-12 table table-hover">
-        <thead>
-        <tr>
-            <th>
-                <input type="checkbox" ng-click="toggleSelectAll()"
-                       ng-checked="selectedItems.length == items.Data.length && items.Data.length != 0">
-            </th>
-            <th class="col-sm-3" ng-repeat="col in columns">{{ col.name }}</th>
-        </tr>
-        </thead>
-        <tbody>
-        <tr ng-repeat="item in items.Data" style="cursor: pointer" ng-click="displayItem(item)">
-            <td>
-                <input name="selectedItems[]" type="checkbox" ng-checked="selectedItems.indexOf(item.Id) > -1"
-                       ng-click="$event.stopPropagation();toggleSelectedItem(item.Id)" >
-            </td>
-            <td ng-repeat="col in 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">
-            <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Remove
-        </button>
-        <button class="btn btn-default" type="button" ng-click="addItem()">
-            <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Add
-        </button>
-    </div>
-</div>

src/lutable.js

@@ -73,7 +73,8 @@ angular.module('luticateUtils')
                             });
                     };
 
-                    $scope.toggleSelectedItem = function (id) {
+                    $scope.toggleSelectedItem = function (item) {
+                        var id = $scope.getItemId(item);
                         var idx = $scope.selectedItems.indexOf(id);
                         if (idx > -1) {
                             $scope.selectedItems.splice(idx, 1);
@@ -90,11 +91,23 @@ angular.module('luticateUtils')
                         else {
                             $scope.selectedItems = [];
                             for (var i = 0; i < $scope.items.Data.length; ++i) {
-                                $scope.selectedItems.push($scope.items.Data[i].Id);
+                                $scope.selectedItems.push($scope.getItemId($scope.items.Data[i]));
                             }
                         }
                     };
 
+                    $scope.isItemChecked = function(item)
+                    {
+                        return $scope.selectedItems.indexOf($scope.getItemId(item)) > -1;
+                    };
+
+                    if (!$scope.getItemId) {
+                        $scope.getItemId = function(item)
+                        {
+                            return item.Id;
+                        };
+                    }
+
                     $scope.loadPage($scope.page);
                 }
             };
@@ -117,8 +130,8 @@ angular.module('luticateUtils').run(['$templateCache', function($templateCache)
 '<tbody>' +
 '<tr ng-repeat="item in items.Data" style="cursor: pointer" ng-click="displayItem(item)">' +
 '    <td>' +
-'    <input name="selectedItems[]" type="checkbox" ng-checked="selectedItems.indexOf(item.Id) > -1"' +
- '   ng-click="$event.stopPropagation();toggleSelectedItem(item.Id)" >' +
+'    <input name="selectedItems[]" type="checkbox" ng-checked="isItemChecked(item)"' +
+ '   ng-click="$event.stopPropagation();toggleSelectedItem(item)" >' +
 '        </td>' +
 '        <td ng-repeat="col in columns">{{ col.getValue(item) }}</td>' +
 '</tr>' +

src/modals/dialogerror.html

@@ -1,12 +0,0 @@
-<div class="popin modal-content" xmlns="http://www.w3.org/1999/html">
-    <div class="modal-header">Error</div>
-    <div class="modal-body">
-        <div class="form-group">{{ message }}</div>
-        <div class="clearfix"></div>
-    </div>
-    <div class="modal-footer">
-        <button type="submit" class="btn btn-default" 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-default" ng-click="reconnect()" ng-show="showLogin">Login</button>
-    </div>
-</div>

src/modals/dialogokcancel.html

@@ -1,18 +0,0 @@
-<div class="popin modal-content" xmlns="http://www.w3.org/1999/html">
-    <form name="form" class="form-horizontal" ng-submit="__submit()">
-        <div class="modal-header">{{ title }}</div>
-        <div class="modal-body" lu-busy="modal">
-            <div class="form-group">
-                <ng-transclude></ng-transclude>
-            </div>
-            <div class="clearfix"></div>
-            <!--<span class="error" ng-show="submitted">
-                <p class="error">{{ errorString }}</p>
-            </span>-->
-        </div>
-        <div class="modal-footer">
-            <button type="button" class="btn btn-default" ng-click="__cancel()">Cancel</button>
-            <button type="submit" class="btn btn-default" ng-enabled="!pending">OK</button>
-        </div>
-    </form>
-</div>