overflow_scanner/app
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'master' of https://git.loafle.net/overflow_scanner/app

Browse Source
This commit is contained in:
crusader 2018-09-11 02:47:59 +09:00
commit 24b828d320
6 changed files with 99 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
src/commons/component/host-detail.component.html
View File

@ -1,18 +1,22 @@
<ul class="key-value"> <div class="ui-g-12">
<li *ngIf="host.address"> <div class="ui-g-6">
IP Address <ul class="key-value">
<span class="meta-value">{{host.address}}</span> <li *ngIf="host.address">
</li> IP Address
<li *ngIf="host.name"> <span class="meta-value">{{host.address}}</span>
Name </li>
<span class="meta-value">{{host.name}}</span> <li *ngIf="host.name">
</li> Name
<li *ngIf="host.mac"> <span class="meta-value">{{host.name}}</span>
Mac Address </li>
<span class="meta-value">{{host.mac}}</span> <li *ngIf="host.mac">
</li> Mac Address
<li *ngIf="host.portList"> <span class="meta-value">{{host.mac}}</span>
Opened Ports </li>
<span class="meta-value">{{host.portList.length}}</span> <li *ngIf="host.portList">
</li> Opened Ports
</ul> <span class="meta-value">{{host.portList.length}}</span>
</li>
</ul>
</div>
</div>

46
src/commons/component/node-detail.component.html
View File

@ -1,22 +1,26 @@
<div> <div class="ui-g">
<img src="../../assets/image/icon/icon_db_maria.svg" width="100" height="100" /> <div class="detail-img">
<img src="../../assets/image/icon/icon_db_maria.svg" width="100" height="100" />
</div>
<div class="detail-content">
<ng-container [ngSwitch]="node.group">
<ng-container *ngSwitchCase="'zone'">
<app-zone-detail [zone]=""></app-zone-detail>
</ng-container>
<ng-container *ngSwitchCase="'host'">
<app-host-detail [host]="node.target"></app-host-detail>
</ng-container>
<ng-container *ngSwitchCase="'service'">
<app-service-detail [service]="node.target"></app-service-detail>
</ng-container>
<ng-container *ngSwitchDefault>
</ng-container>
</ng-container>
</div>
</div> </div>
<ng-container [ngSwitch]="node.group">
<ng-container *ngSwitchCase="'zone'">
<app-zone-detail [zone]=""></app-zone-detail>
</ng-container>
<ng-container *ngSwitchCase="'host'">
<app-host-detail [host]="node.target"></app-host-detail>
</ng-container>
<ng-container *ngSwitchCase="'service'">
<app-service-detail [service]="node.target"></app-service-detail>
</ng-container>
<ng-container *ngSwitchDefault>
</ng-container>
</ng-container>

8
src/commons/component/node-detail.component.scss
View File

@ -0,0 +1,8 @@
.detail-img {
display: inline;
width: 140px;
padding: 10px;
}
.detail-content {
display: inline;
}

48
src/commons/component/service-detail.component.html
View File

@ -1,22 +1,26 @@
<ul class="key-value"> <div class="ui-g-12">
<li *ngIf="service.key"> <div class="ui-g-6">
Name <ul class="key-value">
<span class="meta-value">{{service.key}}</span> <li *ngIf="service.key">
</li> Name
<li *ngIf="service.port"> <span class="meta-value">{{service.key}}</span>
Port </li>
<span class="meta-value">{{service.port.metaPortType.name}} {{service.port.portNumber}}</span> <li *ngIf="service.port">
</li> Port
<li *ngIf="service.description"> <span class="meta-value">{{service.port.metaPortType.name}} {{service.port.portNumber}}</span>
Description </li>
<span class="meta-value">{{service.description}}</span> <li *ngIf="service.description">
</li> Description
<li *ngIf="service.metaCryptoType && service.metaCryptoType.key !== 'NONE'"> <span class="meta-value">{{service.description}}</span>
Crypto Type </li>
<span class="meta-value">{{service.metaCryptoType.name}}</span> <li *ngIf="service.metaCryptoType && service.metaCryptoType.key !== 'NONE'">
</li> Crypto Type
<!-- <li *ngFor="let item of service.meta.entries()"> <span class="meta-value">{{service.metaCryptoType.name}}</span>
{{item[0]}} </li>
<span class="meta-value">{{item[1]}}</span> <!-- <li *ngFor="let item of service.meta.entries()">
</li> --> {{item[0]}}
</ul> <span class="meta-value">{{item[1]}}</span>
</li> -->
</ul>
</div>
</div>

20
src/commons/component/service-detail.component.scss
View File

@ -0,0 +1,20 @@
.key-value {
list-style-type: none;
margin: 28px 0 0 0;
padding: 0;
box-sizing: border-box;
width: 500px;
li {
padding: 8px 14px;
border-bottom: 1px solid #d8dae2;
position: relative;
font-weight: bold;
width: 180px;
.meta-value {
font-weight: 100;
position: absolute;
width: 300px;
right: 40px;
}
}
}

4
src/commons/component/zone-detail.component.html
View File

@ -1 +1,3 @@
zone component <div class="ui-g-12">
zone component
</div>