From ee40d615f67fbf2f138c81434de608cc4c6995ff Mon Sep 17 00:00:00 2001
From: Enno Gotthold <matrixfueller@gmail.com>
Date: Fri, 1 Nov 2024 16:43:07 +0100
Subject: [PATCH] Fix: Item Detail Views not showing

This is due to the fact that we only have a RouterOutlet in our main AppView. Children of a router always use their
parent to render, as the parent doesn't have a RouterOutlet it cannot render the child and the parent stays visible.
This is additionally confusing because the routing is succeeding.
---
 .../src/app/app-routing.module.ts             | 120 ++++++++----------
 1 file changed, 50 insertions(+), 70 deletions(-)

diff --git a/projects/cobbler-frontend/src/app/app-routing.module.ts b/projects/cobbler-frontend/src/app/app-routing.module.ts
index bf0e708a..3ed2fe5f 100644
--- a/projects/cobbler-frontend/src/app/app-routing.module.ts
+++ b/projects/cobbler-frontend/src/app/app-routing.module.ts
@@ -56,121 +56,101 @@ export const routes: Routes = [
         path: 'distro',
         component: DistrosOverviewComponent,
         canActivate: [AuthGuardService],
-        children: [
-          {
-            path: ':name',
-            component: DistroEditComponent,
-            canActivate: [AuthGuardService],
-          },
-        ],
+      },
+      {
+        path: 'distro/:name',
+        component: DistroEditComponent,
+        canActivate: [AuthGuardService],
       },
       {
         path: 'profile',
         component: ProfileOverviewComponent,
         canActivate: [AuthGuardService],
-        children: [
-          {
-            path: ':name',
-            component: ProfileEditComponent,
-            canActivate: [AuthGuardService],
-          },
-        ],
+      },
+      {
+        path: 'profile/:name',
+        component: ProfileEditComponent,
+        canActivate: [AuthGuardService],
       },
       {
         path: 'system',
         component: SystemOverviewComponent,
         canActivate: [AuthGuardService],
-        children: [
-          {
-            path: ':name',
-            component: SystemEditComponent,
-            canActivate: [AuthGuardService],
-          },
-        ],
+      },
+      {
+        path: 'system/:name',
+        component: SystemEditComponent,
+        canActivate: [AuthGuardService],
       },
       {
         path: 'repository',
         component: RepositoryOverviewComponent,
         canActivate: [AuthGuardService],
-        children: [
-          {
-            path: ':name',
-            component: RepositoryEditComponent,
-            canActivate: [AuthGuardService],
-          },
-        ],
+      },
+      {
+        path: 'repository/:name',
+        component: RepositoryEditComponent,
+        canActivate: [AuthGuardService],
       },
       {
         path: 'image',
         component: ImageOverviewComponent,
         canActivate: [AuthGuardService],
-        children: [
-          {
-            path: ':name',
-            component: ImageEditComponent,
-            canActivate: [AuthGuardService],
-          },
-        ],
+      },
+      {
+        path: 'image/:name',
+        component: ImageEditComponent,
+        canActivate: [AuthGuardService],
       },
       {
         path: 'template',
         component: TemplateOverviewComponent,
         canActivate: [AuthGuardService],
-        children: [
-          {
-            path: ':name',
-            component: TemplateEditComponent,
-            canActivate: [AuthGuardService],
-          },
-        ],
+      },
+      {
+        path: 'template/:name',
+        component: TemplateEditComponent,
+        canActivate: [AuthGuardService],
       },
       {
         path: 'snippet',
         component: SnippetOverviewComponent,
         canActivate: [AuthGuardService],
-        children: [
-          {
-            path: ':name',
-            component: SnippetEditComponent,
-            canActivate: [AuthGuardService],
-          },
-        ],
+      },
+      {
+        path: 'snippet/:name',
+        component: SnippetEditComponent,
+        canActivate: [AuthGuardService],
       },
       {
         path: 'management-class',
         component: ManagementClassOverviewComponent,
         canActivate: [AuthGuardService],
-        children: [
-          {
-            path: ':name',
-            component: ManagementClassEditComponent,
-            canActivate: [AuthGuardService],
-          },
-        ],
+      },
+      {
+        path: 'management-class/:name',
+        component: ManagementClassEditComponent,
+        canActivate: [AuthGuardService],
       },
       {
         path: 'package',
         component: PackageOverviewComponent,
         canActivate: [AuthGuardService],
-        children: [
-          {
-            path: ':name',
-            component: PackageEditComponent,
-            canActivate: [AuthGuardService],
-          },
-        ],
+      },
+      {
+        path: 'package/:name',
+        component: PackageEditComponent,
+        canActivate: [AuthGuardService],
       },
       {
         path: 'file',
         component: FileOverviewComponent,
         canActivate: [AuthGuardService],
-        children: [
-          {
-            path: ':name',
-            component: FileEditComponent,
-            canActivate: [AuthGuardService],
-          },
-        ],
+      },
+      {
+        path: 'file/:name',
+        component: FileEditComponent,
+        canActivate: [AuthGuardService],
       },
     ],
   },