This commit is contained in:
insanity 2018-09-12 15:10:57 +09:00
parent dd35cfa833
commit 5ba1d178f2
2 changed files with 88 additions and 9 deletions

View File

@ -7,6 +7,11 @@
<ul class="key-value"> <ul class="key-value">
<li *ngIf="host.address">
IP Address
<span class="meta-value">{{host.address}}</span>
</li>
<li *ngIf="host.deviceType"> <li *ngIf="host.deviceType">
Type Type
<span class="meta-value">{{host.deviceType}}</span> <span class="meta-value">{{host.deviceType}}</span>
@ -35,13 +40,81 @@
</p-tabPanel> </p-tabPanel>
<p-tabPanel header="Metadata" *ngIf="host.meta"> <p-tabPanel header="Metadata" *ngIf="host.meta">
<div *ngFor="let key of host.meta | objectKeys">
{{key | stringPrettify}}: {{host.meta[key]}}
</div>
</p-tabPanel>
<p-tabPanel header="Ports" *ngIf="host.portList"> <perfect-scrollbar style="height: 80%">
<p-listbox [options]="ports" [(ngModel)]="selectedPort" optionLabel="name"></p-listbox> <ul class="key-value">
</p-tabPanel> <li *ngFor="let key of host.meta | objectKeys">
</p-tabView> {{key | stringPrettify}}
<span class="meta-value">{{host.meta[key]}}</span>
</li>
<li *ngFor="let key of host.meta | objectKeys">
{{key | stringPrettify}}
<span class="meta-value">{{host.meta[key]}}</span>
</li>
<li *ngFor="let key of host.meta | objectKeys">
{{key | stringPrettify}}
<span class="meta-value">{{host.meta[key]}}</span>
</li>
<li *ngFor="let key of host.meta | objectKeys">
{{key | stringPrettify}}
<span class="meta-value">{{host.meta[key]}}</span>
</li>
<li *ngFor="let key of host.meta | objectKeys">
{{key | stringPrettify}}
<span class="meta-value">{{host.meta[key]}}</span>
</li>
<li *ngFor="let key of host.meta | objectKeys">
{{key | stringPrettify}}
<span class="meta-value">{{host.meta[key]}}</span>
</li>
<li *ngFor="let key of host.meta | objectKeys">
{{key | stringPrettify}}
<span class="meta-value">{{host.meta[key]}}</span>
</li>
<li *ngFor="let key of host.meta | objectKeys">
{{key | stringPrettify}}
<span class="meta-value">{{host.meta[key]}}</span>
</li>
<li *ngFor="let key of host.meta | objectKeys">
{{key | stringPrettify}}
<span class="meta-value">{{host.meta[key]}}</span>
</li>
<li *ngFor="let key of host.meta | objectKeys">
{{key | stringPrettify}}
<span class="meta-value">{{host.meta[key]}}</span>
</li>
<li *ngFor="let key of host.meta | objectKeys">
{{key | stringPrettify}}
<span class="meta-value">{{host.meta[key]}}</span>
</li>
<li *ngFor="let key of host.meta | objectKeys">
{{key | stringPrettify}}
<span class="meta-value">{{host.meta[key]}}</span>
</li>
<li *ngFor="let key of host.meta | objectKeys">
{{key | stringPrettify}}
<span class="meta-value">{{host.meta[key]}}</span>
</li>
<li *ngFor="let key of host.meta | objectKeys">
{{key | stringPrettify}}
<span class="meta-value">{{host.meta[key]}}</span>
</li>
<li *ngFor="let key of host.meta | objectKeys">
{{key | stringPrettify}}
<span class="meta-value">{{host.meta[key]}}</span>
</li>
<li *ngFor="let key of host.meta | objectKeys">
{{key | stringPrettify}}
<span class="meta-value">{{host.meta[key]}}</span>
</li>
</ul>
</perfect-scrollbar>
</div>
</p-tabPanel>
<p-tabPanel header="Ports" *ngIf="host.portList">
<p-listbox [options]="ports" [(ngModel)]="selectedPort" optionLabel="name"></p-listbox>
</p-tabPanel>
</p-tabView>
</div> </div>

View File

@ -28,7 +28,13 @@
</p-tabPanel> </p-tabPanel>
<p-tabPanel header="Metadata "> <p-tabPanel header="Metadata" *ngIf="service.meta">
<ul class="key-value">
<li *ngFor="let key of service.meta | objectKeys">
{{key | stringPrettify}}
<span class="meta-value">{{service.meta[key]}}</span>
</li>
</ul>
</p-tabPanel> </p-tabPanel>
</p-tabView> </p-tabView>