Feature/misc (#1234)

* Fixed a bug where publication status could show as filled in when total number is 0 but there is a max count.

Add ComicInfo support for LocalizedSeries which will populate a Series LocalizedName.

Fixed an issue in tag constraint issues.

* Hooked in LocalizedSeries tag into merge step in scanner.

* Hooked in LocalizedSeries from ComicInfo into Kavita and also use it to help during merge phase to avoid 2 different series, if one file is using the name of the localized series.

* Reduced some extra string creation and updated epub library to ignore bad ToCs.

* Bumped dependencies to latest. When an epub doesn't have a dc:date with publication event type, default back to just a normal dc:date tag.

* Fixed a bug where webtoon reader would error out on first load due to how we passed the function to the reader

* Reverted the centering code

UI/Web/src/app/cards/card-detail-layout/card-detail-layout.component.html

@@ -17,17 +17,20 @@
 
 <ng-container [ngTemplateOutlet]="paginationTemplate" [ngTemplateOutletContext]="{ id: 'top' }"></ng-container>
 
-<ng-container *ngIf="pagination.totalItems > 6 || isMobile; else cardTemplate">
+<!-- <ng-container *ngIf="utilityService.getActiveBreakpoint() <= Breakpoint.Mobile; else cardTemplate">
     <div class="d-flex justify-content-center row g-0 mt-2 mb-2">
         <div class="col-auto ps-1 pe-1 mt-2 mb-2" *ngFor="let item of items; trackBy:trackByIdentity; index as i">
             <ng-container [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ $implicit: item, idx: i }"></ng-container>
         </div>
+        
 
         <p *ngIf="items.length === 0 && !isLoading">
             <ng-container [ngTemplateOutlet]="noDataTemplate"></ng-container>
         </p>
     </div>
-</ng-container>
+</ng-container> -->
+
+<ng-container [ngTemplateOutlet]="cardTemplate"></ng-container>
 
 <ng-container [ngTemplateOutlet]="paginationTemplate" [ngTemplateOutletContext]="{ id: 'bottom' }"></ng-container>
 
@@ -38,7 +41,7 @@
     </div>
 
     <p *ngIf="items.length === 0 && !isLoading">
-        There is no data
+        <ng-container [ngTemplateOutlet]="noDataTemplate"></ng-container>
     </p>
 </div>
 </ng-template>

UI/Web/src/app/cards/card-detail-layout/card-detail-layout.component.ts

@@ -1,6 +1,7 @@
 import { Component, ContentChild, EventEmitter, Input, OnDestroy, OnInit, Output, TemplateRef } from '@angular/core';
 import { Subject } from 'rxjs';
 import { FilterSettings } from 'src/app/metadata-filter/filter-settings';
+import { Breakpoint, UtilityService } from 'src/app/shared/_services/utility.service';
 import { Library } from 'src/app/_models/library';
 import { Pagination } from 'src/app/_models/pagination';
 import { FilterEvent, FilterItem, SeriesFilter, SortField } from 'src/app/_models/series-filter';
@@ -9,9 +10,6 @@ import { SeriesService } from 'src/app/_services/series.service';
 
 const FILTER_PAG_REGEX = /[^0-9]/g;
 
-const ANIMATION_SPEED = 300;
-
-
 @Component({
   selector: 'app-card-detail-layout',
   templateUrl: './card-detail-layout.component.html',
@@ -52,9 +50,12 @@ export class CardDetailLayoutComponent implements OnInit, OnDestroy {
 
 
   private onDestory: Subject<void> = new Subject();
-  isMobile: boolean = false;
 
-  constructor(private seriesService: SeriesService) {
+  get Breakpoint() {
+    return Breakpoint;
+  }
+
+  constructor(private seriesService: SeriesService, public utilityService: UtilityService) {
     this.filter = this.seriesService.createSeriesFilter();
   }
 
@@ -69,9 +70,6 @@ export class CardDetailLayoutComponent implements OnInit, OnDestroy {
     if (this.pagination === undefined) {
       this.pagination = {currentPage: 1, itemsPerPage: this.items.length, totalItems: this.items.length, totalPages: 1}
     }
-
-    this.isMobile = window.innerWidth <= 480;
-    window.onresize = () => this.isMobile = window.innerWidth <= 480;
   }
 
   ngOnDestroy() {