Bulk Operations (#596)

* Implemented the ability to perform multi-selections on cards. Basic selection code is done, CSS needed and exposing actions.

* Implemented a bulk selection bar. Added logic to the card on when to force show checkboxes.

* Fixed some bad parsing groups and cases for Comic Chapters.

* Hooked up some bulk actions on series detail page. Not hooked up to backend yet.

* Fixes #593. URI Enocde library names as sometimes they can have & in them.

* Implemented the ability to mark volume/chapters as read/unread.

* Hooked up mark as unread with specials as well.

* Add to reading list hooked up for Series Detail

* Implemented ability to add multiple series to a reading list.

* Implemented bulk selection for series cards

* Added comments to the new code in ReaderService.cs

* Implemented proper styling on bulk operation bar and integrated for collections.

* Fixed an issue with shift clicking

* Cleaned up css of bulk operations bar

* Code cleanup

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

@@ -11,14 +11,6 @@
                 </h2>
             </div>
             <div class="row no-gutters mt-2 mb-2">
-                <!-- <div>
-                    <button class="btn btn-primary" (click)="read()" [disabled]="isLoading">
-                        <span>
-                            <i class="fa fa-book-open"></i>
-                        </span>
-                        <span class="read-btn--text">&nbsp;Read</span>
-                    </button>
-                </div> -->
                 <div class="ml-2" *ngIf="isAdmin">
                     <button class="btn btn-secondary" (click)="openEditCollectionTagModal(collectionTag)" title="Edit Series information">
                         <span>
@@ -33,6 +25,7 @@
         </div>
     </div>
     <hr>
+    <app-bulk-operations [actionCallback]="bulkActionCallback"></app-bulk-operations>
 
     <app-card-detail-layout
     header="Series"
@@ -44,7 +37,9 @@
     (applyFilter)="updateFilter($event)"
     >
         <ng-template #cardItem let-item let-position="idx">
-            <app-series-card [data]="item" [libraryId]="item.libraryId" (reload)="loadPage()"></app-series-card>
+            <app-series-card [data]="item" [libraryId]="item.libraryId" (reload)="loadPage()"
+            (selection)="bulkSelectionService.handleCardSelection('series', position, series.length, $event)" [selected]="bulkSelectionService.isCardSelected('series', position)" [allowSelection]="true"
+            ></app-series-card>
         </ng-template>
     </app-card-detail-layout>