ing

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

@@ -29,22 +29,22 @@
           <g class="node-container" [ngClass]="node.group" [attr.nodeId]="node.id" [attr.transform]="'translate(' + node.x + ',' + node.y + ')'">
             <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_overflow.svg"></image>
+                xlink:href="../../assets/image/node/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>
+                xlink:href="../../assets/image/node/icon/icon_background.svg"></image>
             </g>
             <g *ngIf="node.group === 'host'">
               <image [attr.x]="-node.r" [attr.y]="-node.r" [attr.width]="node.r * 2" [attr.height]="node.r * 2"
-                attr.xlink:href="../../assets/image/icon/icon_{{node.target.hostType | lowercase}}.svg"></image>
+                attr.xlink:href="../../assets/image/node/icon/icon_{{node.target.hostType | lowercase}}.svg"></image>
             </g>
             <g *ngIf="node.group === 'host' && node.target.hostType === 'HOST' && node.target.osType !== 'UNKNOWN'">
               <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>
+                attr.xlink:href="../../assets/image/node/logo/logo_{{node.target.osType | lowercase}}.svg"></image>
             </g>
             <!-- <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>
@@ -54,11 +54,11 @@
             </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"
-                attr.xlink:href="../../assets/image/icon/icon_{{node.target.serviceType | lowercase}}.svg"></image>
+                attr.xlink:href="../../assets/image/node/icon/icon_{{node.target.serviceType | lowercase}}.svg"></image>
             </g>
             <g *ngIf="node.group === 'service' && node.target.key !== 'UNKNOWN'">
               <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>
+                attr.xlink:href="../../assets/image/node/logo/logo_{{node.target.key | lowercase}}.svg"></image>
             </g>
             <g *ngIf="node.group === 'service'">
               <text class="textClass" [attr.y]="(node.r - 10) / 10 + 'em'" text-anchor="middle">{{node.target.name}}</text>

src/commons/component/host-detail.component.html

@@ -1,18 +1,18 @@
 <div class="ui-g-12">
   <div class="ui-g detail-img">
     <!-- <svg width="200" height="200" viewBox="20 40 140 100">
-      <image x="-40" y="-20" width="260" height="260" preserveAspectRatio="xMidYMid slice" xlink:href="../../assets/image/logo/logo_tomcat.svg" />
+      <image x="-40" y="-20" width="260" height="260" preserveAspectRatio="xMidYMid slice" xlink:href="../../assets/image/node/logo/logo_tomcat.svg" />
     </svg> -->
     <div class="svg-div">
       <!-- <svg width="140" height="140" viewBox="15 35 140 100">
-              <image x="-50" y="-40" width="260" height="260" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/icon/icon_{{host.hostType | lowercase}}.svg" />
+              <image x="-50" y="-40" width="260" height="260" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/node/icon/icon_{{host.hostType | lowercase}}.svg" />
               <image *ngIf="host.hostType === 'HOST'" x="-50" y="-40" width="260" height="260" preserveAspectRatio="xMidYMid slice"
-                attr.xlink:href="../../assets/image/logo/logo_{{host.osType | lowercase}}.svg"></image>
+                attr.xlink:href="../../assets/image/node/logo/logo_{{host.osType | lowercase}}.svg"></image>
             </svg> -->
       <svg width="140" height="140" viewBox="20 10 140 140">
-        <image x="-10" y="-5" width="200" height="200" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/icon/icon_{{host.hostType | lowercase}}.svg" />
+        <image x="-10" y="-5" width="200" height="200" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/node/icon/icon_{{host.hostType | lowercase}}.svg" />
         <image *ngIf="host.hostType === 'HOST' && host.osType !== 'UNKNOWN'" x="-10" y="-5" width="200" height="200"
-          preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/logo/logo_{{host.osType | lowercase}}.svg" />
+          preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/node/logo/logo_{{host.osType | lowercase}}.svg" />
       </svg>
     </div>
     <h3>{{host.name}} <span>{{host.address}}</span></h3>

src/commons/component/menu/about.component.html

@@ -2,7 +2,7 @@
   <div>
     <img src="https://www.loafle.com/images/commons/overFlow_CI_blue_90.png">
     <h1>
-      overFlow Network Scanner
+      Network Scanner
     </h1>
   </div>
   <div>Version 1.0.0</div>

src/commons/component/service-detail.component.html

@@ -2,17 +2,17 @@
 
   <div class="ui-g detail-img">
     <!-- <svg width="200" height="200" viewBox="20 40 140 100">
-                <image x="-40" y="-20" width="260" height="260" preserveAspectRatio="xMidYMid slice" xlink:href="../../assets/image/logo/logo_tomcat.svg" />
+                <image x="-40" y="-20" width="260" height="260" preserveAspectRatio="xMidYMid slice" xlink:href="../../assets/image/node/logo/logo_tomcat.svg" />
               </svg> -->
     <div class="svg-div">
       <!-- <svg width="140" height="140" viewBox="15 35 140 100">
-              <image x="-50" y="-40" width="260" height="260" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/icon/icon_{{service.serviceType | lowercase}}.svg" />
-              <image x="-50" y="-40" width="260" height="260" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/logo/logo_{{service.key | lowercase}}.svg" />
+              <image x="-50" y="-40" width="260" height="260" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/node/icon/icon_{{service.serviceType | lowercase}}.svg" />
+              <image x="-50" y="-40" width="260" height="260" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/node/logo/logo_{{service.key | lowercase}}.svg" />
             </svg> -->
       <svg width="140" height="140" viewBox="20 10 140 140">
-        <image x="-10" y="-5" width="200" height="200" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/icon/icon_{{service.serviceType | lowercase}}.svg" />
+        <image x="-10" y="-5" width="200" height="200" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/node/icon/icon_{{service.serviceType | lowercase}}.svg" />
         <image *ngIf="service.key !== 'UNKNOWN'" x="-10" y="-5" width="200" height="200" preserveAspectRatio="xMidYMid slice"
-          attr.xlink:href="../../assets/image/logo/logo_{{service.key | lowercase}}.svg" />
+          attr.xlink:href="../../assets/image/node/logo/logo_{{service.key | lowercase}}.svg" />
       </svg>
     </div>
     <h3>

src/commons/component/zone-detail.component.html

@@ -2,11 +2,11 @@
 
   <div class="ui-g detail-img">
     <!-- <svg width="200" height="200" viewBox="20 40 140 100">
-              <image x="-40" y="-20" width="260" height="260" preserveAspectRatio="xMidYMid slice" xlink:href="../../assets/image/logo/logo_tomcat.svg" />
+              <image x="-40" y="-20" width="260" height="260" preserveAspectRatio="xMidYMid slice" xlink:href="../../assets/image/node/logo/logo_tomcat.svg" />
             </svg> -->
     <div class="svg-div">
       <svg width="140" height="140" viewBox="0 0 140 140">
-        <image x="0" y="0" width="140" height="140" preserveAspectRatio="xMidYMid slice" xlink:href="../../assets/image/icon/icon_overflow.svg" />
+        <image x="0" y="0" width="140" height="140" preserveAspectRatio="xMidYMid slice" xlink:href="../../assets/image/node/icon/icon_overflow.svg" />
       </svg>
     </div>
     <h3>