From e3dd58b95742aea8ff208c0877219e2bbf2c60b2 Mon Sep 17 00:00:00 2001
From: geek <geek@loafle.com>
Date: Fri, 25 May 2018 20:24:51 +0900
Subject: [PATCH] ing

---
 .../search-filter.component.html              | 22 ++-----------------
 .../search-filter/search-filter.component.ts  |  6 +++++
 2 files changed, 8 insertions(+), 20 deletions(-)

diff --git a/@overflow/discovery/component/discovery/search-filter/search-filter.component.html b/@overflow/discovery/component/discovery/search-filter/search-filter.component.html
index ffa9f93..2906917 100644
--- a/@overflow/discovery/component/discovery/search-filter/search-filter.component.html
+++ b/@overflow/discovery/component/discovery/search-filter/search-filter.component.html
@@ -4,28 +4,10 @@
     <input type="hidden" >
   </div>
   <div class="ui-g-12">
-    <div class="ui-inputgroup">
-      <span style="margin-right: 18px">Start </span>
-      <input type="text" pInputText placeholder="127" maxlength="3">
-      <span class="ui-inputgroup-addon">.</span>
-      <input type="text" pInputText placeholder="0" maxlength="3">
-      <span class="ui-inputgroup-addon">.</span>
-      <input type="text" pInputText placeholder="0" maxlength="3">
-      <span class="ui-inputgroup-addon">.</span>
-      <input type="text" pInputText placeholder="1" maxlength="3">
-    </div>
+    <of-ip-input [hostIp]="startHostIp" (inputIp)="onInputIP($event, 0)" [title]="'Start'"></of-ip-input>
   </div>
   <div class="ui-g-12 ui-bottom-space-20">
-    <div class="ui-inputgroup">
-      <span style="margin-right: 24px">End </span>
-      <input type="text" pInputText placeholder="127" maxlength="3">
-      <span class="ui-inputgroup-addon">.</span>
-      <input type="text" pInputText placeholder="0" maxlength="3">
-      <span class="ui-inputgroup-addon">.</span>
-      <input type="text" pInputText placeholder="0" maxlength="3">
-      <span class="ui-inputgroup-addon">.</span>
-      <input type="text" pInputText placeholder="1" maxlength="3">
-    </div>
+    <of-ip-input [hostIp]="endHostIp" (inputIp)="onInputIP($event, 1)" [title]="'End'"></of-ip-input>
   </div>
 
   <div class="ui-g">
diff --git a/@overflow/discovery/component/discovery/search-filter/search-filter.component.ts b/@overflow/discovery/component/discovery/search-filter/search-filter.component.ts
index da235cd..98837d6 100644
--- a/@overflow/discovery/component/discovery/search-filter/search-filter.component.ts
+++ b/@overflow/discovery/component/discovery/search-filter/search-filter.component.ts
@@ -9,6 +9,8 @@ import {
 })
 export class SearchFilterComponent implements OnInit, AfterContentInit {
 
+  startHostIp: string;
+  endHostIp: string;
 
   constructor(
   ) {
@@ -19,4 +21,8 @@ export class SearchFilterComponent implements OnInit, AfterContentInit {
 
   ngAfterContentInit() {
   }
+
+  onInputIP(event, idx) {
+
+  }
 }