add links for media types

kontor-angular/src/app/kontor/media/media-actors/media-actors.component.html

@@ -0,0 +1 @@
+<p>media-actors works!</p>

kontor-angular/src/app/kontor/media/media-actors/media-actors.component.spec.ts

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

kontor-angular/src/app/kontor/media/media-actors/media-actors.component.ts

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

kontor-angular/src/app/kontor/media/media-files/media-files.component.html

@@ -0,0 +1 @@
+<p>media-files works!</p>

kontor-angular/src/app/kontor/media/media-files/media-files.component.spec.ts

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

kontor-angular/src/app/kontor/media/media-files/media-files.component.ts

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

kontor-angular/src/app/kontor/media/media-navigation/media-navigation.component.html

@@ -1,5 +1,5 @@
 <div class="subnav">
-  <a routerLink="/media/mediafiles" routerLinkActive="active">MediaFiles</a>
+  <a routerLink="/media/file" routerLinkActive="active">MediaFiles</a>
-  <a routerLink="/media/mediaactors" routerLinkActive="active">MediaActors</a>
+  <a routerLink="/media/actor" routerLinkActive="active">MediaActors</a>
-  <a routerLink="/media/mediavideos" routerLinkActive="active">MediaVideos</a>
+  <a routerLink="/media/video" routerLinkActive="active">MediaVideos</a>
 </div>

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

@@ -1,19 +1,19 @@
 import { Routes } from "@angular/router";
-import { MediaFileListComponent } from "../../../media/media-file/media-file-list/media-file-list.component";
+import { MediaFilesComponent } from './../media-files/media-files.component';
-import { MediaActorListComponent } from "../../../media/media-actor/media-actor-list/media-actor-list.component";
+import { MediaActorsComponent } from '../media-actors/media-actors.component';
-import { MediaVideoListComponent } from "../../../media/media-video/media-video-list/media-video-list.component";
+import { MediaVideosComponent } from '../media-videos/media-videos.component';
 
 export const mediaRoutes: Routes = [
     { 
-        path: 'mediafiles', 
+        path: 'file', 
-        component: MediaFileListComponent
+        component: MediaFilesComponent
     },
     { 
-        path: 'mediaactors', 
+        path: 'actor', 
-        component: MediaActorListComponent
+        component: MediaActorsComponent
     },
     { 
-        path: 'mediavideos', 
+        path: 'video', 
-        component: MediaVideoListComponent
+        component: MediaVideosComponent
     },
 ];

kontor-angular/src/app/kontor/media/media-videos/media-videos.component.html

@@ -0,0 +1 @@
+<p>media-videos works!</p>

kontor-angular/src/app/kontor/media/media-videos/media-videos.component.spec.ts

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

kontor-angular/src/app/kontor/media/media-videos/media-videos.component.ts

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

kontor-angular/src/app/media/media-actor/media-actor-list/media-actor-list.component.html

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

kontor-angular/src/app/media/media-actor/media-actor-list/media-actor-list.component.ts

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

kontor-angular/src/app/media/media-file/media-file-list/media-file-list.component.html

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

kontor-angular/src/app/media/media-file/media-file-list/media-file-list.component.ts

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

kontor-angular/src/app/media/media-video/media-video-list/media-video-list.component.html

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

kontor-angular/src/app/media/media-video/media-video-list/media-video-list.component.ts

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