OPDS-PS v1.2 Support + a few bugfixes (#1869)

* Fixed up a localization lookup test case

* Refactored some webp to a unified method

* Cleaned up some code

* Expanded webp conversion for covers to all entities

* Code cleanup

* Prompt the user when they are about to delete multiple series via bulk actions

* Aligned Kavita to OPDS-PS 1.2.

* Fixed a bug where clearing metadata filter of series name didn't clear the actual field.

* Added some documentation

* Refactored how covert covers to webp works. Now we will handle all custom covers for all entities. Volumes and Series will not be touched but instead be updated via a RefreshCovers call. This will fix up the references much faster.

* Fixed up the OPDS-PS 1.2 attributes to only show on PS links

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

@@ -537,12 +537,18 @@ export class ActionService implements OnDestroy {
    * @param chapters? Chapters, should have id
    * @param callback Optional callback to perform actions after API completes 
    */
-   deleteMultipleSeries(seriesIds: Array<Series>, callback?: VoidActionCallback) {
+   async deleteMultipleSeries(seriesIds: Array<Series>, callback?: BooleanActionCallback) {
+    if (!await this.confirmService.confirm('Are you sure you want to delete ' + seriesIds.length + ' series? It will not modify files on disk.')) {
+      if (callback) {
+        callback(false);
+      }
+      return;
+    }
     this.seriesService.deleteMultipleSeries(seriesIds.map(s => s.id)).pipe(take(1)).subscribe(() => {
       this.toastr.success('Series deleted');
 
       if (callback) {
-        callback();
+        callback(true);
       }
     });
   }

UI/Web/src/app/all-series/_components/all-series/all-series.component.ts

@@ -78,7 +78,8 @@ export class AllSeriesComponent implements OnInit, OnDestroy {
         });
         break;
       case Action.Delete:
-        this.actionService.deleteMultipleSeries(selectedSeries, () => {
+        this.actionService.deleteMultipleSeries(selectedSeries, (successful) => {
+          if (!successful) return;
           this.loadPage();
           this.bulkSelectionService.deselectAll();
         });

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

@@ -103,7 +103,8 @@ export class CollectionDetailComponent implements OnInit, OnDestroy, AfterConten
         });
         break;
       case Action.Delete:
-        this.actionService.deleteMultipleSeries(selectedSeries, () => {
+        this.actionService.deleteMultipleSeries(selectedSeries, successful => {
+          if (!successful) return;
           this.bulkSelectionService.deselectAll();
           this.loadPage();
           this.cdRef.markForCheck();

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

@@ -95,7 +95,8 @@ export class LibraryDetailComponent implements OnInit, OnDestroy {
         });
         break;
       case Action.Delete:
-        this.actionService.deleteMultipleSeries(selectedSeries, () => {
+        this.actionService.deleteMultipleSeries(selectedSeries, (successful) => {
+          if (!successful) return;
           this.bulkSelectionService.deselectAll();
           this.loadPage();
         });

UI/Web/src/app/metadata-filter/metadata-filter.component.html

@@ -318,7 +318,7 @@
             <div class="col-md-2 me-3">
                 <form [formGroup]="seriesNameGroup">
                     <div class="mb-3">
-                        <label for="series-name" class="form-label">Series Name</label>&nbsp;<i class="fa fa-info-circle" aria-hidden="true" placement="right" [ngbTooltip]="seriesNameFilterTooltip" role="button" tabindex="0"></i>
+                        <label for="series-name" class="form-label me-1">Series Name</label><i class="fa fa-info-circle" aria-hidden="true" placement="right" [ngbTooltip]="seriesNameFilterTooltip" role="button" tabindex="0"></i>
                         <span class="visually-hidden" id="filter-series-name-help"><ng-container [ngTemplateOutlet]="seriesNameFilterTooltip"></ng-container></span>
                         <ng-template #seriesNameFilterTooltip>Series name will filter against Name, Sort Name, or Localized Name</ng-template>
                         <input type="text" id="series-name" formControlName="seriesNameQuery" class="form-control" aria-describedby="filter-series-name-help">

UI/Web/src/app/metadata-filter/metadata-filter.component.ts

@@ -622,6 +622,7 @@ export class MetadataFilterComponent implements OnInit, OnDestroy {
     this.readProgressGroup.get('inProgress')?.setValue(true);
     this.sortGroup.get('sortField')?.setValue(SortField.SortName);
     this.isAscendingSort = true;
+    this.seriesNameGroup.get('seriesNameQuery')?.setValue('');
     this.cdRef.markForCheck();
     // Apply any presets which will trigger the apply
     this.loadFromPresetsAndSetup();