probe detail layout

src/app/commons/layouts/sub-menubar/sub-menubar.module.ts

@@ -2,14 +2,19 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { SubMenubarComponent } from 'app/commons/layouts/sub-menubar/sub-menubar.component';
 import { MaterialModule } from 'app/commons/ui/material/material.module';
+import { RouterModule } from '@angular/router';
 
 @NgModule({
   imports: [
     CommonModule,
-    MaterialModule
+    MaterialModule,
+    RouterModule,
   ],
   declarations: [
-    SubMenubarComponent
+    SubMenubarComponent,
+  ],
+  exports: [
+    SubMenubarComponent,
   ]
 })
 export class SubMenubarModule { }

src/app/pages/pages.module.ts

@@ -15,7 +15,6 @@ import {
   PerfectScrollbarConfigInterface
 } from 'ngx-perfect-scrollbar';
 import { NotificationComponent } from 'app/packages/notification/notification.component';
-import { SubMenubarModule } from 'app/commons/layouts/sub-menubar/sub-menubar.module';
 
 const DEFAULT_PERFECT_SCROLLBAR_CONFIG: PerfectScrollbarConfigInterface = {
   suppressScrollX: true
@@ -30,7 +29,6 @@ const DEFAULT_PERFECT_SCROLLBAR_CONFIG: PerfectScrollbarConfigInterface = {
     MaterialModule,
     PerfectScrollbarModule,
     FlexLayoutModule,
-    SubMenubarModule
   ],
   declarations: [
     PagesComponent,

src/app/pages/probe/probe-page-routing.module.ts

@@ -1,9 +1,6 @@
 import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
 import { ProbePageComponent } from './probe-page.component';
-import { ListComponent as ProbeListComponent } from 'app/packages/probe/component/list/list.component';
-import { ListComponent as NoauthListComponent } from 'app/packages/noauth/component/list/list.component';
-import { DownloadComponent } from 'app/packages/probe/component/download/download.component';
 import { DetailComponent as ProbeDetailComponent } from 'app/packages/probe/component/detail/detail.component';
 
 const routes: Routes = [
@@ -11,7 +8,9 @@ const routes: Routes = [
     path: '',
     component: ProbePageComponent,
     children: [
-      { path: '', component: ProbeListComponent },
+      { path: ':id', component: ProbeDetailComponent },
+      { path: ':id/target', component: ProbeDetailComponent },
+      { path: ':id/history', component: ProbeDetailComponent },
     ]
   }
 ];

src/app/pages/probe/probe-page.component.html

@@ -1,6 +1,6 @@
 <div>
   <of-sub-menubar [tabs]="tabs"></of-sub-menubar>
   <div style="padding: 15px">
-    <router-outlet>이거슨 detail</router-outlet>
+    <router-outlet></router-outlet>
   </div>
 </div>

src/app/pages/probe/probe-page.component.ts

@@ -7,8 +7,8 @@ import { Component, OnInit } from '@angular/core';
 })
 export class ProbePageComponent  {
 
-  tabs2 = [
+  tabs = [
-    { label: 'Info', path: '/probe/' },
+    { label: 'Info', path: '/probe' },
     { label: 'Targets', path: '/target' },
     { label: 'History', path: '/probe/history' },
   ];

src/app/pages/probe/probe-page.module.ts

@@ -4,6 +4,7 @@ import { ProbePageComponent } from './probe-page.component';
 import { ProbesPageRoutingModule } from './probe-page-routing.module';
 import { MaterialModule } from 'app/commons/ui/material/material.module';
 import { ProbeModule } from 'app/packages/probe/probe.module';
+import { SubMenubarModule } from 'app/commons/layouts/sub-menubar/sub-menubar.module';
 
 @NgModule({
   imports: [
@@ -11,6 +12,7 @@ import { ProbeModule } from 'app/packages/probe/probe.module';
     ProbesPageRoutingModule,
     MaterialModule,
     ProbeModule,
+    SubMenubarModule
   ],
   declarations: [
     ProbePageComponent,

src/app/pages/probes/probes-page.module.ts

@@ -5,6 +5,7 @@ import { ProbesPageRoutingModule } from './probes-page-routing.module';
 import { MaterialModule } from 'app/commons/ui/material/material.module';
 import { ProbeModule } from 'app/packages/probe/probe.module';
 import { NoauthModule } from 'app/packages/noauth/noauth.module';
+import { SubMenubarModule } from 'app/commons/layouts/sub-menubar/sub-menubar.module';
 
 @NgModule({
   imports: [
@@ -13,6 +14,7 @@ import { NoauthModule } from 'app/packages/noauth/noauth.module';
     MaterialModule,
     ProbeModule,
     NoauthModule,
+    SubMenubarModule
   ],
   declarations: [
     ProbesPageComponent,