Refactored InProgress to OnDeck where the logic is slightly changed. Now series with recent updates are now pushed to the front of the list. (#743)

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

@@ -6,7 +6,6 @@ import { environment } from 'src/environments/environment';
 import { Chapter } from '../_models/chapter';
 import { CollectionTag } from '../_models/collection-tag';
 import { InProgressChapter } from '../_models/in-progress-chapter';
-import { MangaFormat } from '../_models/manga-format';
 import { PaginatedResult } from '../_models/pagination';
 import { Series } from '../_models/series';
 import { SeriesFilter } from '../_models/series-filter';
@@ -112,13 +111,13 @@ export class SeriesService {
     );
   }
 
-  getInProgress(libraryId: number = 0, pageNum?: number, itemsPerPage?: number, filter?: SeriesFilter) {
+  getOnDeck(libraryId: number = 0, pageNum?: number, itemsPerPage?: number, filter?: SeriesFilter) {
     const data = this.createSeriesFilter(filter);
 
     let params = new HttpParams();
     params = this._addPaginationIfExists(params, pageNum, itemsPerPage);
 
-    return this.httpClient.post<Series[]>(this.baseUrl + 'series/in-progress?libraryId=' + libraryId, data, {observe: 'response', params}).pipe(
+    return this.httpClient.post<Series[]>(this.baseUrl + 'series/on-deck?libraryId=' + libraryId, data, {observe: 'response', params}).pipe(
       map(response => {
         return this._cachePaginatedResults(response, new PaginatedResult<Series[]>());
     }));

UI/Web/src/app/app-routing.module.ts

@@ -7,7 +7,7 @@ import { RecentlyAddedComponent } from './recently-added/recently-added.componen
 import { UserLoginComponent } from './user-login/user-login.component';
 import { AuthGuard } from './_guards/auth.guard';
 import { LibraryAccessGuard } from './_guards/library-access.guard';
-import { InProgressComponent } from './in-progress/in-progress.component';
+import { OnDeckComponent } from './on-deck/on-deck.component';
 import { DashboardComponent } from './dashboard/dashboard.component';
 
 // TODO: Once we modularize the components, use this and measure performance impact: https://angular.io/guide/lazy-loading-ngmodules#preloading-modules
@@ -54,7 +54,7 @@ const routes: Routes = [
     children: [
       {path: 'library', component: DashboardComponent},
       {path: 'recently-added', component: RecentlyAddedComponent},
-      {path: 'in-progress', component: InProgressComponent},
+      {path: 'on-deck', component: OnDeckComponent},
     ]
   },
   {path: 'login', component: UserLoginComponent},

UI/Web/src/app/app.module.ts

@@ -1,12 +1,12 @@
 import { BrowserModule, Title } from '@angular/platform-browser';
-import { APP_INITIALIZER, ErrorHandler, NgModule } from '@angular/core';
+import { NgModule } from '@angular/core';
 import { APP_BASE_HREF } from '@angular/common';
 
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { HttpClient, HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
+import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
 import { NgbCollapseModule, NgbDropdownModule, NgbNavModule, NgbPaginationModule, NgbRatingModule } from '@ng-bootstrap/ng-bootstrap';
 import { NavHeaderComponent } from './nav-header/nav-header.component';
 import { JwtInterceptor } from './_interceptors/jwt.interceptor';
@@ -25,7 +25,7 @@ import { CarouselModule } from './carousel/carousel.module';
 import { PersonBadgeComponent } from './person-badge/person-badge.component';
 import { TypeaheadModule } from './typeahead/typeahead.module';
 import { RecentlyAddedComponent } from './recently-added/recently-added.component';
-import { InProgressComponent } from './in-progress/in-progress.component';
+import { OnDeckComponent } from './on-deck/on-deck.component';
 import { DashboardComponent } from './dashboard/dashboard.component';
 import { CardsModule } from './cards/cards.module';
 import { CollectionsModule } from './collections/collections.module';
@@ -46,7 +46,7 @@ import { ConfigData } from './_models/config-data';
     ReviewSeriesModalComponent,
     PersonBadgeComponent,
     RecentlyAddedComponent,
-    InProgressComponent,
+    OnDeckComponent,
     DashboardComponent,
   ],
   imports: [

UI/Web/src/app/library/library.component.html

@@ -5,7 +5,7 @@
     <p>You haven't been granted access to any libraries.</p>
 </div>
 
-<app-carousel-reel [items]="inProgress" title="In Progress" (sectionClick)="handleSectionClick($event)">
+<app-carousel-reel [items]="inProgress" title="On Deck" (sectionClick)="handleSectionClick($event)">
     <ng-template #carouselItem let-item let-position="idx">
         <app-series-card [data]="item" [libraryId]="item.libraryId" (reload)="reloadInProgress($event)" (dataChanged)="reloadInProgress($event)"></app-series-card>
     </ng-template>

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

@@ -92,7 +92,7 @@ export class LibraryComponent implements OnInit, OnDestroy {
   }
 
   loadInProgress() {
-    this.seriesService.getInProgress().pipe(takeUntil(this.onDestroy)).subscribe((updatedSeries) => {
+    this.seriesService.getOnDeck().pipe(takeUntil(this.onDestroy)).subscribe((updatedSeries) => {
       this.inProgress = updatedSeries.result;
     });
   }
@@ -108,8 +108,8 @@ export class LibraryComponent implements OnInit, OnDestroy {
       this.router.navigate(['collections']);
     } else if (sectionTitle.toLowerCase() === 'recently added') {
       this.router.navigate(['recently-added']);
-    } else if (sectionTitle.toLowerCase() === 'in progress') {
-      this.router.navigate(['in-progress']);
+    } else if (sectionTitle.toLowerCase() === 'on deck') {
+      this.router.navigate(['on-deck']);
     } 
   }
 

UI/Web/src/app/not-connected/not-connected.component.ts

@@ -11,6 +11,7 @@ export class NotConnectedComponent implements OnInit {
   constructor(private memberService: MemberService, private router: Router) { }
 
   ngOnInit(): void {
+    // BUG: TODO: This causes an infinite reload loop on the UI when the API on backend doesn't exist
     // We make a call to backend on refresh so that if it's up, we can redirect to /home
     this.memberService.adminExists().subscribe((exists) => {
       const pageResume = localStorage.getItem('kavita--no-connection-url');

UI/Web/src/app/on-deck/on-deck.component.html

@@ -1,5 +1,5 @@
 <app-bulk-operations [actionCallback]="bulkActionCallback"></app-bulk-operations>
-<app-card-detail-layout header="In Progress" 
+<app-card-detail-layout header="On Deck" 
     [isLoading]="isLoading"
     [items]="series"
     [filters]="filters"

UI/Web/src/app/on-deck/on-deck.component.ts

@@ -13,11 +13,11 @@ import { ActionService } from '../_services/action.service';
 import { SeriesService } from '../_services/series.service';
 
 @Component({
-  selector: 'app-in-progress',
-  templateUrl: './in-progress.component.html',
-  styleUrls: ['./in-progress.component.scss']
+  selector: 'app-on-deck',
+  templateUrl: './on-deck.component.html',
+  styleUrls: ['./on-deck.component.scss']
 })
-export class InProgressComponent implements OnInit {
+export class OnDeckComponent implements OnInit {
 
   isLoading: boolean = true;
   series: Series[] = [];
@@ -31,7 +31,7 @@ export class InProgressComponent implements OnInit {
   constructor(private router: Router, private route: ActivatedRoute, private seriesService: SeriesService, private titleService: Title,
     private actionService: ActionService, public bulkSelectionService: BulkSelectionService) {
     this.router.routeReuseStrategy.shouldReuseRoute = () => false;
-    this.titleService.setTitle('Kavita - In Progress');
+    this.titleService.setTitle('Kavita - On Deck');
     if (this.pagination === undefined || this.pagination === null) {
       this.pagination = {currentPage: 0, itemsPerPage: 30, totalItems: 0, totalPages: 1};
     }
@@ -79,7 +79,7 @@ export class InProgressComponent implements OnInit {
       this.pagination.currentPage = parseInt(page, 10);
     }
     this.isLoading = true;
-    this.seriesService.getInProgress(this.libraryId, this.pagination?.currentPage, this.pagination?.itemsPerPage, this.filter).pipe(take(1)).subscribe(series => {
+    this.seriesService.getOnDeck(this.libraryId, this.pagination?.currentPage, this.pagination?.itemsPerPage, this.filter).pipe(take(1)).subscribe(series => {
       this.series = series.result;
       this.pagination = series.pagination;
       this.isLoading = false;

UI/Web/src/app/recently-added/recently-added.component.ts

@@ -10,13 +10,13 @@ import { SeriesAddedEvent } from '../_models/events/series-added-event';
 import { Pagination } from '../_models/pagination';
 import { Series } from '../_models/series';
 import { FilterItem, mangaFormatFilters, SeriesFilter } from '../_models/series-filter';
-import { Action, ActionFactoryService } from '../_services/action-factory.service';
+import { Action } from '../_services/action-factory.service';
 import { ActionService } from '../_services/action.service';
 import { MessageHubService } from '../_services/message-hub.service';
 import { SeriesService } from '../_services/series.service';
 
 /**
- * This component is used as a standard layout for any card detail. ie) series, in-progress, collections, etc.
+ * This component is used as a standard layout for any card detail. ie) series, on-deck, collections, etc.
  */
 @Component({
   selector: 'app-recently-added',