In-Depth Filtering (#850)

* Laying the foundation for the filter rework

* Filtering by Genre is now possible.

* Cleaned up code and preparing for People filtering

* People filtering is hooked up for the frontend

* Filtering now works. On Deck does not work with filtering currently due to a unique implementation.

* More cleanup

* Implemented the ability to reset the filters

* Added a mobile drawer for filtering

* Added some additional cases for NaturalSortComparer. Filter now uses a drawer on smaller screens.

* Fixed a bug where backup service was not pointing to the correct directory.

* Undid the fix, it's working as expected

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

@@ -4,7 +4,9 @@ import { of } from 'rxjs';
 import { map } from 'rxjs/operators';
 import { environment } from 'src/environments/environment';
 import { ChapterMetadata } from '../_models/chapter-metadata';
+import { Genre } from '../_models/genre';
 import { AgeRating } from '../_models/metadata/age-rating';
+import { Person } from '../_models/person';
 
 @Injectable({
   providedIn: 'root'
@@ -34,4 +36,12 @@ export class MetadataService {
       return this.ageRatingTypes[ageRating];
     }));
   }
+
+  getAllGenres() {
+    return this.httpClient.get<Genre[]>(this.baseUrl + 'metadata/genres');
+  }
+
+  getAllPeople() {
+    return this.httpClient.get<Person[]>(this.baseUrl + 'metadata/people');
+  }
 }

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

@@ -8,7 +8,7 @@ import { CollectionTag } from '../_models/collection-tag';
 import { InProgressChapter } from '../_models/in-progress-chapter';
 import { PaginatedResult } from '../_models/pagination';
 import { Series } from '../_models/series';
-import { SeriesFilter } from '../_models/series-filter';
+import { ReadStatus, SeriesFilter } from '../_models/series-filter';
 import { SeriesMetadata } from '../_models/series-metadata';
 import { Volume } from '../_models/volume';
 import { ImageService } from './image.service';
@@ -177,15 +177,29 @@ export class SeriesService {
 
   createSeriesFilter(filter?: SeriesFilter) {
     const data: SeriesFilter = {
-      formats: []
+      formats: [],
+      libraries: [],
+      genres: [],
+      writers: [],
+      penciller: [],
+      inker: [],
+      colorist: [],
+      letterer: [],
+      coverArtist: [],
+      editor: [],
+      publisher: [],
+      character: [],
+      collectionTags: [],
+      rating: 0,
+      readStatus: {
+        read: true,
+        inProgress: true,
+        notRead: true
+      }
     };
 
-    if (filter) {
-      if (filter.formats != null) {
-        data.formats = filter.formats;
-      }
-    }
+    if (filter === undefined) return data;
 
-    return data;
+    return filter;
   }
 }