Applied new _components layout structure to Kavita. All except manga as there is an open PR that drastically changes that module. (#1666)

UI/Web/src/app/reading-list/_components/reading-list-detail/reading-list-detail.component.ts

@@ -1,7 +1,7 @@
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { ToastrService } from 'ngx-toastr';
-import { shareReplay, take } from 'rxjs/operators';
+import { take } from 'rxjs/operators';
 import { ConfirmService } from 'src/app/shared/confirm.service';
 import { UtilityService } from 'src/app/shared/_services/utility.service';
 import { LibraryType } from 'src/app/_models/library';
@@ -12,10 +12,10 @@ import { Action, ActionFactoryService, ActionItem } from 'src/app/_services/acti
 import { ActionService } from 'src/app/_services/action.service';
 import { ImageService } from 'src/app/_services/image.service';
 import { ReadingListService } from 'src/app/_services/reading-list.service';
-import { IndexUpdateEvent, ItemRemoveEvent } from '../draggable-ordered-list/draggable-ordered-list.component';
-import { LibraryService } from '../../_services/library.service';
+import { IndexUpdateEvent } from '../draggable-ordered-list/draggable-ordered-list.component';
 import { forkJoin } from 'rxjs';
 import { ReaderService } from 'src/app/_services/reader.service';
+import { LibraryService } from 'src/app/_services/library.service';
 
 @Component({
   selector: 'app-reading-list-detail',

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

@@ -1,8 +1,9 @@
 import { NgModule } from "@angular/core";
 import { Routes, RouterModule } from "@angular/router";
 import { AuthGuard } from "../_guards/auth.guard";
-import { ReadingListDetailComponent } from "./reading-list-detail/reading-list-detail.component";
-import { ReadingListsComponent } from "./reading-lists/reading-lists.component";
+import { ReadingListDetailComponent } from "./_components/reading-list-detail/reading-list-detail.component";
+import { ReadingListsComponent } from "./_components/reading-lists/reading-lists.component";
+
 
 const routes: Routes = [
   {

UI/Web/src/app/reading-list/reading-list.module.ts

@@ -1,19 +1,18 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { DraggableOrderedListComponent } from './draggable-ordered-list/draggable-ordered-list.component';
-import { ReadingListDetailComponent } from './reading-list-detail/reading-list-detail.component';
+import { DraggableOrderedListComponent } from './_components/draggable-ordered-list/draggable-ordered-list.component';
 import { ReadingListRoutingModule } from './reading-list-routing.module';
 import {DragDropModule} from '@angular/cdk/drag-drop';
 import { AddToListModalComponent } from './_modals/add-to-list-modal/add-to-list-modal.component';
 import { ReactiveFormsModule } from '@angular/forms';
-import { ReadingListsComponent } from './reading-lists/reading-lists.component';
 import { EditReadingListModalComponent } from './_modals/edit-reading-list-modal/edit-reading-list-modal.component';
 import { PipeModule } from '../pipe/pipe.module';
 import { SharedModule } from '../shared/shared.module';
 import { NgbNavModule, NgbProgressbarModule, NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
 import { SharedSideNavCardsModule } from '../shared-side-nav-cards/shared-side-nav-cards.module';
-import { ReadingListItemComponent } from './reading-list-item/reading-list-item.component';
-
+import { ReadingListDetailComponent } from './_components/reading-list-detail/reading-list-detail.component';
+import { ReadingListItemComponent } from './_components/reading-list-item/reading-list-item.component';
+import { ReadingListsComponent } from './_components/reading-lists/reading-lists.component';
 
 
 @NgModule({