From f933312283f57fe8fa35a79d850b5dbf022c3f97 Mon Sep 17 00:00:00 2001
From: Thomas Peetz <thomas.peetz@cimt-ag.de>
Date: Thu, 18 Sep 2025 22:58:19 +0200
Subject: [PATCH] add routes for TYSC section

---
 kontor-angular/src/app/app.routes.ts          | 20 +++----------
 .../comic-overview.component.html             | 16 ----------
 .../comic-overview.component.ts               | 12 --------
 .../src/app/kontor/header/header.component.ts |  3 +-
 .../tysc-navigation.component.css}            |  0
 .../tysc-navigation.component.html            |  7 +++++
 .../tysc-navigation.component.spec.ts         | 23 +++++++++++++++
 .../tysc-navigation.component.ts              | 12 ++++++++
 .../tysc-section/tysc-section.component.css   |  0
 .../tysc-section/tysc-section.component.html  |  2 ++
 .../tysc-section.component.spec.ts}           | 12 ++++----
 .../tysc-section/tysc-section.component.ts    | 13 +++++++++
 .../tysc/tysc-section/tysc-section.routes.ts  | 29 +++++++++++++++++++
 13 files changed, 97 insertions(+), 52 deletions(-)
 delete mode 100644 kontor-angular/src/app/comic/comic-overview/comic-overview.component.html
 delete mode 100644 kontor-angular/src/app/comic/comic-overview/comic-overview.component.ts
 rename kontor-angular/src/app/{comic/comic-overview/comic-overview.component.css => kontor/tysc/tysc-navigation/tysc-navigation.component.css} (100%)
 create mode 100644 kontor-angular/src/app/kontor/tysc/tysc-navigation/tysc-navigation.component.html
 create mode 100644 kontor-angular/src/app/kontor/tysc/tysc-navigation/tysc-navigation.component.spec.ts
 create mode 100644 kontor-angular/src/app/kontor/tysc/tysc-navigation/tysc-navigation.component.ts
 create mode 100644 kontor-angular/src/app/kontor/tysc/tysc-section/tysc-section.component.css
 create mode 100644 kontor-angular/src/app/kontor/tysc/tysc-section/tysc-section.component.html
 rename kontor-angular/src/app/{comic/comic-overview/comic-overview.component.spec.ts => kontor/tysc/tysc-section/tysc-section.component.spec.ts} (52%)
 create mode 100644 kontor-angular/src/app/kontor/tysc/tysc-section/tysc-section.component.ts
 create mode 100644 kontor-angular/src/app/kontor/tysc/tysc-section/tysc-section.routes.ts

diff --git a/kontor-angular/src/app/app.routes.ts b/kontor-angular/src/app/app.routes.ts
index add9c24..3a8a612 100644
--- a/kontor-angular/src/app/app.routes.ts
+++ b/kontor-angular/src/app/app.routes.ts
@@ -5,15 +5,10 @@ import { MediaOverviewComponent } from './media/media-overview/media-overview.co
 import { MediaFileListComponent } from './media/media-file/media-file-list/media-file-list.component';
 import { MediaActorListComponent } from './media/media-actor/media-actor-list/media-actor-list.component';
 import { MediaVideoListComponent } from './media/media-video/media-video-list/media-video-list.component';
-import { TyscMenuComponent } from './tysc/tysc-menu/tysc-menu.component';
-import { TeamListComponent } from './tysc/team/team-list/team-list.component';
-import { VendorListComponent } from './tysc/vendor/vendor-list/vendor-list.component';
-import { CardsetListComponent } from './tysc/cardset/cardset-list/cardset-list.component';
-import { PositionListComponent } from './tysc/position/position-list/position-list.component';
-import { PlayerListComponent } from './tysc/player/player-list/player-list.component';
-import { SportListComponent } from './tysc/sport/sport-list/sport-list.component';
 import { ComicSectionComponent } from './kontor/comic/comic-section/comic-section.component';
 import { comicRoutes } from './kontor/comic/comic-section/comic-section.routes';
+import { tyscRoutes } from './kontor/tysc/tysc-section/tysc-section.routes';
+import { TyscSectionComponent } from './kontor/tysc/tysc-section/tysc-section.component';
 
 export const routes: Routes = [
   { path: '', component: KontorComponent, },
@@ -23,15 +18,8 @@ export const routes: Routes = [
     children: comicRoutes,
   },
   {
-    path: 'tysc', component: TyscMenuComponent,
-    children: [
-      { path: '', component: SportListComponent},
-      { path: 'team', component: TeamListComponent},
-      { path: 'player', component: PlayerListComponent},
-      { path: 'position', component: PositionListComponent},
-      { path: 'cardset', component: CardsetListComponent},
-      { path: 'vendor', component: VendorListComponent},
-    ],
+    path: 'tysc', component: TyscSectionComponent,
+    children: tyscRoutes,
   },
   {
     path: 'media', component: MediaOverviewComponent,
diff --git a/kontor-angular/src/app/comic/comic-overview/comic-overview.component.html b/kontor-angular/src/app/comic/comic-overview/comic-overview.component.html
deleted file mode 100644
index 54c8b3c..0000000
--- a/kontor-angular/src/app/comic/comic-overview/comic-overview.component.html
+++ /dev/null
@@ -1,16 +0,0 @@
-<!-- <p>comic-overview works!</p>
-<div class="subnav">
-  <ul>
-    <li><a routerLink="/comic/comics" routerLinkActive>Comics</a></li>
-    <li><a routerLink="/comic/publisher">Publisher</a></li>
-    <li><a routerLink="/comic/artist">Artists</a></li>
-  </ul>
-  <h4>Child Routes Result</h4>
-  <router-outlet></router-outlet>
-</div> -->
-<div class="subnav">
-  <a routerLink="/comic/comics" routerLinkActive="active">Comics</a>
-  <a routerLink="/comic/publisher" routerLinkActive="active">Publisher</a>
-  <a routerLink="/comic/artist" routerLinkActive="active">Artists</a>
-</div>
-<router-outlet></router-outlet>
diff --git a/kontor-angular/src/app/comic/comic-overview/comic-overview.component.ts b/kontor-angular/src/app/comic/comic-overview/comic-overview.component.ts
deleted file mode 100644
index 32c15f4..0000000
--- a/kontor-angular/src/app/comic/comic-overview/comic-overview.component.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { RouterLink, RouterOutlet, RouterLinkActive } from '@angular/router';
-
-@Component({
-  selector: 'app-comic-overview',
-  imports: [RouterLink, RouterOutlet, RouterLinkActive],
-  templateUrl: './comic-overview.component.html',
-  styleUrl: './comic-overview.component.css'
-})
-export class ComicOverviewComponent {
-
-}
diff --git a/kontor-angular/src/app/kontor/header/header.component.ts b/kontor-angular/src/app/kontor/header/header.component.ts
index 8808cc8..3b8a262 100644
--- a/kontor-angular/src/app/kontor/header/header.component.ts
+++ b/kontor-angular/src/app/kontor/header/header.component.ts
@@ -1,9 +1,8 @@
 import { Component, signal } from '@angular/core';
-import { RouterLink, RouterLinkActive } from '@angular/router';
 
 @Component({
   selector: 'kontor-header',
-  imports: [RouterLink, RouterLinkActive],
+  imports: [],
   templateUrl: './header.component.html',
   styleUrl: './header.component.css'
 })
diff --git a/kontor-angular/src/app/comic/comic-overview/comic-overview.component.css b/kontor-angular/src/app/kontor/tysc/tysc-navigation/tysc-navigation.component.css
similarity index 100%
rename from kontor-angular/src/app/comic/comic-overview/comic-overview.component.css
rename to kontor-angular/src/app/kontor/tysc/tysc-navigation/tysc-navigation.component.css
diff --git a/kontor-angular/src/app/kontor/tysc/tysc-navigation/tysc-navigation.component.html b/kontor-angular/src/app/kontor/tysc/tysc-navigation/tysc-navigation.component.html
new file mode 100644
index 0000000..1baa47f
--- /dev/null
+++ b/kontor-angular/src/app/kontor/tysc/tysc-navigation/tysc-navigation.component.html
@@ -0,0 +1,7 @@
+<div class="subnav">
+  <a routerLink="/tysc/team" routerLinkActive="active">Team</a>
+  <a routerLink="/tysc/player" routerLinkActive="active">Player</a>
+  <a routerLink="/tysc/position" routerLinkActive="active">Position</a>
+  <a routerLink="/tysc/cardset" routerLinkActive="active">CardSets</a>
+  <a routerLink="/tysc/vendor" routerLinkActive="active">Vendor</a>
+</div>
diff --git a/kontor-angular/src/app/kontor/tysc/tysc-navigation/tysc-navigation.component.spec.ts b/kontor-angular/src/app/kontor/tysc/tysc-navigation/tysc-navigation.component.spec.ts
new file mode 100644
index 0000000..363a185
--- /dev/null
+++ b/kontor-angular/src/app/kontor/tysc/tysc-navigation/tysc-navigation.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { TyscNavigationComponent } from './tysc-navigation.component';
+
+describe('TyscNavigationComponent', () => {
+  let component: TyscNavigationComponent;
+  let fixture: ComponentFixture<TyscNavigationComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [TyscNavigationComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(TyscNavigationComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/kontor-angular/src/app/kontor/tysc/tysc-navigation/tysc-navigation.component.ts b/kontor-angular/src/app/kontor/tysc/tysc-navigation/tysc-navigation.component.ts
new file mode 100644
index 0000000..0a8cc16
--- /dev/null
+++ b/kontor-angular/src/app/kontor/tysc/tysc-navigation/tysc-navigation.component.ts
@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+import { RouterLink, RouterLinkActive } from '@angular/router';
+
+@Component({
+  selector: 'app-tysc-navigation',
+  imports: [RouterLink, RouterLinkActive],
+  templateUrl: './tysc-navigation.component.html',
+  styleUrl: './tysc-navigation.component.css'
+})
+export class TyscNavigationComponent {
+
+}
diff --git a/kontor-angular/src/app/kontor/tysc/tysc-section/tysc-section.component.css b/kontor-angular/src/app/kontor/tysc/tysc-section/tysc-section.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/kontor-angular/src/app/kontor/tysc/tysc-section/tysc-section.component.html b/kontor-angular/src/app/kontor/tysc/tysc-section/tysc-section.component.html
new file mode 100644
index 0000000..7acac9b
--- /dev/null
+++ b/kontor-angular/src/app/kontor/tysc/tysc-section/tysc-section.component.html
@@ -0,0 +1,2 @@
+<app-tysc-navigation/>
+<router-outlet></router-outlet>
diff --git a/kontor-angular/src/app/comic/comic-overview/comic-overview.component.spec.ts b/kontor-angular/src/app/kontor/tysc/tysc-section/tysc-section.component.spec.ts
similarity index 52%
rename from kontor-angular/src/app/comic/comic-overview/comic-overview.component.spec.ts
rename to kontor-angular/src/app/kontor/tysc/tysc-section/tysc-section.component.spec.ts
index a61f624..c8c34ec 100644
--- a/kontor-angular/src/app/comic/comic-overview/comic-overview.component.spec.ts
+++ b/kontor-angular/src/app/kontor/tysc/tysc-section/tysc-section.component.spec.ts
@@ -1,18 +1,18 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { ComicOverview } from './comic-overview.component';
+import { TyscSectionComponent } from './tysc-section.component';
 
-describe('ComicOverview', () => {
-  let component: ComicOverview;
-  let fixture: ComponentFixture<ComicOverview>;
+describe('TyscSectionComponent', () => {
+  let component: TyscSectionComponent;
+  let fixture: ComponentFixture<TyscSectionComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [ComicOverview]
+      imports: [TyscSectionComponent]
     })
     .compileComponents();
 
-    fixture = TestBed.createComponent(ComicOverview);
+    fixture = TestBed.createComponent(TyscSectionComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });
diff --git a/kontor-angular/src/app/kontor/tysc/tysc-section/tysc-section.component.ts b/kontor-angular/src/app/kontor/tysc/tysc-section/tysc-section.component.ts
new file mode 100644
index 0000000..9128136
--- /dev/null
+++ b/kontor-angular/src/app/kontor/tysc/tysc-section/tysc-section.component.ts
@@ -0,0 +1,13 @@
+import { Component } from '@angular/core';
+import { TyscNavigationComponent } from "../tysc-navigation/tysc-navigation.component";
+import { RouterOutlet } from '@angular/router';
+
+@Component({
+  selector: 'app-tysc-section',
+  imports: [TyscNavigationComponent, RouterOutlet],
+  templateUrl: './tysc-section.component.html',
+  styleUrl: './tysc-section.component.css'
+})
+export class TyscSectionComponent {
+
+}
diff --git a/kontor-angular/src/app/kontor/tysc/tysc-section/tysc-section.routes.ts b/kontor-angular/src/app/kontor/tysc/tysc-section/tysc-section.routes.ts
new file mode 100644
index 0000000..87f2079
--- /dev/null
+++ b/kontor-angular/src/app/kontor/tysc/tysc-section/tysc-section.routes.ts
@@ -0,0 +1,29 @@
+import { Routes } from "@angular/router";
+import { TeamListComponent } from "../../../tysc/team/team-list/team-list.component";
+import { PlayerListComponent } from "../../../tysc/player/player-list/player-list.component";
+import { PositionListComponent } from "../../../tysc/position/position-list/position-list.component";
+import { CardsetListComponent } from "../../../tysc/cardset/cardset-list/cardset-list.component";
+import { VendorListComponent } from "../../../tysc/vendor/vendor-list/vendor-list.component";
+
+export const tyscRoutes: Routes = [
+    { 
+        path: 'team', 
+        component: TeamListComponent
+    },
+    { 
+        path: 'player', 
+        component: PlayerListComponent
+    },
+    { 
+        path: 'position', 
+        component: PositionListComponent
+    },
+    { 
+        path: 'cardset', 
+        component: CardsetListComponent
+    },
+    { 
+        path: 'vendor', 
+        component: VendorListComponent
+    },
+];