ing

@overflow/discovery/component/discovery/discovery.component.html

@@ -5,8 +5,16 @@
 <div class="ui-g">
   <div class="ui-g-12 ui-md-3">
     <p-accordion (onClose)="onTabClose($event)" (onOpen)="OnTabOpen($event)">
-      <p-accordionTab header="Discovery Search Config Area" [selected]="true">
+      <p-accordionTab header="Probe Select Area" [selected]="true">
-        <of-discovery-search-config (discoverySearchStartClick)="onDiscoveryStart()" (selectProbe)="onSelectedProbe($event)"></of-discovery-search-config>
+        <of-probe-selector
+          [preProbe]="probeHosts"
+          (probeSelected)="onSelectedProbe($event)"
+        ></of-probe-selector>
+      </p-accordionTab>
+      <p-accordionTab header="Discovery Search Config Area" >
+        <of-discovery-search-config
+          (discoverySearchStartClick)="onDiscoveryStart()"
+          (selectProbe)="onSelectedProbe($event)"></of-discovery-search-config>
       </p-accordionTab>
       <p-accordionTab header="Result Filter Area">
         <of-discovery-search-filter></of-discovery-search-filter>
@@ -19,4 +27,4 @@
       <of-discovery-search-result [probe]="selectedProbe"></of-discovery-search-result>
     </p-panel>
   </div>
-</div>
+</div>

@overflow/discovery/component/discovery/discovery.component.ts

@@ -1,5 +1,5 @@
 import {
-  AfterContentInit, Component,
+  AfterContentInit, Component, Input,
   OnInit
 } from '@angular/core';
 import {Probe} from '@overflow/commons-typescript/model/probe';
@@ -10,6 +10,8 @@ import {Probe} from '@overflow/commons-typescript/model/probe';
 })
 export class DiscoveryComponent implements OnInit, AfterContentInit {
 
+  @Input() probeHosts;
+
   private tabIdx: number;
   selectedProbe: Probe;
 
@@ -43,4 +45,8 @@ export class DiscoveryComponent implements OnInit, AfterContentInit {
     console.log(probe);
     this.selectedProbe = probe;
   }
+
+  onProbeSelect(probe) {
+    console.log(probe);
+  }
 }

@overflow/discovery/component/discovery/probe-selector/probe-selector.component.ts

@@ -2,11 +2,9 @@ import {
   Component, OnInit, Input, AfterContentInit, Output,
   EventEmitter, OnDestroy, ViewChild
 } from '@angular/core';
-import { Store, select, StateObservable } from '@ngrx/store';
-import { RPCClientError } from '@loafer/ng-rpc';
 
 import { Subscription } from 'rxjs/Subscription';
-import { Probe } from '@overflow/commons-typescript/model/probe';
+import {Probe, ProbeHost} from '@overflow/commons-typescript/model/probe';
 
 @Component({
   selector: 'of-probe-selector',
@@ -14,31 +12,18 @@ import { Probe } from '@overflow/commons-typescript/model/probe';
 })
 export class ProbeSelectorComponent implements OnInit, AfterContentInit, OnDestroy {
 
-  @Input() preProbe: Probe;
+  @Input() preProbe: ProbeHost;
-  probesSubscription$: Subscription;
-  probes$: StateObservable;
   probes: Probe[];
   selected: Probe;
 
   @Output() probeSelected = new EventEmitter<Probe>();
 
   constructor(
-    // private listStore: Store<ListStore.State>,
   ) {
-    // this.probes$ = listStore.pipe(select(ListSelector.select('probes')));
   }
 
   ngOnInit() {
-    this.probesSubscription$ = this.probes$.subscribe (
+
-      (list: Probe[]) => {
-        if (list !== null) {
-          this.probes = list;
-        }
-      },
-      (error: RPCClientError) => {
-        console.log(error.response.message);
-      }
-    );
   }
 
   ngAfterContentInit() {
@@ -46,26 +31,29 @@ export class ProbeSelectorComponent implements OnInit, AfterContentInit, OnDestr
   }
 
   ngOnDestroy() {
-    if (this.probesSubscription$) {
-      this.probesSubscription$.unsubscribe();
-    }
     this.selected = null;
     this.probes = null;
   }
 
   getProbes() {
-    // this.listStore.select(AuthSelector.select('domain')).subscribe(
+
-    //   (domain: Domain) => {
-    //     this.listStore.dispatch(new ListStore.ReadAllByDomain(domain));
-    //   },
-    //   (error) => {
-    //     console.log(error);
-    //   }
-    // );
   }
 
   onProbeSelect(event) {
     this.selected = event.value;
     this.probeSelected.emit(this.selected);
   }
+
+  registerOnChange(fn: any): void {
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+  }
+
+  writeValue(obj: any): void {
+  }
+
 }

@overflow/discovery/component/discovery/search-config/search-config.component.html

@@ -1,21 +1,36 @@
 <div class="ui-g">
 
-  <!--<form [formGroup]="discoveryFormGroup" (ngSubmit)="discoveryStartClick()" >-->
+  <!--<form [formGroup]="discoveryFormGroup" (ngSubmit)="discoveryStartClick(discoveryFormGroup)" >-->
-    <div class="ui-g-12">
+  <!--<div class="ui-g-12">-->
-      <label>Probe</label>
+  <!--<label>Probe</label>-->
-    </div>
+  <!--</div>-->
-    <div class="ui-g-12 ui-bottom-space-20">
+  <!--<div class="ui-g-12 ui-bottom-space-20">-->
-      <of-probe-selector [preProbe]="probe" (probeSelected)="onProbeSelect($event)"></of-probe-selector>
+  <!--<of-probe-selector-->
-    </div>
+  <!--[preProbe]="probe"-->
+  <!--(probeSelected)="onProbeSelect($event)"-->
+  <!--&gt;</of-probe-selector>-->
+  <!--</div>-->
     <div class="ui-g-12">
       <label>IP Version</label>
     </div>
     <div class="ui-g-12 ui-bottom-space-20">
       <div class="ui-g-6 ui-g-nopad">
-        <p-radioButton name="group1" value="0" label="IPv4" [(ngModel)]="ipVesion" inputId="opt1"></p-radioButton>
+        <p-radioButton
+          name="group1"
+          value="0"
+          label="IPv4"
+          [(ngModel)]="ipVesion"
+          inputId="opt1"
+          ></p-radioButton>
       </div>
       <div class="ui-g-6 ui-g-nopad">
-        <p-radioButton name="group1" value="1" label="IPv6" [(ngModel)]="ipVesion" inputId="opt2"></p-radioButton>
+        <p-radioButton
+          name="group1"
+          value="1"
+          label="IPv6"
+          [(ngModel)]="ipVesion"
+          inputId="opt2"
+        ></p-radioButton>
       </div>
     </div>
 
@@ -24,23 +39,43 @@
       <input type="hidden" >
     </div>
     <div class="ui-g-12">
-      <of-ip-input [hostIp]="startHostIp" (inputIp)="onInputIP($event, 0)" [title]="'Start'"></of-ip-input>
+      <of-ip-input
+        [hostIp]="startHostIp"
+        (inputIp)="onInputIP($event, 0)"
+        [title]="'Start'"
+      ></of-ip-input>
     </div>
     <div class="ui-g-12">
-      <of-ip-input [hostIp]="endHostIp" (inputIp)="onInputIP($event, 1)" [title]="'End'"></of-ip-input>
+      <of-ip-input
+        [hostIp]="endHostIp"
+        (inputIp)="onInputIP($event, 1)"
+        [title]="'End'"></of-ip-input>
     </div>
     <div class="ui-g-12 ui-bottom-space-20">
-      <of-ip-input [hostIp]="excludeHostIp" (inputIp)="onInputIP($event, 2)" [title]="'Exclude'"></of-ip-input>
+      <of-ip-input
+        [hostIp]="excludeHostIp"
+        (inputIp)="onInputIP($event, 2)"
+        [title]="'Exclude'"></of-ip-input>
     </div>
     <div class="ui-g-12">
       <label>Port type</label>
     </div>
     <div class="ui-g-12 ui-bottom-space-20">
       <div class="ui-g-6 ui-g-nopad">
-        <p-radioButton name="group2" value="0" label="TCP" [(ngModel)]="portType" inputId="opt3"></p-radioButton>
+        <p-checkbox
+          name="group2"
+          value="0"
+          label="TCP"
+          [(ngModel)]="selectPortTypes"
+          inputId="tcp"></p-checkbox>
       </div>
       <div class="ui-g-6 ui-g-nopad">
-        <p-radioButton name="group2" value="1" label="UDP" [(ngModel)]="portType" inputId="opt4"></p-radioButton>
+        <p-checkbox
+          name="group2"
+          value="1"
+          label="UDP"
+          [(ngModel)]="selectPortTypes"
+          inputId="udp"></p-checkbox>
       </div>
     </div>
 
@@ -49,13 +84,26 @@
     </div>
     <div class="ui-g-12 ui-g-nopad ui-bottom-space-20">
       <div class="ui-g-4">
-        <p-inputMask slotChar=" " mask="9999" [(ngModel)]="startPort" placeholder="Start" [autoClear]="false"></p-inputMask>
+        <p-inputMask
+          slotChar=" "
+          mask="9999"
+          [(ngModel)]="startPort"
+          placeholder="Start"
+          [autoClear]="false"></p-inputMask>
       </div>
       <div class="ui-g-4">
-        <p-inputMask mask="9999" [(ngModel)]="endPort" placeholder="End" [autoClear]="false"></p-inputMask>
+        <p-inputMask
+          mask="9999"
+          [(ngModel)]="endPort"
+          placeholder="End"
+          [autoClear]="false"></p-inputMask>
       </div>
       <div class="ui-g-4">
-        <p-inputMask mask="9999" [(ngModel)]="excludePort" placeholder="Exclude" [autoClear]="false"></p-inputMask>
+        <p-inputMask
+          mask="9999"
+          [(ngModel)]="excludePort"
+          placeholder="Exclude"
+          [autoClear]="false"></p-inputMask>
       </div>
     </div>
 
@@ -66,7 +114,7 @@
       <of-service-selector [(includeServices)]="includeServices"></of-service-selector>
     </div>
     <div class="ui-g-12" dir="rtl">
-       <button type="submit" label="Discovery Start" pButton class="ui-button-width-fit" ></button>
+       <button type="submit" label="Discovery Start" pButton class="ui-button-width-fit" (click)="discoveryStartClick()" ></button>
     </div>
   <!--</form>-->
 </div>

@overflow/discovery/component/discovery/search-config/search-config.component.ts

@@ -4,7 +4,7 @@ import {
 } from '@angular/core';
 import {
   FormBuilder,
-  FormGroup
+  FormGroup, Validators
 } from '@angular/forms';
 
 @Component({
@@ -21,7 +21,6 @@ export class SearchConfigComponent implements OnInit, AfterContentInit {
   discoveryFormGroup: FormGroup;
 
   ipVesion: number;
-  portType: number;
 
   startIP: string;
   endIP: string;
@@ -30,12 +29,12 @@ export class SearchConfigComponent implements OnInit, AfterContentInit {
   endPort: string;
   excludePort: string;
 
-  probe: number;
-
   startHostIp: string;
   endHostIp: string;
   excludeHostIp: string;
 
+  selectPortTypes: string[] = ['0'];
+
   constructor(
     private formBuilder: FormBuilder,
   ) {
@@ -43,7 +42,6 @@ export class SearchConfigComponent implements OnInit, AfterContentInit {
 
   ngOnInit() {
     this.ipVesion = 0;
-    this.portType = 0;
     this.initForm();
     // this.hostIp = '192.168.1.10';
   }
@@ -53,7 +51,16 @@ export class SearchConfigComponent implements OnInit, AfterContentInit {
 
   initForm() {
     // this.discoveryFormGroup = this.formBuilder.group({
-    //
+    //   probeSelect: [null],
+    //   IPType: [null],
+    //   startIP:[null],
+    //   endIP: [null],
+    //   exIP: [null],
+    //   portType: [null],
+    //   startPort: [null],
+    //   endPort: [null],
+    //   exPort: [null],
+    //   services: [null]
     // });
   }
 
@@ -61,11 +68,6 @@ export class SearchConfigComponent implements OnInit, AfterContentInit {
     this.discoverySearchStartClick.emit();
   }
 
-  onProbeSelect(probe) {
-    console.log(probe);
-    this.selectProbe.emit(probe);
-  }
-
   onInputIP(event, idx) {
     console.log(idx);
     console.log(event.target.data);

@overflow/discovery/component/discovery/service-selector/service-selector.component.ts

@@ -29,25 +29,25 @@ export class ServiceSelectorComponent implements OnInit, AfterContentInit, OnDes
   constructor(
     private listStore: Store<ListStore.State>,
   ) {
-    this.crawlers$ = listStore.pipe(select(ReadAllCrawlerSelector.select('metaCrawlerList')));
+    // this.crawlers$ = listStore.pipe(select(ReadAllCrawlerSelector.select('metaCrawlerList')));
   }
 
   ngOnInit() {
-    this.crawlersSubscription$ = this.crawlers$.subscribe(
+    // this.crawlersSubscription$ = this.crawlers$.subscribe(
-      (list: MetaCrawler[]) => {
+    //   (list: MetaCrawler[]) => {
-        if (list !== null) {
+    //     if (list !== null) {
-          this.crawlers = [];
+    //       this.crawlers = [];
-          this.crawlers = list;
+    //       this.crawlers = list;
-        }
+    //     }
-      },
+    //   },
-      (error: RPCClientError) => {
+    //   (error: RPCClientError) => {
-        console.log(error);
+    //     console.log(error);
-      }
+    //   }
-    );
+    // );
   }
 
   ngAfterContentInit() {
-    this.listStore.dispatch(new ListStore.ReadAll());
+    // this.listStore.dispatch(new ListStore.ReadAll());
   }
 
   ngOnDestroy() {

@overflow/discovery/container/discovery/discovery-container.component.html

@@ -1 +1 @@
-<of-discovery></of-discovery>
+<of-discovery [probeHosts]="probeHosts$ | async"></of-discovery>

@overflow/discovery/container/discovery/discovery-container.component.ts

@@ -2,8 +2,15 @@ import {
   AfterContentInit, Component, Input,
   OnInit
 } from '@angular/core';
-import { select, StateObservable } from '@ngrx/store';
+import { select, Store} from '@ngrx/store';
 import { ActivatedRoute } from '@angular/router';
+import { Probe, ProbeHost } from '@overflow/commons-typescript/model/probe';
+
+import { AuthSelector } from '@overflow/member/store';
+import { Domain } from '@overflow/commons-typescript/model/domain';
+import * as ProbeEntityStore from '@overflow/probe/store/entity/probe';
+import {Observable} from 'rxjs';
+import { ProbeEntitySelector } from '@overflow/probe/store';
 
 @Component({
   selector: 'of-discovery-container',
@@ -18,15 +25,26 @@ export class DiscoveryContainerComponent implements OnInit, AfterContentInit {
   // get service list
   @Input() hostID;
 
+  probeHosts$: Observable<Probe[]>;
+  selectProbes?: Probe[];
+
   constructor(
     private activatedRoute: ActivatedRoute,
+    private store: Store<ProbeEntityStore.State>
   ) {
-    if (this.hostID > 0 && this.hostID !== undefined ) {
+      this.probeHosts$ = store.pipe(select(ProbeEntitySelector.selectAll));
-      console.log('ddddddddddddddddddddddddddddddddddddddd');
+
-    }
   }
 
   ngOnInit() {
+    this.store.select(AuthSelector.select('domain')).subscribe(
+      (domain: Domain) => {
+        this.store.dispatch(new ProbeEntityStore.ReadAllByDomainID(domain.id));
+      },
+      (error) => {
+        console.log(error);
+      }
+    );
   }
 
   ngAfterContentInit() {