feature/SHIBUI-574: Initial checkin for child routes on the dashboard…

… (resolvers, providers); BROKEN CODE
TIER · Jul 9, 2018 · 9ce246f · 9ce246f
1 parent 20db325
commit 9ce246f
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 6 deletions.
diff --git a/ui/src/app/metadata/manager/component/dashboard-providers-list.component.ts b/ui/src/app/metadata/manager/component/dashboard-providers-list.component.ts
@@ -1,6 +1,7 @@
 import { Component } from '@angular/core';
 
 @Component({
+    // selector: 'dashboard-providers-list',
     templateUrl: './dashboard-providers-list.component.html'
 })
 

diff --git a/ui/src/app/metadata/manager/component/dashboard-resolvers-list.component.ts b/ui/src/app/metadata/manager/component/dashboard-resolvers-list.component.ts
@@ -1,6 +1,7 @@
 import { Component } from '@angular/core';
 
 @Component({
+    // selector: 'dashboard-resolvers-list',
     templateUrl: './dashboard-resolvers-list.component.html'
 })
 

diff --git a/ui/src/app/metadata/manager/container/manager.component.html b/ui/src/app/metadata/manager/container/manager.component.html
@@ -17,10 +17,10 @@
         <div class="section-body p-2 border border-top-0 border-primary">
             <ul class="nav nav-tabs">
                 <li class="nav-item">
-                    <a class="nav-link active" [routerLink]="['/resolvers']">Resolvers</a>
+                    <a class="nav-link active" [routerLink]="['./', 'resolvers']">Resolvers</a>
                 </li>
                 <li class="nav-item">
-                    <a class="nav-link" [routerLink]="['/providers']">Providers</a>
+                    <a class="nav-link" [routerLink]="['./', 'providers']">Providers</a>
                 </li>
             </ul>
             <router-outlet></router-outlet>

diff --git a/ui/src/app/metadata/metadata.routing.ts b/ui/src/app/metadata/metadata.routing.ts
@@ -14,10 +14,11 @@ const routes: Routes = [
         path: '',
         component: MetadataPageComponent,
         children: [
-            { path: '', component: ManagerComponent },
-            { path: '', redirectTo: 'resolvers', pathMatch: 'full' },
-            { path: 'resolvers', component: DashboardResolversListComponent },
-            { path: 'providers', component: DashboardProvidersListComponent },
+            { path: '', component: ManagerComponent, children: [
+                { path: '', redirectTo: 'resolvers', pathMatch: 'full' },
+                { path: 'resolvers', component: DashboardResolversListComponent },
+                { path: 'providers', component: DashboardProvidersListComponent },
+            ] },
             ...ResolverRoutes,
             ...ProviderRoutes
         ],