design
This commit is contained in:
sunny
parent
6c7c87aa20
commit
0ebec256d2
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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": "반복횟수",
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user