add links for tysc types

kontor-angular/src/app/kontor/tysc/tysc-cardsets/tysc-cardsets.component.html

@@ -0,0 +1 @@
+<p>tysc-cardsets works!</p>

kontor-angular/src/app/kontor/tysc/tysc-cardsets/tysc-cardsets.component.spec.ts

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

kontor-angular/src/app/kontor/tysc/tysc-cardsets/tysc-cardsets.component.ts

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

kontor-angular/src/app/kontor/tysc/tysc-players/tysc-players.component.html

@@ -0,0 +1 @@
+<p>tysc-players works!</p>

kontor-angular/src/app/kontor/tysc/tysc-players/tysc-players.component.spec.ts

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

kontor-angular/src/app/kontor/tysc/tysc-players/tysc-players.component.ts

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

kontor-angular/src/app/kontor/tysc/tysc-positions/tysc-positions.component.html

@@ -0,0 +1 @@
+<p>tysc-positions works!</p>

kontor-angular/src/app/kontor/tysc/tysc-positions/tysc-positions.component.spec.ts

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

kontor-angular/src/app/kontor/tysc/tysc-positions/tysc-positions.component.ts

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

kontor-angular/src/app/kontor/tysc/tysc-section/tysc-section.component.html

@@ -1,2 +1,3 @@
 <app-tysc-navigation/>
+<app-tysc-sports/>
 <router-outlet></router-outlet>

kontor-angular/src/app/kontor/tysc/tysc-section/tysc-section.component.ts

@@ -1,10 +1,11 @@
 import { Component } from '@angular/core';
 import { TyscNavigationComponent } from "../tysc-navigation/tysc-navigation.component";
 import { RouterOutlet } from '@angular/router';
+import { TyscSportsComponent } from "../tysc-sports/tysc-sports.component";
 
 @Component({
   selector: 'app-tysc-section',
-  imports: [TyscNavigationComponent, RouterOutlet],
+  imports: [TyscNavigationComponent, RouterOutlet, TyscSportsComponent],
   templateUrl: './tysc-section.component.html',
   styleUrl: './tysc-section.component.css'
 })

kontor-angular/src/app/kontor/tysc/tysc-section/tysc-section.routes.ts

@@ -1,29 +1,29 @@
 import { Routes } from "@angular/router";
-import { TeamListComponent } from "../../../tysc/team/team-list/team-list.component";
+import { TyscTeamsComponent } from "../tysc-teams/tysc-teams.component";
-import { PlayerListComponent } from "../../../tysc/player/player-list/player-list.component";
+import { TyscPlayersComponent } from "../tysc-players/tysc-players.component";
-import { PositionListComponent } from "../../../tysc/position/position-list/position-list.component";
+import { TyscPositionsComponent } from "../tysc-positions/tysc-positions.component";
-import { CardsetListComponent } from "../../../tysc/cardset/cardset-list/cardset-list.component";
+import { TyscVendorsComponent } from "../tysc-vendors/tysc-vendors.component";
-import { VendorListComponent } from "../../../tysc/vendor/vendor-list/vendor-list.component";
+import { TyscCardsetsComponent } from "../tysc-cardsets/tysc-cardsets.component";
 
 export const tyscRoutes: Routes = [
     { 
         path: 'team', 
-        component: TeamListComponent
+        component: TyscTeamsComponent
     },
     { 
         path: 'player', 
-        component: PlayerListComponent
+        component: TyscPlayersComponent
     },
     { 
         path: 'position', 
-        component: PositionListComponent
+        component: TyscPositionsComponent
     },
     { 
         path: 'cardset', 
-        component: CardsetListComponent
+        component: TyscCardsetsComponent
     },
     { 
         path: 'vendor', 
-        component: VendorListComponent
+        component: TyscVendorsComponent
     },
 ];

kontor-angular/src/app/kontor/tysc/tysc-sports/sport.service.ts

@@ -1,8 +1,8 @@
 import { HttpClient } from "@angular/common/http";
 import { inject, Injectable, signal } from "@angular/core";
-import { Sport } from "./sport.model";
 import { catchError, map, throwError } from "rxjs";
-import { ErrorService } from "../../shared/error.service";
+import { ErrorService } from "../../../shared/error.service";
+import { Sport } from "./sport.model";
 
 @Injectable({
   providedIn: 'root',

kontor-angular/src/app/kontor/tysc/tysc-sports/tysc-sports.component.html

@@ -1,3 +1,4 @@
+<p>tysc-sports works!</p>
 <p>sport-list works!</p>
 <ul>
   @for (sport of sports(); track sport.id) {

kontor-angular/src/app/kontor/tysc/tysc-sports/tysc-sports.component.spec.ts

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

kontor-angular/src/app/kontor/tysc/tysc-sports/tysc-sports.component.ts

@@ -1,14 +1,14 @@
 import { Component, DestroyRef, inject, OnInit, signal } from '@angular/core';
-import { Sport } from '../sport.model';
+import { Sport } from './sport.model';
-import { SportService } from '../sport.service';
+import { SportService } from './sport.service';
 
 @Component({
-  selector: 'app-sport-list',
+  selector: 'app-tysc-sports',
   imports: [],
-  templateUrl: './sport-list.component.html',
+  templateUrl: './tysc-sports.component.html',
-  styleUrl: './sport-list.component.css'
+  styleUrl: './tysc-sports.component.css'
 })
-export class SportListComponent implements OnInit {
+export class TyscSportsComponent implements OnInit {
   sports = signal<Sport[] | undefined>(undefined);
   isFetching = signal(false);
   error = signal('');
@@ -34,5 +34,4 @@ export class SportListComponent implements OnInit {
       subscription.unsubscribe();
     });
   }
-
 }

kontor-angular/src/app/kontor/tysc/tysc-team/tysc-team.component.html

@@ -0,0 +1 @@
+<p>tysc-team works!</p>

kontor-angular/src/app/kontor/tysc/tysc-team/tysc-team.component.spec.ts

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

kontor-angular/src/app/kontor/tysc/tysc-team/tysc-team.component.ts

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

kontor-angular/src/app/kontor/tysc/tysc-teams/tysc-teams.component.html

@@ -0,0 +1 @@
+<p>tysc-teams works!</p>

kontor-angular/src/app/kontor/tysc/tysc-teams/tysc-teams.component.spec.ts

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

kontor-angular/src/app/kontor/tysc/tysc-teams/tysc-teams.component.ts

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

kontor-angular/src/app/kontor/tysc/tysc-vendors/tysc-vendors.component.html

@@ -0,0 +1 @@
+<p>tysc-vendors works!</p>

kontor-angular/src/app/kontor/tysc/tysc-vendors/tysc-vendors.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { TyscVendorsComponent } from './tysc-vendors.component';
+
+describe('TyscVendorsComponent', () => {
+  let component: TyscVendorsComponent;
+  let fixture: ComponentFixture<TyscVendorsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [TyscVendorsComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(TyscVendorsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

kontor-angular/src/app/kontor/tysc/tysc-vendors/tysc-vendors.component.ts

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

kontor-angular/src/app/tysc/cardset/cardset-list/cardset-list.component.html

@@ -1 +0,0 @@
-<p>cardset-list works!</p>

kontor-angular/src/app/tysc/cardset/cardset-list/cardset-list.component.ts

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

kontor-angular/src/app/tysc/player/player-list/player-list.component.html

@@ -1 +0,0 @@
-<p>player-list works!</p>

kontor-angular/src/app/tysc/player/player-list/player-list.component.ts

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

kontor-angular/src/app/tysc/position/position-list/position-list.component.html

@@ -1 +0,0 @@
-<p>position-list works!</p>

kontor-angular/src/app/tysc/position/position-list/position-list.component.ts

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

kontor-angular/src/app/tysc/sport/sport-selector/sport-selector.component.html

@@ -1 +0,0 @@
-<p>sport-selector works!</p>

kontor-angular/src/app/tysc/sport/sport-selector/sport-selector.component.ts

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

kontor-angular/src/app/tysc/team/team-list/team-list.component.html

@@ -1 +0,0 @@
-<p>team-list works!</p>

kontor-angular/src/app/tysc/team/team-list/team-list.component.ts

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

kontor-angular/src/app/tysc/vendor/vendor-list/vendor-list.component.html

@@ -1 +0,0 @@
-<p>vendor-list works!</p>

kontor-angular/src/app/tysc/vendor/vendor-list/vendor-list.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { VendorListComponent } from './vendor-list.component';
-
-describe('VendorListComponent', () => {
-  let component: VendorListComponent;
-  let fixture: ComponentFixture<VendorListComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [VendorListComponent]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(VendorListComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

kontor-angular/src/app/tysc/vendor/vendor-list/vendor-list.component.ts

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