Misc Enhancements (#1525)

* Moved the data connection for the Database out of appsettings.json and hardcoded it. This will allow for more customization and cleaner update process.

* Removed unneeded code

* Updated pdf viewer to 15.0.0 (pdf 2.6), which now supports east-asian fonts

* Fixed up some regex parsing for volumes that have a float number.

* Fixed a bug where the tooltip for Publication Status wouldn't show

* Fixed some weird parsing rules where v1.1 would parse as volume 1 chapter 1

* Fixed a bug where bookmarking button was hidden for admins without bookmark role (due to migration)

* Unified the star rating component in series detail to match metadata filter.

* Fixed a bug in the bulk selection code when using shift selection, where the inverse of what was selected would be toggled.

* Fixed some old code where if on all series page, only English as a language would return. We now return all languages of all libraries.

* Updated api/metadata/languages documentation

* Refactored some bookmark api names: get-bookmarks -> chapter-bookmarks, get-all-bookmarks -> all-bookmarks, get-series-bookmarks -> series-bookmarks, etc.

* Refactored all cases of createSeriesFilter to filterUtiltityService.

Added ability to search for a series on Bookmarks page.

Fixed a bug where people filters wouldn't respect the disable flag froms ettings.

* Cleaned up a bit of the circular downloader code.

* Implemented Russian Parsing

* Fixed an issue where some users that had a missing theme entry wouldn't be able to update their user preferences.

* Refactored normalization to exclude !, thus allowing series with ! to be different from each other.

* Fixed a migration exit case

* Fixed broken unit test

UI/Web/src/app/shared/_services/filter-utilities.service.ts

@@ -42,7 +42,7 @@ export enum FilterQueryParam {
 })
 export class FilterUtilitiesService {
 
-  constructor(private route: ActivatedRoute, private seriesService: SeriesService) { }
+  constructor() { }
 
   /**
    * Updates the window location with a custom url based on filter and pagination objects
@@ -145,7 +145,7 @@ export class FilterUtilitiesService {
    * @returns The Preset filter and if something was set within
    */
    filterPresetsFromUrl(snapshot: ActivatedRouteSnapshot): [SeriesFilter, boolean] {
-    const filter =  this.seriesService.createSeriesFilter();
+    const filter =  this.createSeriesFilter();
     let anyChanged = false;
 
     const format = snapshot.queryParamMap.get(FilterQueryParam.Format);
@@ -305,4 +305,39 @@ export class FilterUtilitiesService {
 
     return [filter, false]; // anyChanged. Testing out if having a filter active but keep drawer closed by default works better
   }
+
+  createSeriesFilter(filter?: SeriesFilter) {
+    if (filter !== undefined) return filter;
+    const data: SeriesFilter = {
+      formats: [],
+      libraries: [],
+      genres: [],
+      writers: [],
+      artists: [],
+      penciller: [],
+      inker: [],
+      colorist: [],
+      letterer: [],
+      coverArtist: [],
+      editor: [],
+      publisher: [],
+      character: [],
+      translators: [],
+      collectionTags: [],
+      rating: 0,
+      readStatus: {
+        read: true,
+        inProgress: true,
+        notRead: true
+      },
+      sortOptions: null,
+      ageRating: [],
+      tags: [],
+      languages: [],
+      publicationStatus: [],
+      seriesNameQuery: '',
+    };
+
+    return data;
+  }
 }

UI/Web/src/app/shared/circular-loader/circular-loader.component.html

@@ -11,7 +11,7 @@
          [space] = "0"
          [backgroundPadding]="0"
          outerStrokeLinecap="butt"
-         [outerStrokeColor]="'#4ac694'"
+         [outerStrokeColor]="outerStrokeColor"
          [innerStrokeColor]="innerStrokeColor"
          titleFontSize= "24"
          unitsFontSize= "24"
@@ -21,7 +21,7 @@
          [startFromZero]="false"
          [responsive]="true"
          [backgroundOpacity]="0.5"
-         [backgroundColor]="'#000'"
+         [backgroundColor]="backgroundColor"
          ></circle-progress>
    </div>
 </ng-container>

UI/Web/src/app/shared/circular-loader/circular-loader.component.scss

@@ -1,13 +1,14 @@
 .number {
   position: absolute;
-  top:50%; 
-  left:50%;
-  font-size:18px;
+  top: 50%; 
+  left: 50%;
+  font-size: 18px;
 }
 
 .indicator {
-  font-weight:500;
-  z-index:10;
+  font-weight: 500;
+  margin-left: 2px;
+  z-index: 10;
   color: var(--primary-color);
   animation: MoveUpDown 1s linear infinite;
 }

UI/Web/src/app/shared/circular-loader/circular-loader.component.ts

@@ -9,10 +9,23 @@ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 export class CircularLoaderComponent {
 
   @Input() currentValue: number = 0;
-  @Input() maxValue: number = 0;
+  /**
+   * If an animation should be used
+   */
   @Input() animation: boolean = true;
+  /**
+   * Color of an inner bar
+   */
   @Input() innerStrokeColor: string = 'transparent';
+  /**
+   * Color of the Downloader bar
+   */
+  @Input() outerStrokeColor: string = '#4ac694';
+  @Input() backgroundColor: string = '#000';
   @Input() fontSize: string = '36px';
+  /**
+   * Show the icon inside the downloader
+   */
   @Input() showIcon: boolean = true;
   /**
    * The width in pixels of the loader