add routing for comics and media

kontor-angular/src/app/comic/artist/artist-list.component.spec.ts

@@ -1,6 +1,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { Artist } from './artist';
+import { Artist } from './artist-list.component';
 
 describe('Artist', () => {
   let component: Artist;

kontor-angular/src/app/comic/artist/artist-list.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'kontor-artist-list',
+  imports: [],
+  templateUrl: './artist-list.component.html',
+  styleUrl: './artist-list.component.css'
+})
+export class ArtistListComponent {
+
+}

kontor-angular/src/app/comic/artist/artist.ts

@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-artist',
-  imports: [],
-  templateUrl: './artist.html',
-  styleUrl: './artist.css'
-})
-export class Artist {
-
-}

kontor-angular/src/app/comic/comic-overview/comic-overview.component.spec.ts

@@ -1,6 +1,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { ComicOverview } from './comic-overview';
+import { ComicOverview } from './comic-overview.component';
 
 describe('ComicOverview', () => {
   let component: ComicOverview;

kontor-angular/src/app/comic/comic-overview/comic-overview.component.ts

@@ -4,9 +4,9 @@ import { RouterLink, RouterOutlet } from '@angular/router';
 @Component({
   selector: 'app-comic-overview',
   imports: [RouterLink, RouterOutlet],
-  templateUrl: './comic-overview.html',
-  styleUrl: './comic-overview.css'
+  templateUrl: './comic-overview.component.html',
+  styleUrl: './comic-overview.component.css'
 })
-export class ComicOverview {
+export class ComicOverviewComponent {
 
 }

kontor-angular/src/app/comic/comics/comics-list.component.spec.ts

@@ -1,18 +1,18 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { Comics } from './comics';
+import { ComicsListComponent } from './comics-list.component';
 
 describe('Comics', () => {
-  let component: Comics;
-  let fixture: ComponentFixture<Comics>;
+  let component: ComicsListComponent;
+  let fixture: ComponentFixture<ComicsListComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [Comics]
+      imports: [ComicsListComponent]
     })
     .compileComponents();
 
-    fixture = TestBed.createComponent(Comics);
+    fixture = TestBed.createComponent(ComicsListComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

kontor-angular/src/app/comic/comics/comics-list.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'kontor-comics-list',
+  imports: [],
+  templateUrl: './comics-list.component.html',
+  styleUrl: './comics-list.component.css'
+})
+export class ComicsListComponent {
+
+}

kontor-angular/src/app/comic/comics/comics.ts

@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { RouterLink, RouterOutlet } from '@angular/router';
-
-@Component({
-  selector: 'app-comics',
-  imports: [RouterLink, RouterOutlet],
-  templateUrl: './comics.html',
-  styleUrl: './comics.css'
-})
-export class Comics {
-
-}

kontor-angular/src/app/comic/publisher/publisher-list.component.spec.ts

@@ -1,6 +1,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { Publisher } from './publisher';
+import { Publisher } from './publisher-list.component';
 
 describe('Publisher', () => {
   let component: Publisher;

kontor-angular/src/app/comic/publisher/publisher-list.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'kontor-publisher-list',
+  imports: [],
+  templateUrl: './publisher-list.component.html',
+  styleUrl: './publisher-list.component.css'
+})
+export class PublisherListComponent {
+
+}

kontor-angular/src/app/comic/publisher/publisher.ts

@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-publisher',
-  imports: [],
-  templateUrl: './publisher.html',
-  styleUrl: './publisher.css'
-})
-export class Publisher {
-
-}