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">
<li *ngIf="host.address">
IP Address
<span class="meta-value">{{host.address}}</span>
</li>
<li *ngIf="host.deviceType">
Type
<span class="meta-value">{{host.deviceType}}</span>
@ -35,8 +40,76 @@
</p-tabPanel>
<p-tabPanel header="Metadata" *ngIf="host.meta">
<div *ngFor="let key of host.meta | objectKeys">
{{key | stringPrettify}}: {{host.meta[key]}}
<perfect-scrollbar style="height: 80%">
<ul class="key-value">
<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>
<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>

View File

@ -28,7 +28,13 @@
</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-tabView>