From 0ebec256d280dc2284c63247935c40ead114d329 Mon Sep 17 00:00:00 2001
From: sunny <sunny@loafle.com>
Date: Mon, 22 Oct 2018 20:15:11 +0900
Subject: [PATCH] design

---
 .../infra/detail/service.component.html       | 22 +++++-----
 .../infra/detail/zone.component.html          | 14 +++----
 src/assets/i18n/en.json                       | 36 ++++++++++++++--
 src/assets/i18n/ko.json                       | 42 ++++++++++++++++---
 4 files changed, 87 insertions(+), 27 deletions(-)

diff --git a/src/app/component/infra/detail/service.component.html b/src/app/component/infra/detail/service.component.html
index b8a180c..fcbbefb 100644
--- a/src/app/component/infra/detail/service.component.html
+++ b/src/app/component/infra/detail/service.component.html
@@ -22,25 +22,25 @@
 
 
   <p-tabView class="detail-content" (onChange)="onTabViewChange($event)">
-    <p-tabPanel header="General">
+    <p-tabPanel [header]="'infra.detail.title.general' | translate">
       <div of-auto-height key="0">
         <perfect-scrollbar>
 
           <ul class="key-value">
             <li *ngIf="service.key">
-              Name
+              {{ 'infra.detail.general.name' | translate }}
               <span class="meta-value">{{service.key}}</span>
             </li>
             <li *ngIf="service.port">
-              Port
+              {{ 'infra.detail.general.port' | translate }}
               <span class="meta-value">{{service.port.metaPortType.key}} {{service.port.portNumber}}</span>
             </li>
             <li *ngIf="service.description">
-              Description
+              {{ 'infra.detail.general.description' | translate }}
               <span class="meta-value">{{service.description}}</span>
             </li>
             <li *ngIf="service.metaCryptoType && service.metaCryptoType.key !== 'NONE'">
-              Crypto Type
+              {{ 'infra.detail.general.crypto_type' | translate }}
               <span class="meta-value">{{service.metaCryptoType.name}}</span>
             </li>
           </ul>
@@ -49,7 +49,7 @@
 
     </p-tabPanel>
 
-    <p-tabPanel header="Metadata" *ngIf="service.meta">
+    <p-tabPanel [header]="'infra.detail.title.metadata' | translate" *ngIf="service.meta">
       <div of-auto-height key="1">
         <perfect-scrollbar>
           <ul class="detail-content-meta-title">
@@ -68,24 +68,24 @@
       </div>
     </p-tabPanel>
 
-    <p-tabPanel header="Health" *ngIf="service.port.metaPortType.key === 'TCP'">
+    <p-tabPanel [header]="'infra.detail.title.health' | translate" *ngIf="service.port.metaPortType.key === 'TCP'">
       <div of-auto-height key="2">
         <perfect-scrollbar>
           <div class="ui-g">
             <div class="ui-ping-row">
-              <div class="title">Count </div>
+              <div class="title">{{ 'infra.detail.health.count' | translate }} </div>
               <p-spinner size="1" [(ngModel)]="count" [min]="1" [max]="30"></p-spinner>
             </div>
             <div class="ui-ping-row">
-              <div class="title">Interval </div>
+              <div class="title">{{ 'infra.detail.health.interval' | translate }} </div>
               <p-spinner size="1" [(ngModel)]="interval" [min]="0" [max]="5"></p-spinner>
             </div>
             <div class="ui-ping-row">
-              <div class="title">Deadline </div>
+              <div class="title">{{ 'infra.detail.health.deadline' | translate }} </div>
               <p-spinner size="1" [(ngModel)]="deadline" [min]="1" [max]="10"></p-spinner>
             </div>
           </div>
-          <button type="button" pButton label="Ping" (click)="doPing()" class="ui-button-secondary ui-pingbn-position"></button>
+          <button type="button" pButton [label]="'infra.detail.health.ping' | translate" (click)="doPing()" class="ui-button-secondary ui-pingbn-position"></button>
           <div class="ui-ping-result">
             <p-progressBar *ngIf="pingWaiting" mode="indeterminate"></p-progressBar>
             <p-table [value]="pingResult.responses | objectKeys" *ngIf="!pingWaiting && pingResult" [scrollable]="true"
diff --git a/src/app/component/infra/detail/zone.component.html b/src/app/component/infra/detail/zone.component.html
index 25e15f6..3f0aba1 100644
--- a/src/app/component/infra/detail/zone.component.html
+++ b/src/app/component/infra/detail/zone.component.html
@@ -16,28 +16,28 @@
 
   <p-tabView class="detail-content" (onChange)="onTabViewChange($event)">
 
-    <p-tabPanel header="General">
+    <p-tabPanel [header]="'infra.detail.title.general' | translate">
       <div of-auto-height key="0">
         <perfect-scrollbar>
           <ul class="key-value">
             <li *ngIf="zone.iface">
-              Interface
+              {{ 'infra.detail.general.interface' | translate }}
               <span class="meta-value">{{zone.iface}}</span>
             </li>
             <li *ngIf="zone.mac">
-              Mac Address
+              {{ 'infra.detail.general.mac_address' | translate }}
               <span class="meta-value">{{zone.mac}}</span>
             </li>
             <li *ngIf="zone.metaIPType">
-              IP Version
+              {{ 'infra.detail.general.ip_version' | translate }}
               <span class="meta-value">{{zone.metaIPType.key}}</span>
             </li>
             <li *ngIf="zone.network">
-              Network
+              {{ 'infra.detail.general.network' | translate }}
               <span class="meta-value">{{zone.network}}</span>
             </li>
             <li *ngIf="zone.network">
-              IP Range
+              {{ 'infra.detail.general.ip_range' | translate }}
               <span class="meta-value">{{ipRange}}</span>
             </li>
           </ul>
@@ -45,7 +45,7 @@
       </div>
     </p-tabPanel>
 
-    <p-tabPanel header="Hosts">
+    <p-tabPanel [header]="'infra.detail.title.hosts' | translate">
       <div of-auto-height key="1">
         <perfect-scrollbar>
           <ul class="key-value">
diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json
index d06989b..c3fb005 100644
--- a/src/assets/i18n/en.json
+++ b/src/assets/i18n/en.json
@@ -5,10 +5,31 @@
       "reset": "Reset"
     },
     "menu": {
+      "file": "File",
+      "view": "View",
+      "discovery": "Discovery",
+      "help": "Help",
       "save": "Save",
       "export_as": "Export as",
+      "png": "PNG",
+      "jpeg": "JPEG",
+      "svg": "SVG",
+      "csv": "CSV",
       "print": "Print",
-      "toggle_full_screen": "Toggle Full Screen"
+      "toggle_full_screen": "Toggle Full Screen",
+      "reset_zoom": "Reset zoom",
+      "zoom_in": "Zoom in",
+      "zoom_out": "Zoom out",
+      "reload": "Reload",
+      "toggle_developer_tools": "Toggle developer tools",
+      "setting": "Setting",
+      "language": "Language",
+      "english": "English",
+      "korean": "Korean",
+      "report_issue": "Report issue",
+      "contact_overflow_scanner_support": "Contact overFlow Scanner support",
+      "show_user_guides": "Show User Guides",
+      "about_overflow_scanner": "About overFlow Scanner"
     }
   },
   "pages": {
@@ -28,7 +49,8 @@
         "general": "General",
         "metadata": "Metadata",
         "ports": "Ports",
-        "health": "Health"
+        "health": "Health",
+        "hosts": "Hosts"
       },
       "general": {
         "ip_address": "IP Address",
@@ -36,7 +58,15 @@
         "vendor": "Vendor",
         "model": "Model",
         "os": "OS",
-        "mac_address": "Mac Address"
+        "mac_address": "Mac Address",
+        "name": "Name",
+        "port": "Port",
+        "description": "Description",
+        "crypto_type": "Crypto Type",
+        "interface": "Interface",
+        "ip_version": "IP Version",
+        "network": "Network",
+        "ip_range": "IP Range"
       },
       "health": {
         "count": "Count",
diff --git a/src/assets/i18n/ko.json b/src/assets/i18n/ko.json
index fda0256..64b48d1 100644
--- a/src/assets/i18n/ko.json
+++ b/src/assets/i18n/ko.json
@@ -5,10 +5,31 @@
       "reset": "초기화"
     },
     "menu": {
-      "save": "Save",
-      "export_as": "Export as",
-      "print": "Print",
-      "toggle_full_screen": "Toggle Full Screen"
+      "file": "파일",
+      "view": "보기",
+      "discovery": "디스커버리",
+      "help": "도움말",
+      "save": "저장",
+      "export_as": "내보내기",
+      "png": "PNG",
+      "jpeg": "JPEG",
+      "svg": "SVG",
+      "csv": "CSV",
+      "print": "인쇄",
+      "toggle_full_screen": "전체창",
+      "reset_zoom": "창 크기 초기화",
+      "zoom_in": "확대",
+      "zoom_out": "축소",
+      "reload": "새로고침",
+      "toggle_developer_tools": "개발자 툴",
+      "setting": "설정",
+      "language": "언어",
+      "english": "영어",
+      "korean": "한국어",
+      "report_issue": "문제 보고",
+      "contact_overflow_scanner_support": "오버플로우 스캐너에 도움말 주기",
+      "show_user_guides": "사용 설명서 보기",
+      "about_overflow_scanner": "정보"
     }
   },
   "pages": {
@@ -28,7 +49,8 @@
         "general": "일반",
         "metadata": "메타데이타",
         "ports": "포트",
-        "health": "상태 체크"
+        "health": "상태 체크",
+        "hosts": "호스트"
       },
       "general": {
         "ip_address": "아이피 주소",
@@ -36,7 +58,15 @@
         "vendor": "벤더",
         "model": "모델",
         "os": "운영체제",
-        "mac_address": "Mac 주소"
+        "mac_address": "Mac 주소",
+        "name": "이름",
+        "port": "포트",
+        "description": "상세설명",
+        "crypto_type": "암호화 유형",
+        "interface": "인터페이스",
+        "ip_version": "IP 버전",
+        "network": "네트워크",
+        "ip_range": "IP 범위"
       },
       "health": {
         "count": "반복횟수",