From 1e20eea2d2383019c20bd7b1f98a3f46349db776 Mon Sep 17 00:00:00 2001
From: crusader <crusader@atgame.net>
Date: Wed, 12 Sep 2018 15:33:48 +0900
Subject: [PATCH] ing

---
 src/app/pages/home/home-page.component.html | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/app/pages/home/home-page.component.html b/src/app/pages/home/home-page.component.html
index c660c19..162446e 100644
--- a/src/app/pages/home/home-page.component.html
+++ b/src/app/pages/home/home-page.component.html
@@ -26,6 +26,9 @@
             <image [attr.x]="-node.r" [attr.y]="-node.r" [attr.width]="node.r * 2" [attr.height]="node.r * 2"
               xlink:href="../../assets/image/icon/icon_overflow.svg"></image>
           </g>
+          <g *ngIf="node.group === 'zone'">
+            <text class="textClass" [attr.y]="(node.r - 10) / 10 + 'em'" text-anchor="middle">{{node.target.network}}</text>
+          </g>
           <g *ngIf="node.group !== 'zone'">
             <image [attr.x]="-node.r" [attr.y]="-node.r" [attr.width]="node.r * 2" [attr.height]="node.r * 2"
               xlink:href="../../assets/image/icon/icon_background.svg"></image>
@@ -38,8 +41,11 @@
             <image [attr.x]="-node.r" [attr.y]="-node.r" [attr.width]="node.r * 2" [attr.height]="node.r * 2"
               attr.xlink:href="../../assets/image/logo/logo_{{node.target.osType | lowercase}}.svg"></image>
           </g>
-          <g *ngIf="node.group === 'host' && node.target.hostType !== 'HOST' && node.target.hostVendor !== ''">
+          <!-- <g *ngIf="node.group === 'host' && node.target.hostType !== 'HOST' && node.target.hostVendor !== ''">
             <text class="textClass" [attr.y]="(node.r - 30) / 10 + 'em'" text-anchor="middle">{{node.target.hostVendor}}</text>
+          </g> -->
+          <g *ngIf="node.group === 'host'">
+            <text class="textClass" [attr.y]="(node.r - 10) / 10 + 'em'" text-anchor="middle">{{node.target.address}}</text>
           </g>
           <g *ngIf="node.group === 'service'">
             <image [attr.x]="-node.r" [attr.y]="-node.r" [attr.width]="node.r * 2" [attr.height]="node.r * 2"
@@ -49,8 +55,8 @@
             <image [attr.x]="-node.r" [attr.y]="-node.r" [attr.width]="node.r * 2" [attr.height]="node.r * 2"
               attr.xlink:href="../../assets/image/logo/logo_{{node.target.key | lowercase}}.svg"></image>
           </g>
-          <g>
-            <text class="textClass" [attr.y]="(node.r - 10) / 10 + 'em'" text-anchor="middle">{{node.id}}</text>
+          <g *ngIf="node.group === 'service'">
+            <text class="textClass" [attr.y]="(node.r - 10) / 10 + 'em'" text-anchor="middle">{{node.target.name}}</text>
           </g>
         </g>
       </g>