Merge branch 'master' of https://git.loafle.net/overflow_scanner/app
This commit is contained in:
commit
24b828d320
@ -1,4 +1,6 @@
|
|||||||
<ul class="key-value">
|
<div class="ui-g-12">
|
||||||
|
<div class="ui-g-6">
|
||||||
|
<ul class="key-value">
|
||||||
<li *ngIf="host.address">
|
<li *ngIf="host.address">
|
||||||
IP Address
|
IP Address
|
||||||
<span class="meta-value">{{host.address}}</span>
|
<span class="meta-value">{{host.address}}</span>
|
||||||
@ -15,4 +17,6 @@
|
|||||||
Opened Ports
|
Opened Ports
|
||||||
<span class="meta-value">{{host.portList.length}}</span>
|
<span class="meta-value">{{host.portList.length}}</span>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
@ -1,8 +1,10 @@
|
|||||||
<div>
|
<div class="ui-g">
|
||||||
|
<div class="detail-img">
|
||||||
<img src="../../assets/image/icon/icon_db_maria.svg" width="100" height="100" />
|
<img src="../../assets/image/icon/icon_db_maria.svg" width="100" height="100" />
|
||||||
</div>
|
</div>
|
||||||
|
<div class="detail-content">
|
||||||
|
|
||||||
<ng-container [ngSwitch]="node.group">
|
<ng-container [ngSwitch]="node.group">
|
||||||
|
|
||||||
<ng-container *ngSwitchCase="'zone'">
|
<ng-container *ngSwitchCase="'zone'">
|
||||||
<app-zone-detail [zone]=""></app-zone-detail>
|
<app-zone-detail [zone]=""></app-zone-detail>
|
||||||
@ -19,4 +21,6 @@
|
|||||||
<ng-container *ngSwitchDefault>
|
<ng-container *ngSwitchDefault>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
|
|
||||||
</ng-container>
|
</ng-container>
|
||||||
|
</div>
|
||||||
|
</div>
|
@ -0,0 +1,8 @@
|
|||||||
|
.detail-img {
|
||||||
|
display: inline;
|
||||||
|
width: 140px;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
.detail-content {
|
||||||
|
display: inline;
|
||||||
|
}
|
@ -1,4 +1,6 @@
|
|||||||
<ul class="key-value">
|
<div class="ui-g-12">
|
||||||
|
<div class="ui-g-6">
|
||||||
|
<ul class="key-value">
|
||||||
<li *ngIf="service.key">
|
<li *ngIf="service.key">
|
||||||
Name
|
Name
|
||||||
<span class="meta-value">{{service.key}}</span>
|
<span class="meta-value">{{service.key}}</span>
|
||||||
@ -19,4 +21,6 @@
|
|||||||
{{item[0]}}
|
{{item[0]}}
|
||||||
<span class="meta-value">{{item[1]}}</span>
|
<span class="meta-value">{{item[1]}}</span>
|
||||||
</li> -->
|
</li> -->
|
||||||
</ul>
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
@ -1 +1,3 @@
|
|||||||
zone component
|
<div class="ui-g-12">
|
||||||
|
zone component
|
||||||
|
</div>
|
Loading…
x
Reference in New Issue
Block a user