test

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

@@ -9,7 +9,7 @@ const routes: Routes = [
     children: [
       { path: '', redirectTo: 'home' },
       { path: 'home', loadChildren: './home/home-page.module#HomePageModule' },
-      { path: 'probes', loadChildren: './probes/probes-page.module#ProbesPageModule' },
+      { path: 'probe', loadChildren: './probes/probes-page.module#ProbesPageModule' },
 
       { path: 'discovery', loadChildren: './discovery/discovery-page.module#DiscoveryPageModule' },
       { path: 'map', loadChildren: './infra/infra-page.module#InfraPageModule' },

src/app/pages/pages.component.html

@@ -26,7 +26,7 @@
                 <of-header [sidenav]="sidenav" [drawer]="drawer" [sidebar]="sidenav2" [matDrawerShow]="matDrawerShow" style="z-index: 500"></of-header>
 
                 <perfect-scrollbar style="height: calc(100% - 33px);">
-                    <div style="height: 100%;">
+                    <div style="height: 100%; padding: 0px 10px 0px 10px">
                         <router-outlet #route="outlet"></router-outlet>
                     </div>
                 </perfect-scrollbar>

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

@@ -4,6 +4,7 @@ import { ProbesPageComponent } from './probes-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,6 +12,7 @@ const routes: Routes = [
     component: ProbesPageComponent,
     children: [
       { path: '', component: ProbeListComponent },
+      { path: 'detail/:id', component: ProbeDetailComponent },
       { path: 'noauth', component: NoauthListComponent },
       { path: 'download', component: DownloadComponent },
     ]

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

@@ -1,4 +1,4 @@
 <div>
-  <of-sub-menubar></of-sub-menubar>
+  <of-sub-menubar [tabs]="tabs"></of-sub-menubar>
   <router-outlet></router-outlet>
 </div>

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

@@ -1,15 +1,25 @@
 import { Component, OnInit } from '@angular/core';
+import { Router, Route } from '@angular/router';
 
 @Component({
   selector: 'of-pages-probes',
   templateUrl: './probes-page.component.html',
   styleUrls: ['./probes-page.component.scss']
 })
-export class ProbesPageComponent implements OnInit {
+export class ProbesPageComponent  {
 
-  constructor() { }
+  tabs = [
+    { label: 'Probe', path: '/probe' },
+    { label: 'Unauthorized', path: '/probe/noauth' },
+    { label: 'Download', path: '/probe/download' },
+  ];
 
-  ngOnInit() {
-  }
+  // tabs2 = [
+  //   { label: 'Info', path: '/probe/' },
+  //   { label: 'Targets', path: '/target' },
+  //   { label: 'History', path: '/probe/history' },
+  // ];
+
+  constructor(private router: Router) { }
 
 }