all menu pages

src/app/commons/component/layout/menu/app.menu.component.ts

@@ -30,7 +30,7 @@ export class AppMenuComponent implements OnInit {
             {
                 label: 'Monitor', icon: 'remove_red_eye', items: [
                     { label: 'Overview', icon: 'rate_review', routerLink: ['/overview'] },
-                    { label: 'Dashboards', icon: 'dashboard', routerLink: ['/dashboards'] },
+                    { label: 'Dashboards', icon: 'dashboard', routerLink: ['/dashboard'] },
                 ]
             },
             { label: 'Alert', icon: 'warning', routerLink: ['/alert'] },

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

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { AlertPageComponent } from './alert-page.component';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: AlertPageComponent,
+    children: [
+    ]
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class AlertPageRoutingModule { }

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

@@ -0,0 +1 @@
+<div>alert page</div>

src/app/pages/alert/alert-page.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AlertPageComponent } from './alert-page.component';
+
+describe('AlertPageComponent', () => {
+  let component: AlertPageComponent;
+  let fixture: ComponentFixture<AlertPageComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ AlertPageComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AlertPageComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

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

@@ -0,0 +1,16 @@
+import { Component, OnInit } from '@angular/core';
+import { Router, ActivatedRoute } from '@angular/router';
+
+@Component({
+  selector: 'of-pages-alert',
+  templateUrl: './alert-page.component.html',
+})
+export class AlertPageComponent implements OnInit {
+
+  constructor(private route: ActivatedRoute, private router: Router) {
+  }
+
+  ngOnInit() {
+  }
+
+}

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

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { AlertPageRoutingModule } from './alert-page-routing.module';
+import { AlertPageComponent } from './alert-page.component';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    AlertPageRoutingModule,
+    // NotificationModule,
+  ],
+  declarations: [
+    AlertPageComponent,
+  ]
+})
+export class AlertPageModule { }

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

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import {DashboardPageComponent} from './dashboard-page.component';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: DashboardPageComponent,
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+
+export class DashboardPageRoutingModule { }

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

@@ -0,0 +1 @@
+<div>dashboard-page</div>

src/app/pages/dashboard/dashboard-page.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DashboardPageComponent } from './dashboard-page.component';
+
+describe('DashboardPageComponent', () => {
+  let component: DashboardPageComponent;
+  let fixture: ComponentFixture<DashboardPageComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ DashboardPageComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DashboardPageComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

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

@@ -0,0 +1,21 @@
+import { Component, OnInit, AfterViewInit, ViewChild } from '@angular/core';
+import { AfterContentInit } from '@angular/core/src/metadata/lifecycle_hooks';
+
+
+@Component({
+  selector: 'of-dashboard-page',
+  templateUrl: './dashboard-page.component.html',
+})
+
+export class DashboardPageComponent implements OnInit, AfterContentInit {
+
+
+  constructor() { }
+
+  ngAfterContentInit() {
+  }
+
+  ngOnInit() {
+  }
+
+}

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

@@ -0,0 +1,15 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { DashboardPageRoutingModule } from './dashboard-page-routing.module';
+import { DashboardPageComponent } from './dashboard-page.component';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    DashboardPageRoutingModule,
+  ],
+  declarations: [
+    DashboardPageComponent
+  ]
+})
+export class DashboardPageModule { }

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

@@ -1,2 +1 @@
-<!-- <of-infra-map></of-infra-map> -->
+<of-infra-map></of-infra-map>
-<div>infra page</div>

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

@@ -3,7 +3,7 @@ import { CommonModule } from '@angular/common';
 
 import { InfraPageRoutingModule } from './infra-page-routing.module';
 
-// import { InfraModule } from 'packages/infra/infra.module';
+import { InfraModule } from 'packages/infra/infra.module';
 import { InfraPageComponent } from './infra-page.component';
 // import { DiscoveryModule } from 'packages/discovery/discovery.module';
 
@@ -11,7 +11,7 @@ import { InfraPageComponent } from './infra-page.component';
   imports: [
     CommonModule,
     InfraPageRoutingModule,
-    // InfraModule,
+    InfraModule,
     // DiscoveryModule
   ],
   declarations: [

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

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { LogPageComponent } from './log-page.component';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: LogPageComponent,
+    children: [
+    ]
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class LogPageRoutingModule { }

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

@@ -0,0 +1 @@
+<div>log page</div>

src/app/pages/log/log-page.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LogPageComponent } from './log-page.component';
+
+describe('AlertPageComponent', () => {
+  let component: LogPageComponent;
+  let fixture: ComponentFixture<LogPageComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ LogPageComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LogPageComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

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

@@ -0,0 +1,16 @@
+import { Component, OnInit } from '@angular/core';
+import { Router, ActivatedRoute } from '@angular/router';
+
+@Component({
+  selector: 'of-pages-log',
+  templateUrl: './log-page.component.html',
+})
+export class LogPageComponent implements OnInit {
+
+  constructor(private route: ActivatedRoute, private router: Router) {
+  }
+
+  ngOnInit() {
+  }
+
+}

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

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { LogPageRoutingModule } from './log-page-routing.module';
+import { LogPageComponent } from './log-page.component';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    LogPageRoutingModule,
+  ],
+  declarations: [
+    LogPageComponent,
+  ]
+})
+export class LogPageModule { }

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

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { OverviewPageComponent } from 'app/pages/overview/overview-page.component';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: OverviewPageComponent,
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class OverviewPageRoutingModule { }

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

@@ -0,0 +1 @@
+<div>overview-page</div>

src/app/pages/overview/overview-page.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { OverviewPageComponent } from './overview-page.component';
+
+describe('OverviewComponent', () => {
+  let component: OverviewPageComponent;
+  let fixture: ComponentFixture<OverviewPageComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ OverviewPageComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(OverviewPageComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

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

@@ -0,0 +1,14 @@
+import { Component, OnInit, Inject } from '@angular/core';
+
+@Component({
+  selector: 'of-page-overview',
+  templateUrl: './overview-page.component.html',
+})
+export class OverviewPageComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

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

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { OverviewPageRoutingModule } from 'app/pages/overview/overview-page-routing.module';
+import { OverviewPageComponent } from 'app/pages/overview/overview-page.component';
+
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    OverviewPageRoutingModule,
+  ],
+  declarations: [
+    OverviewPageComponent,
+  ]
+})
+export class OverviewPageModule { }

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

@@ -17,10 +17,12 @@ const routes: Routes = [
       { path: 'map', loadChildren: './infra/infra-page.module#InfraPageModule' },
       // { path: 'sensor-setting', loadChildren: './sensor-setting/sensor-setting-page.module#SensorSettingPageModule' },
       // { path: 'target', loadChildren: './target/target-page.module#TargetPageModule' },
-      // { path: 'overview', loadChildren: './overview/overview-page.module#OverviewPageModule' },
+      { path: 'overview', loadChildren: './overview/overview-page.module#OverviewPageModule' },
-      // { path: 'dashboard', loadChildren: './dashboard/dashboard-page.module#DashboardPageModule' },
+      { path: 'dashboard', loadChildren: './dashboard/dashboard-page.module#DashboardPageModule' },
       // { path: 'notification', loadChildren: './notification/notification-page.module#NotificationPageModule' },
-      // { path: 'alert', loadChildren: './alert/alert-page.module#AlertPageModule' },
+      { path: 'alert', loadChildren: './alert/alert-page.module#AlertPageModule' },
+      { path: 'report', loadChildren: './report/report-page.module#ReportPageModule' },
+      { path: 'log', loadChildren: './log/log-page.module#LogPageModule' },
       // { path: 'settings/member', loadChildren: './settings/member/member-page.module#MemberPageModule' },
     ]
   }

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

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { ReportPageComponent } from './report-page.component';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: ReportPageComponent,
+    children: [
+    ]
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class ReportPageRoutingModule { }

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

@@ -0,0 +1 @@
+<div>report page</div>

src/app/pages/report/report-page.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AlertPageComponent } from './report-page.component';
+
+describe('AlertPageComponent', () => {
+  let component: AlertPageComponent;
+  let fixture: ComponentFixture<AlertPageComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ AlertPageComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AlertPageComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

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

@@ -0,0 +1,16 @@
+import { Component, OnInit } from '@angular/core';
+import { Router, ActivatedRoute } from '@angular/router';
+
+@Component({
+  selector: 'of-pages-report',
+  templateUrl: './report-page.component.html',
+})
+export class ReportPageComponent implements OnInit {
+
+  constructor(private route: ActivatedRoute, private router: Router) {
+  }
+
+  ngOnInit() {
+  }
+
+}

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

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { ReportPageRoutingModule } from './report-page-routing.module';
+import { ReportPageComponent } from './report-page.component';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    ReportPageRoutingModule,
+  ],
+  declarations: [
+    ReportPageComponent,
+  ]
+})
+export class ReportPageModule { }

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

@@ -1,7 +1,7 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
-// import { SensorModule } from 'packages/sensor/sensor.module';
+import { SensorModule } from 'packages/sensor/sensor.module';
 import { SensorPageRoutingModule } from './sensor-page-routing.module';
 import { SensorPageComponent } from './sensor-page.component';
 
@@ -9,7 +9,7 @@ import { SensorPageComponent } from './sensor-page.component';
   imports: [
     CommonModule,
     SensorPageRoutingModule,
-    // SensorModule,
+    SensorModule,
   ],
   declarations: [
     SensorPageComponent,

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

@@ -1,3 +1 @@
-<div style="padding: 15px">
+<of-sensor-list></of-sensor-list>
-  <of-sensor-list></of-sensor-list>
-</div>

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

@@ -1,6 +1,6 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-// import { SensorModule } from 'packages/sensor/sensor.module';
+import { SensorModule } from 'packages/sensor/sensor.module';
 import { SensorsPageComponent } from './sensors-page.component';
 import { SensorsPageRoutingModule } from './sensors-page-routing.module';
 
@@ -8,7 +8,7 @@ import { SensorsPageRoutingModule } from './sensors-page-routing.module';
   imports: [
     CommonModule,
     SensorsPageRoutingModule,
-    // SensorModule
+    SensorModule
   ],
   declarations: [
     SensorsPageComponent

src/packages/infra/component/index.ts

@@ -1,5 +1,5 @@
-// import { MapComponent } from './map/map.component';
+import { MapComponent } from './map/map.component';
 
-// export const COMPONENTS = [
+export const COMPONENTS = [
-//   MapComponent,
+  MapComponent,
-// ];
+];

src/packages/infra/component/map/map.component.html

@@ -1,4 +1,5 @@
-<div fxLayoutAlign="end" [style.margin]="'10px 10px'">
+<div>map</div>
+<!-- <div fxLayoutAlign="end" [style.margin]="'10px 10px'">
   <form class="form">
     <mat-form-field class="full-width">
       <input matInput placeholder="Search" [(ngModel)]="searchWord" (ngModelChange)="handleSearch($event)" [ngModelOptions]="{standalone: true}">
@@ -24,7 +25,6 @@
         <span matTooltip="showHostInfo(infra)">IP : {{infra.host.ip}}</span>
         <span class="pull-right"></span>
         <span style="margin-right: 20px">
-          <!-- <of-sensor-name-tag [target]="infra.target"></of-sensor-name-tag> -->
         </span>
         <button mat-raised-button color="primary" fxLayoutAlign="end" (click)="addSensor(infra)">Add Sensor</button>
       </mat-toolbar-row>
@@ -46,10 +46,9 @@
         </mat-grid-tile>
         <mat-grid-tile [colspan]="3" style="background-color: lightgreen">
           <div class="grid-left-align">
-            <!-- <of-sensor-name-tag [target]="service.target"></of-sensor-name-tag> -->
           </div>
         </mat-grid-tile>
       </mat-grid-list>
     </mat-card-content>
   </div>
-</div>
+</div> -->

src/packages/infra/component/map/map.component.scss

@@ -1,78 +0,0 @@
-@mixin infra-list($theme) {
-    
-  .infra-list{
-      margin: 10px 5px;
-      background: white;
-  }
-  .pull-right{
-      flex: 1 1 auto;
-  }
-  mat-list-item:hover {
-      background: #e8eaf6;
-      cursor: pointer;
-  }
-  .mat-chip {
-      padding: 1px 13px;
-  }
-  
-}
-.nav-item {
-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
-cursor: default;
-
-&:hover {
-  transform: translate(0, -8px);
-  box-shadow: 0 20px 20px rgba(0, 0, 0, .16)
-}
-}
-
-
-.infra-card {
-    width: 70%;
-  }
-
-  .grid-left-align {
-    position: absolute;
-    left: 5px;
-  }
-
-  .add-sensor-button {
-    position: absolute;
-    right: 1px;
-  }
-
-  .box{
-    float: left;
-    width: 13px;
-    height: 13px;
-    margin: 5px;
-    border: 1px solid rgba(0, 0, 0, .2);
-  }
-   
-  .up{
-    background: green;
-  }
-  .down{
-    background: red;
-  }
-  .warn{
-    background: yellow;
-  }
-  .error{
-    background:red;
-  }
-
-  .form {
-    min-width: 150px;
-    max-width: 500px;
-    width: 100%;
-  }
-  
-  .full-width {
-    width: 100%;
-  }
-
-  .search-result {
-    height: 80%;
-    overflow-y: scroll;
-  }

src/packages/infra/component/map/map.component.ts

@@ -0,0 +1,21 @@
+import { Component, OnInit, AfterViewInit, AfterContentInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+
+@Component({
+  selector: 'of-infra-map',
+  templateUrl: './map.component.html',
+})
+export class MapComponent implements OnInit, AfterContentInit {
+
+  constructor(
+    private router: Router,
+  ) {
+  }
+
+  ngAfterContentInit() {
+
+  }
+
+  ngOnInit() {
+  }
+}

src/packages/infra/infra.module.ts

@@ -1,38 +1,26 @@
-// import { NgModule } from '@angular/core';
+import { NgModule } from '@angular/core';
-// import { CommonModule } from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { InfraStoreModule } from './infra-store.module';
+import { COMPONENTS } from './component';
+import { SERVICES } from './service';
+import { FormsModule } from '@angular/forms';
+import { PrimeNGModules } from '../commons/prime-ng/prime-ng.module';
 
-// import { MaterialModule } from 'packages/commons/material/material.module';
+@NgModule({
-
+  imports: [
-// import { InfraStoreModule } from './infra-store.module';
+    CommonModule,
-
+    InfraStoreModule,
-// import { COMPONENTS } from './component';
+    FormsModule,
-// import { SERVICES } from './service';
+    PrimeNGModules,
-// import { SensorSettingPageModule } from 'app/pages/sensor-setting/sensor-setting-page.module';
+  ],
-// import { SensorModule } from '../sensor/sensor.module';
+  declarations: [
-// import { SettingComponent } from '../sensor/component/setting/setting.component';
+    COMPONENTS,
-// import { FormsModule } from '@angular/forms';
+  ],
-// import { InfiniteScrollModule } from 'ngx-infinite-scroll';
+  exports: [
-
+    COMPONENTS,
-// @NgModule({
+  ],
-//   imports: [
+  providers: [
-//     CommonModule,
+    SERVICES
-//     MaterialModule,
+  ]
-//     InfraStoreModule,
+})
-//     SensorModule,
+export class InfraModule { }
-//     FormsModule,
-//     InfiniteScrollModule
-//   ],
-//   declarations: [
-//     COMPONENTS,
-//   ],
-//   exports: [
-//     COMPONENTS,
-//   ],
-//   providers: [
-//     SERVICES
-//   ],
-//   entryComponents: [
-//     SettingComponent,
-//   ]
-// })
-// export class InfraModule { }

src/packages/sensor/component/index.ts

@@ -1,3 +1,5 @@
+import { ListComponent } from './list/list.component';
+
 // import { SettingComponent } from './setting/setting.component';
 // import { SettingResultComponent } from './setting-result/setting-result.component';
 // import { FilterComponent } from './list/filter/filter.component';
@@ -10,10 +12,10 @@
 // import { SettingETCComponent } from './setting/setting-etc/setting-etc.component';
 // import { NameTagComponent } from './name-tag/name-tag.component';
 
-// export const COMPONENTS = [
+export const COMPONENTS = [
 //   SettingComponent,
 //   SettingResultComponent,
-//   ListComponent,
+  ListComponent,
 //   FilterComponent,
 //   DetailComponent,
 //   TargetSelectorComponent,
@@ -22,4 +24,4 @@
 //   SensorItemSelectorComponent,
 //   SettingETCComponent,
 //   NameTagComponent,
-// ];
+];

src/packages/sensor/component/list/list.component.html

@@ -1,55 +1 @@
-<div fxLayout="row" fxLayoutWrap fxLayoutAlign="left">
+<div>sensor list</div>
-
-  <!-- Filter -->
-  <div fxFlex="20%">
-    <of-target-filter></of-target-filter>
-  </div>
-
-  <!-- Table -->
-  <div fxFlex="80%" class="example-container mat-elevation-z8">
-    <div [style.margin]="'10px'">
-      <div>Target : </div>
-      <div>Sensor : </div>
-      <div>Activated Sensor : </div>
-      <div>Inactivated Sensor : </div>
-      <div fxLayoutAlign="end">
-        <button mat-raised-button color="primary" (click)="addSensor()">Add Sensor</button>
-      </div>
-    </div>
-
-    <div fxFlex="80%" class="example-container mat-elevation-z8">
-      <div>
-        <mat-table #table [dataSource]="dataSource" matSort>
-
-          <ng-container matColumnDef="target">
-            <mat-header-cell *matHeaderCellDef mat-sort-header> Target </mat-header-cell>
-            <mat-cell *matCellDef="let element"> {{element.target.displayName}} </mat-cell>
-          </ng-container>
-
-          <ng-container matColumnDef="crawler">
-            <mat-header-cell *matHeaderCellDef mat-sort-header> Crawler </mat-header-cell>
-            <mat-cell *matCellDef="let element"> {{element.crawler.name}} </mat-cell>
-          </ng-container>
-
-          <ng-container matColumnDef="itemCount">
-            <mat-header-cell *matHeaderCellDef mat-sort-header> Items </mat-header-cell>
-            <mat-cell *matCellDef="let element"> {{element.itemCount}} </mat-cell>
-          </ng-container>
-
-          <ng-container matColumnDef="status">
-            <mat-header-cell *matHeaderCellDef mat-sort-header> Status </mat-header-cell>
-            <mat-cell *matCellDef="let element"> {{element.status.name}} </mat-cell>
-          </ng-container>
-
-          <mat-row *matRowDef="let row; columns: displayedColumns;" (click)="handleRowClick(row)"></mat-row>
-        </mat-table>
-
-        <mat-paginator #paginator [length]="totalLength" [pageIndex]="0" [pageSize]="PAGE_SIZE" (page)="handlePaging($event)">
-        </mat-paginator>
-
-      </div>
-    </div>
-
-  </div>
-
-</div>

src/packages/sensor/component/list/list.component.ts

@@ -1,81 +1,76 @@
-// import { Component, OnInit, AfterViewInit, ViewChild } from '@angular/core';
+import { Component, OnInit, AfterViewInit, ViewChild } from '@angular/core';
-// import { MatTableDataSource, MatSort, MatDialog } from '@angular/material';
+import { AfterContentInit } from '@angular/core/src/metadata/lifecycle_hooks';
-// import { AfterContentInit } from '@angular/core/src/metadata/lifecycle_hooks';
+import { Router } from '@angular/router';
-// import { Router } from '@angular/router';
+import { Sensor } from '../../model';
-// import { Sensor } from '../../model';
 
-// import { Store, select } from '@ngrx/store';
+import { Store, select } from '@ngrx/store';
 
-// import * as SensorStore from '../../store';
+import * as SensorStore from '../../store';
 
-// import { RPCClientError } from '@loafer/ng-rpc/protocol';
+import { RPCClientError } from '@loafer/ng-rpc/protocol';
-// import * as ListStore from '../../store/list';
+import * as ListStore from '../../store/list';
-// import { sensorListSelector } from '../../store';
+import { sensorListSelector } from '../../store';
-// import { Domain } from '../../../domain/model';
+import { Domain } from '../../../domain/model';
-// import { SettingComponent } from '../setting/setting.component';
+import { AuthSelector } from 'packages/member/store';
-// import { AuthSelector } from 'packages/member/store';
+import { Page, PageParams } from 'app/commons/model';
-// import { Page, PageParams } from 'app/commons/model';
 
-// @Component({
+@Component({
-//   selector: 'of-sensor-list',
+  selector: 'of-sensor-list',
-//   templateUrl: './list.component.html',
+  templateUrl: './list.component.html',
-//   styleUrls: ['./list.component.scss']
+  styleUrls: ['./list.component.scss']
-// })
+})
-// export class ListComponent implements OnInit, AfterContentInit {
+export class ListComponent implements OnInit, AfterContentInit {
 
-//   sensorList$ = this.store.pipe(select(sensorListSelector.select('page')));
+  sensorList$ = this.store.pipe(select(sensorListSelector.select('page')));
 
-//   displayedColumns = ['target', 'crawler', 'itemCount', 'status'];
+  displayedColumns = ['target', 'crawler', 'itemCount', 'status'];
-//   dataSource: MatTableDataSource<Sensor>;
+  PAGE_SIZE = '10';
-//   @ViewChild(MatSort) sort: MatSort;
+  totalLength = 0;
-//   PAGE_SIZE = '10';
-//   totalLength = 0;
 
-//   constructor(private router: Router,
+  constructor(private router: Router,
-//     private store: Store<ListStore.State>,
+    private store: Store<ListStore.State>,
-//     private dialog: MatDialog,
+  ) { }
-//   ) { }
 
-//   ngOnInit() {
+  ngOnInit() {
-//     this.sensorList$.subscribe(
+    this.sensorList$.subscribe(
-//       (page: Page) => {
+      (page: Page) => {
-//         if (page != null) {
+        if (page != null) {
-//           this.totalLength = page.totalElements;
+          this.totalLength = page.totalElements;
-//           this.dataSource = new MatTableDataSource(page.content);
+        //   this.dataSource = new MatTableDataSource(page.content);
-//           this.dataSource.sort = this.sort;
+        //   this.dataSource.sort = this.sort;
-//         }
+        }
-//       },
+      },
-//       (error: RPCClientError) => {
+      (error: RPCClientError) => {
-//         console.log(error.response.message);
+        console.log(error.response.message);
-//       }
+      }
-//     );
+    );
-//   }
+  }
 
-//   ngAfterContentInit() {
+  ngAfterContentInit() {
-//     this.getSensors(0);
+    this.getSensors(0);
-//   }
+  }
 
-//   getSensors(pageIndex: number) {
+  getSensors(pageIndex: number) {
-//     this.store.select(AuthSelector.select('domain')).subscribe(
+    this.store.select(AuthSelector.select('domain')).subscribe(
-//       (domain: Domain) => {
+      (domain: Domain) => {
-//         const pageParams: PageParams = {
+        const pageParams: PageParams = {
-//           pageNo: pageIndex + '',
+          pageNo: pageIndex + '',
-//           countPerPage: this.PAGE_SIZE,
+          countPerPage: this.PAGE_SIZE,
-//           sortCol: 'id',
+          sortCol: 'id',
-//           sortDirection: 'descending'
+          sortDirection: 'descending'
-//         };
+        };
 
-//         this.store.dispatch(new ListStore.ReadAllByDomain({ domain, pageParams }));
+        this.store.dispatch(new ListStore.ReadAllByDomain({ domain, pageParams }));
-//       },
+      },
-//       (error) => {
+      (error) => {
-//         console.log(error);
+        console.log(error);
-//       }
+      }
-//     );
+    );
-//   }
+  }
 
-//   handleRowClick(obj: Sensor) {
+  handleRowClick(obj: Sensor) {
-//     this.router.navigate(['target', obj.id]);
+    this.router.navigate(['target', obj.id]);
-//   }
+  }
 
 //   addSensor() {
 //     const dialogRef = this.dialog.open(SettingComponent, {
@@ -87,4 +82,4 @@
 
 //     });
 //   }
-// }
+}

src/packages/sensor/sensor.module.ts

@@ -1,47 +1,35 @@
-// import { NgModule } from '@angular/core';
+import { NgModule } from '@angular/core';
-// import { CommonModule } from '@angular/common';
+import { CommonModule } from '@angular/common';
-// import {FormsModule} from '@angular/forms';
+import { FormsModule } from '@angular/forms';
 
-// import { MaterialModule } from 'packages/commons/material/material.module';
+import { COMPONENTS } from './component';
-
+import { SERVICES } from './service';
-// import { COMPONENTS } from './component';
+import { SensorStoreModule } from './sensor-store.module';
-// import { SERVICES } from './service';
+import { TreeModule } from 'angular-tree-component';
-// import { SensorStoreModule } from './sensor-store.module';
+import { MetaCrawlerModule } from '../meta/crawler/crawler.module';
-// import { SettingComponent } from './component/setting/setting.component';
+import { MetaSensorDisplayItemModule } from '../meta/sensor-display-item/sensor-display-item.module';
-// import { TreeModule } from 'angular-tree-component';
-// import { PerfectScrollbarModule } from 'ngx-perfect-scrollbar';
-// import { MetaCrawlerModule } from '../meta/crawler/crawler.module';
-// import { MetaCrawlerInputItemModule } from '../meta/crawler-input-item/crawler-input.module';
-// import { MetaSensorDisplayItemModule } from '../meta/sensor-display-item/sensor-display-item.module';
-// import { InfoTableModule } from '../commons/component/info-table/info-table.module';
 // import { SensorItemModule } from '../sensor-item/sensor-item.module';
+// import { MetaCrawlerInputItemModule } from '../meta/crawler-input-item/crawler-input.module';
 
-// @NgModule({
+@NgModule({
-//   imports: [
+    imports: [
-//     CommonModule,
+        CommonModule,
-//     MaterialModule,
+        FormsModule,
-//     FormsModule,
+        SensorStoreModule,
-//     SensorStoreModule,
+        TreeModule,
-//     TreeModule,
+        MetaCrawlerModule,
-//     InfoTableModule,
+        MetaSensorDisplayItemModule,
-//     PerfectScrollbarModule,
+        // SensorItemModule
-//     MetaCrawlerModule,
+    ],
-//     MetaCrawlerInputItemModule,
+    declarations: [
-//     MetaSensorDisplayItemModule,
+        COMPONENTS,
-//     SensorItemModule
+    ],
-//   ],
+    exports: [
-//   declarations: [
+        COMPONENTS,
-//     COMPONENTS,
+    ],
-//   ],
+    providers: [
-//   exports: [
+        SERVICES,
-//     COMPONENTS,
+    ]
-//   ],
+})
-//   providers: [
+export class SensorModule { }
-//     SERVICES,
-//   ],
-//   entryComponents: [
-//     SettingComponent
-//   ]
-// })
-// export class SensorModule { }