Bulk Deletion (#697)

* Implemented bulk deletion of series

* Don't show unauthorized exception on UI, just redirect to the login page.

UI/Web/src/app/_interceptors/error.interceptor.ts

@@ -111,11 +111,7 @@ export class ErrorInterceptor implements HttpInterceptor {
     // NOTE: Signin has error.error or error.statusText available. 
     // if statement is due to http/2 spec issue: https://github.com/angular/angular/issues/23334
     this.accountService.currentUser$.pipe(take(1)).subscribe(user => {
-      if (user) {
-        this.toastr.error(error.statusText === 'OK' ? 'Unauthorized' : error.statusText, error.status);
-      }
       this.accountService.logout();
     });
-
   }
 }

UI/Web/src/app/_services/action.service.ts

@@ -467,4 +467,21 @@ export class ActionService implements OnDestroy {
     });
   }
 
+  /**
+   * Mark all chapters and the volumes as Read. All volumes and chapters must belong to a series
+   * @param seriesId Series Id
+   * @param volumes Volumes, should have id, chapters and pagesRead populated
+   * @param chapters? Chapters, should have id
+   * @param callback Optional callback to perform actions after API completes 
+   */
+   deleteMultipleSeries(seriesIds: Array<Series>, callback?: VoidActionCallback) {
+    this.seriesService.deleteMultipleSeries(seriesIds.map(s => s.id)).pipe(take(1)).subscribe(() => {
+      this.toastr.success('Series deleted');
+
+      if (callback) {
+        callback();
+      }
+    });
+  }
+
 }

UI/Web/src/app/_services/series.service.ts

@@ -80,6 +80,10 @@ export class SeriesService {
     return this.httpClient.delete<boolean>(this.baseUrl + 'series/' + seriesId);
   }
 
+  deleteMultipleSeries(seriesIds: Array<number>) {
+    return this.httpClient.post<boolean>(this.baseUrl + 'series/delete-multiple', {seriesIds});
+  }
+
   updateRating(seriesId: number, userRating: number, userReview: string) {
     return this.httpClient.post(this.baseUrl + 'series/update-rating', {seriesId, userRating, userReview});
   }

UI/Web/src/app/cards/bulk-selection.service.ts

@@ -127,7 +127,7 @@ export class BulkSelectionService {
   getActions(callback: (action: Action, data: any) => void) {
     // checks if series is present. If so, returns only series actions
     // else returns volume/chapter items
-    const allowedActions = [Action.AddToReadingList, Action.MarkAsRead, Action.MarkAsUnread, Action.AddToCollection];
+    const allowedActions = [Action.AddToReadingList, Action.MarkAsRead, Action.MarkAsUnread, Action.AddToCollection, Action.Delete];
     if (Object.keys(this.selectedCards).filter(item => item === 'series').length > 0) {
       return this.actionFactory.getSeriesActions(callback).filter(item => allowedActions.includes(item.action));
     }

UI/Web/src/app/collections/collection-detail/collection-detail.component.ts

@@ -72,6 +72,12 @@ export class CollectionDetailComponent implements OnInit, OnDestroy {
           this.bulkSelectionService.deselectAll();
         });
         break;
+      case Action.Delete:
+        this.actionService.deleteMultipleSeries(selectedSeries, () => {
+          this.loadPage();
+          this.bulkSelectionService.deselectAll();
+        });
+        break;
     }
   }
 

UI/Web/src/app/in-progress/in-progress.component.ts

@@ -112,7 +112,6 @@ export class InProgressComponent implements OnInit {
           this.loadPage();
           this.bulkSelectionService.deselectAll();
         });
-        
         break;
       case Action.MarkAsUnread:
         this.actionService.markMultipleSeriesAsUnread(selectedSeries, () => {
@@ -120,6 +119,12 @@ export class InProgressComponent implements OnInit {
           this.bulkSelectionService.deselectAll();
         });
         break;
+      case Action.Delete:
+        this.actionService.deleteMultipleSeries(selectedSeries, () => {
+          this.loadPage();
+          this.bulkSelectionService.deselectAll();
+        });
+        break;
     }
   }
 

UI/Web/src/app/library-detail/library-detail.component.ts

@@ -64,6 +64,12 @@ export class LibraryDetailComponent implements OnInit, OnDestroy {
           this.bulkSelectionService.deselectAll();
         });
         break;
+      case Action.Delete:
+        this.actionService.deleteMultipleSeries(selectedSeries, () => {
+          this.loadPage();
+          this.bulkSelectionService.deselectAll();
+        });
+        break;
     }
   }
 

UI/Web/src/app/recently-added/recently-added.component.ts

@@ -138,6 +138,12 @@ export class RecentlyAddedComponent implements OnInit, OnDestroy {
           this.bulkSelectionService.deselectAll();
         });
         break;
+      case Action.Delete:
+        this.actionService.deleteMultipleSeries(selectedSeries, () => {
+          this.loadPage();
+          this.bulkSelectionService.deselectAll();
+        });
+        break;
     }
   }
 }