Library Settings Modal + New Library Settings (#1660)

* Bump loader-utils from 2.0.3 to 2.0.4 in /UI/Web

Bumps [loader-utils](https://github.com/webpack/loader-utils) from 2.0.3 to 2.0.4.
- [Release notes](https://github.com/webpack/loader-utils/releases)
- [Changelog](https://github.com/webpack/loader-utils/blob/v2.0.4/CHANGELOG.md)
- [Commits](https://github.com/webpack/loader-utils/compare/v2.0.3...v2.0.4)

---
updated-dependencies:
- dependency-name: loader-utils
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

* Fixed want to read button on series detail not performing the correct action

* Started the library settings. Added ability to update a cover image for a library.

Updated backup db to also copy reading list (and now library) cover images.

* Integrated Edit Library into new settings (not tested) and hooked up a wizard-like flow for new library.

* Fixed a missing update event in backend when updating a library.

* Disable Save when form invalid. Do inline validation on Library name when user types to ensure the name is valid.

* Trim library names before you check anything

* General code cleanup

* Implemented advanced settings for library (include in dashboard, search, recommended) and ability to turn off folder watching for individual libraries.

Refactored some code to streamline perf in some flows.

* Removed old components replaced with new modal

* Code smells

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

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

@@ -212,6 +212,13 @@ export class ActionFactoryService {
           },
         ],
       },
+      {
+        action: Action.Edit,
+        title: 'Settings',
+        callback: this.dummyCallback,
+        requiresAdmin: true,
+        children: [],
+      },
     ];
 
     this.collectionTagActions = [

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

@@ -61,6 +61,10 @@ export class ImageService implements OnDestroy {
     return part.substring(0, equalIndex).replace('Id', '');
   }
 
+  getLibraryCoverImage(libraryId: number) {
+    return this.baseUrl + 'image/library-cover?libraryId=' + libraryId;
+  }
+
   getVolumeCoverImage(volumeId: number) {
     return this.baseUrl + 'image/volume-cover?volumeId=' + volumeId;
   }

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

@@ -50,6 +50,10 @@ export class LibraryService {
     }));
   }
 
+  libraryNameExists(name: string) {
+    return this.httpClient.get<boolean>(this.baseUrl + 'library/name-exists?name=' + name);
+  }
+
   listDirectories(rootPath: string) {
     let query = '';
     if (rootPath !== undefined && rootPath.length > 0) {

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

@@ -38,6 +38,10 @@ export class UploadService {
     return this.httpClient.post<number>(this.baseUrl + 'upload/chapter', {id: chapterId, url: this._cleanBase64Url(url)});
   }
 
+  updateLibraryCoverImage(libraryId: number, url: string) {
+    return this.httpClient.post<number>(this.baseUrl + 'upload/library', {id: libraryId, url: this._cleanBase64Url(url)});
+  }
+
   resetChapterCoverLock(chapterId: number, ) {
     return this.httpClient.post<number>(this.baseUrl + 'upload/reset-chapter-lock', {id: chapterId, url: ''});
   }