fixed home , ing discovery

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

@@ -3,12 +3,6 @@
             <div class="ui-g-12">
                 <div class="card no-margin">
                     <h1>Home works</h1>
-
-                    <p-dialog header="Discovery" [style]="{width: '400px'}" [(visible)]="display">
-                        <of-discovery-setting></of-discovery-setting>
-                    </p-dialog>
-                    
-                    <button pButton type="button" class="ui-button-large" icon="ui-icon-play-arrow" label="Discovery" style="width:auto" (click)="showDialog()"></button>
                 </div>
             </div>
         </div>

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

@@ -1,6 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import {DialogModule} from 'primeng/dialog';
+
-import { SettingComponent as DiscoverySettingComponent } from 'packages/discovery/component/setting/setting.component';
 
 
 @Component({
@@ -9,7 +8,6 @@ import { SettingComponent as DiscoverySettingComponent } from 'packages/discover
 })
 export class HomePageComponent implements OnInit {
 
-  display = false;
 
   constructor() { }
 
@@ -18,8 +16,4 @@ export class HomePageComponent implements OnInit {
 
 
 
-    showDialog() {
-        this.display = true;
-    }
-
 }

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

@@ -5,17 +5,13 @@ import { HomePageComponent } from './home-page.component';
 import { HomePageRoutingModule } from './home-page-routing.module';
 import { PrimeNGModules } from 'packages/commons/prime-ng/prime-ng.module';
 
-import { SettingComponent as DiscoverySettingComponent } from 'packages/discovery/component/setting/setting.component';
-import { DiscoveryModule } from 'packages/discovery/discovery.module';
 @NgModule({
   imports: [
     CommonModule,
     HomePageRoutingModule,
     PrimeNGModules,
-    DiscoveryModule
   ],
   entryComponents: [
-    DiscoverySettingComponent
   ],
   declarations: [HomePageComponent]
 })

src/packages/discovery/component/setting/setting.component.html

@@ -17,36 +17,46 @@
         </div>
       </div>
 
-      <div style="margin-top: 8px">
+      <div class="ui-g form-group">
-      <span class="ui-float-label">
+        <div class="ui-g-12 ui-md-4">
-          <input id="float-input" type="text" size="30" pInputText> 
+          <span class="ui-float-label">
-          <label for="float-input">Start Ip</label>
+            <input id="float-input" type="text" size="30" pInputText> 
-      </span>
+            <label for="float-input">Start Ip</label>
-
+        </span>
-      <span class="ui-float-label">
+  
-          <input id="float-input" type="text" size="30" pInputText> 
+        </div>
-          <label for="float-input">End Ip</label>
+        <div class="ui-g-12 ui-md-4">
-      </span>
+          <span class="ui-float-label">
+            <input id="float-input" type="text" size="30" pInputText> 
+            <label for="float-input">End Ip</label>
+        </span>
+        </div>
+      
     </div>
 
+     
       <div class="ui-g" style="width:250px;margin-bottom:10px">
           <div class="ui-g-12">
             <p-checkbox name="group1" value="port" label="Port" [(ngModel)]="selectedCities" inputId="la"></p-checkbox>
           </div>
         </div>
-  
-        <div style="margin-top: 8px">
-        <span class="ui-float-label">
-            <input id="float-input" type="text" size="30" pInputText> 
-            <label for="float-input">Start Port</label>
-        </span>
-  
-        <span class="ui-float-label">
-            <input id="float-input" type="text" size="30" pInputText> 
-            <label for="float-input">End Port</label>
-        </span>
-      </div>
 
+        <div class="ui-g form-group">
+          <div class="ui-g-12 ui-md-4">
+              <span class="ui-float-label">
+                  <input id="float-input" type="text" size="30" pInputText> 
+                  <label for="float-input">Start Port</label>
+              </span>
+          </div>
+
+          <div class="ui-g-12 ui-md-4">
+              <span class="ui-float-label">
+                  <input id="float-input" type="text" size="30" pInputText> 
+                  <label for="float-input">End Port</label>
+              </span>
+          </div>
+        </div>
+  
         <!-- <p-listbox [options]="cities" [(ngModel)]="selectedCities" multiple="multiple" checkbox="checkbox" filter="filter" optionLabel="name">
             <p-header>
               <i class="fa fa-car"></i>

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

@@ -1,6 +1,6 @@
 <div class="ui-g">
   <h1>Map</h1>
-  <p-dialog header="Discovery" [width]="400" [(visible)]="display">
+  <p-dialog header="Discovery" [width]="800" [(visible)]="display">
       <of-discovery-setting (close)="closeDialog()"></of-discovery-setting>
   </p-dialog>
   <div class="ui-g-12 ui-g-nopad">