From 3cc60d0cacfc45affaccc9342ed432e25e4e6341 Mon Sep 17 00:00:00 2001
From: insanity <insanity@loafle.com>
Date: Wed, 19 Sep 2018 21:00:54 +0900
Subject: [PATCH] ping in progress

---
 .../component/host-detail.component.html      | 44 +++++--------------
 .../component/host-detail.component.ts        | 16 ++++---
 .../component/service-detail.component.html   | 19 +++++---
 .../component/service-detail.component.ts     | 15 +++++--
 4 files changed, 44 insertions(+), 50 deletions(-)

diff --git a/src/commons/component/host-detail.component.html b/src/commons/component/host-detail.component.html
index 871458c..ba35231 100644
--- a/src/commons/component/host-detail.component.html
+++ b/src/commons/component/host-detail.component.html
@@ -80,46 +80,22 @@
     <p-tabPanel header="Health">
 
       <div class="ui-g-10 ui-g-offset-2">Retries :
-        <input type="number" pInputText style="width:100px;" [(ngModel)]="retries" min="1" max="10">
+        <input type="number" pInputText [(ngModel)]="retries" min="1" max="50">
+      </div>
+      <div class="ui-g-10 ui-g-offset-2">Interval :
+        <input type="number" pInputText [(ngModel)]="interval" min="1" max="10">
+      </div>
+      <div class="ui-g-10 ui-g-offset-2">Deadline :
+        <input type="number" pInputText [(ngModel)]="deadline" min="1" max="10">
       </div>
-      <!-- <div class="ui-g-10 ui-g-offset-2">Interval :
-              <input type="text" pInputText placeholder="3" style="width:100px;" [(ngModel)]="interval" (ngModelChange)="validateIP($event, 0)"
-                (keypress)="ipPressed($event)">
-            </div>
-            <div class="ui-g-10 ui-g-offset-2">Deadline :
-              <input type="text" pInputText placeholder="3" style="width:100px;" [(ngModel)]="deadline" (ngModelChange)="validateIP($event, 0)"
-                (keypress)="ipPressed($event)">
-            </div> -->
 
       <button type="button" pButton label="Ping" (click)="doPing()" class="ui-button-secondary ui-pingbn-position"></button>
       <br />
-      <textarea style="width: 100%; height: 200px" pInputTextarea autoResize="autoResize" [(ngModel)]="healthResponse"></textarea>
+      <p-progressSpinner *ngIf="pingWaiting"></p-progressSpinner>
 
-      <div *ngIf="pingWaiting">
-        Checking....
-      </div>
-      <div *ngIf="pingResult">
-        <ul>
-          <li *ngFor="let key of pingResult.responses | objectKeys">
-            <span *ngIf="pingResult.responses[key].error else value">
-              {{pingResult.responses[key].error}}
-            </span>
-            <ng-template #value>
-              TTL={{pingResult.responses[key].ttl}} : {{pingResult.responses[key].time}}ms
-            </ng-template>
-          </li>
-        </ul>
+      <textarea style="width: 100%; height: 200px; background-color: black; color:#fff;" *ngIf="!pingWaiting && pingResult"
+        pInputTextarea autoResize="autoResize" [(ngModel)]="pingResult.raw"></textarea>
 
-        <div>
-          <div *ngIf="pingResult.summary.sendCount">Sent: {{pingResult.summary.sendCount}}</div>
-          <div *ngIf="pingResult.summary.receiveCount">Received: {{pingResult.summary.receiveCount}}</div>
-          <div *ngIf="pingResult.summary.lossPercent">Loss: {{pingResult.summary.lossPercent}} %</div>
-          <div *ngIf="pingResult.summary.avgTime">Avg: {{pingResult.summary.avgTime}} ms</div>
-          <div *ngIf="pingResult.summary.minTime">Min: {{pingResult.summary.minTime}} ms</div>
-          <div *ngIf="pingResult.summary.maxTime">Min: {{pingResult.summary.maxTime}} ms</div>
-        </div>
-
-      </div>
     </p-tabPanel>
   </p-tabView>
 
diff --git a/src/commons/component/host-detail.component.ts b/src/commons/component/host-detail.component.ts
index 1e64938..041fe4a 100644
--- a/src/commons/component/host-detail.component.ts
+++ b/src/commons/component/host-detail.component.ts
@@ -15,34 +15,36 @@ export class HostDetailComponent {
 
   @Input() host: Host;
 
-  healthResponse: string;
-
   pingWaiting: boolean;
-  pingResult: PingResult;
+
   retries: number;
+  interval: number;
+  deadline: number;
+
+  pingResult: PingResult;
 
   constructor(
     private probeService: ProbeService,
   ) {
     this.pingWaiting = false;
     this.retries = 5;
+    this.interval = 1;
+    this.deadline = 1;
   }
 
   doPing() {
     this.pingWaiting = true;
-    this.pingWaiting = true;
 
     const option = {
       Retry: this.retries,
-      Interval: 1,
-      Deadline: 1,
+      Interval: this.interval,
+      Deadline: this.deadline,
     };
 
     this.probeService
       .call<PingResult>('PingService.PingHost', this.host, option)
       .pipe(
         map((pingResult: PingResult) => {
-          this.healthResponse = 'aslkdfjas\nasdflskjdf';
           if (pingResult) {
             this.pingResult = pingResult;
           }
diff --git a/src/commons/component/service-detail.component.html b/src/commons/component/service-detail.component.html
index b39c56c..5229e1f 100644
--- a/src/commons/component/service-detail.component.html
+++ b/src/commons/component/service-detail.component.html
@@ -60,18 +60,27 @@
     </p-tabPanel>
 
     <p-tabPanel header="Health">
-      <button type="button" pButton label="Ping" (click)="doPing()" class="ui-button-secondary ui-pingbn-position"></button>
-      <div *ngIf="pingWaiting">
-        Checking....
+
+      <div class="ui-g-10 ui-g-offset-2">Retries :
+        <input type="number" pInputText [(ngModel)]="retries" min="1" max="50">
       </div>
-      <div *ngIf="pingResult">
+      <div class="ui-g-10 ui-g-offset-2">Interval :
+        <input type="number" pInputText [(ngModel)]="interval" min="1" max="10">
+      </div>
+      <div class="ui-g-10 ui-g-offset-2">Deadline :
+        <input type="number" pInputText [(ngModel)]="deadline" min="1" max="10">
+      </div>
+
+      <button type="button" pButton label="Ping" (click)="doPing()" class="ui-button-secondary ui-pingbn-position"></button>
+      <p-progressSpinner *ngIf="pingWaiting"></p-progressSpinner>
+      <div *ngIf="!pingWaiting && pingResult">
         <ul>
           <li *ngFor="let key of pingResult.responses | objectKeys">
             <span *ngIf="pingResult.responses[key].error else value">
               {{pingResult.responses[key].error}}
             </span>
             <ng-template #value>
-              {{pingResult.responses[key].time}}ms
+              Response time {{key}} : {{pingResult.responses[key].time}}ms
             </ng-template>
           </li>
         </ul>
diff --git a/src/commons/component/service-detail.component.ts b/src/commons/component/service-detail.component.ts
index f34e8a0..8235b23 100644
--- a/src/commons/component/service-detail.component.ts
+++ b/src/commons/component/service-detail.component.ts
@@ -16,26 +16,33 @@ export class ServiceDetailComponent {
   pingWaiting: boolean;
   pingResult: PingResult;
 
+  retries: number;
+  interval: number;
+  deadline: number;
+
   constructor(
     private probeService: ProbeService
   ) {
     this.pingWaiting = false;
+    this.retries = 5;
+    this.interval = 1;
+    this.deadline = 1;
   }
 
   doPing() {
     this.pingWaiting = true;
 
-
     const option = {
-      Retry: 3,
-      Interval: 1,
-      Deadline: 1,
+      Retry: this.retries,
+      Interval: this.interval,
+      Deadline: this.deadline,
     };
 
     this.probeService
       .call<PingResult>('PingService.PingService', this.service, option)
       .pipe(
         map((pingResult: PingResult) => {
+          console.log(pingResult);
           if (pingResult) {
             this.pingResult = pingResult;
           }