remove multiple

app/controllers/pkguid.controller.js

@@ -1,6 +1,6 @@
 angular.module('app')
-    .controller('PkGuidController', ['$scope', 'pkGuidBusiness', 'AppUtilsBusiness',
-        function($scope, pkGuidBusiness, AppUtilsBusiness) {
+    .controller('PkGuidController', ['$scope', 'pkGuidBusiness', 'AppUtilsBusiness', '$mdDialog',
+        function($scope, pkGuidBusiness, AppUtilsBusiness, $mdDialog) {
 
             $scope.selected = [];
 
@@ -13,9 +13,58 @@ angular.module('app')
             $scope.pkGuids = null;
             $scope.error = null;
 
+            $scope.askRemoveOne = function (pkguid) {
+                var confirm = $mdDialog.confirm()
+                    .title('Confirm deletion')
+                    .textContent('Do you really want to delete PkGuid \'' + pkguid.someText + '\'?')
+                    .ok('Delete')
+                    .cancel('Cancel');
+                $mdDialog.show(confirm).then(function() {
+                    $scope.error = null;
+                    $scope.promise = pkGuidBusiness.deleteDbo(pkguid.id).then(function(data)
+                    {
+                        $scope.getPkGuids();
+                    }, function(error)
+                    {
+                        $scope.error = error;
+                    });
+                }, function () {});
+            };
+
+            $scope.askRemoveSelected = function () {
+                var confirm = $mdDialog.confirm()
+                    .title('Confirm deletion')
+                    .textContent('Do you really want to delete ' + $scope.selected.length + ' PkGuids?')
+                    .ok('Delete')
+                    .cancel('Cancel');
+                $mdDialog.show(confirm).then(function() {
+                    $scope.error = null;
+                    $scope.removeFirstSelected();
+
+                }, function () {});
+            };
+
+            $scope.removeFirstSelected = function() {
+                if ($scope.selected.length == 0) {
+                    $scope.getPkGuids();
+                }
+                else {
+                    pkGuidBusiness.deleteDbo($scope.selected[0].id)
+                        .then(function(data)
+                    {
+                        $scope.selected = $scope.selected.splice(1);
+                        $scope.removeFirstSelected();
+                    }, function(error)
+                    {
+                        $scope.error = error;
+                    });
+                }
+            };
+
             $scope.getPkGuids = function()
             {
                 $scope.error = null;
+                $scope.selected = [];
                 var orderBy = AppUtilsBusiness.convertOrderBy($scope.query.order);
                 $scope.promise = pkGuidBusiness.getMultiple(orderBy, $scope.query.page - 1, $scope.query.limit).then(function(data)
                 {

app/views/pkguid.html

@@ -5,11 +5,9 @@
             <div class="md-toolbar-tools">
                 <span>PkGuids</span>
                 <span flex></span>
-                <a ui-sref="pkguid_add">
-                    <md-button class="md-icon-button" ng-click="">
-                        <md-icon class="material-icons">add</md-icon>
-                    </md-button>
-                </a>
+                <md-button class="md-icon-button" ui-sref="pkguid_add">
+                    <md-icon class="material-icons">add</md-icon>
+                </md-button>
                 <md-button class="md-icon-button" ng-click="getPkGuids()">
                     <md-icon class="material-icons">refresh</md-icon>
                 </md-button>
@@ -19,7 +17,7 @@
             <div class="md-toolbar-tools">
                 <span>{{selected.length}} {{selected.length > 1 ? 'PkGuids' : 'PkGuid'}} selected</span>
                 <span flex></span>
-                <md-button class="md-icon-button">
+                <md-button class="md-icon-button" ng-click="askRemoveSelected()">
                     <md-icon class="material-icons">delete</md-icon>
                 </md-button>
             </div>
@@ -36,6 +34,7 @@
                     <th md-column md-order-by="someInt" md-numeric>Some Int</th>
                     <th md-column md-order-by="createdAt">Created At</th>
                     <th md-column md-order-by="updatedAt">Updated At</th>
+                    <th md-column>Actions</th>
                 </tr>
                 </thead>
                 <tbody md-body>
@@ -44,14 +43,14 @@
                     <td md-cell>{{item.someText}}</td>
                     <td md-cell>{{item.someInt}}</td>
                     <td md-cell>{{item.createdAt | date : 'medium'}}</td>
+                    <td md-cell>{{item.updatedAt == null ? 'Never' : item.updatedAt | date : 'medium'}}</td>
                     <td md-cell>
-                        {{item.updatedAt == null ? 'Never' : item.updatedAt | date : 'medium'}}
-                        <span flex></span>
-                        <a ui-sref="pkguid_edit({id: item.id, pkguid: item})">
-                            <md-button class="md-icon-button">
-                                <md-icon class="material-icons">mode_edit</md-icon>
-                            </md-button>
-                        </a>
+                        <md-button class="md-icon-button" ui-sref="pkguid_edit({id: item.id, pkguid: item})">
+                            <md-icon class="material-icons">mode_edit</md-icon>
+                        </md-button>
+                        <md-button class="md-icon-button" ng-click="askRemoveOne(item)">
+                            <md-icon class="material-icons">delete</md-icon>
+                        </md-button>
                     </td>
                 </tr>
                 </tbody>