discovery
This commit is contained in:
@@ -1,11 +1,14 @@
|
||||
<div *ngIf="probeHost">
|
||||
<of-key-value [key]="'CIDR'" [value]="probeHost.probe.cidr"></of-key-value>
|
||||
<of-key-value [key]="'Description'" [value]="probeHost.probe.description"></of-key-value>
|
||||
<of-key-value [key]="'Key'" [value]="probeHost.probe.probeKey"></of-key-value>
|
||||
<of-key-value [key]="'Authrozied at'" [value]="probeHost.probe.authorizeDate | date: 'dd/MM/yyyy'"></of-key-value>
|
||||
<of-key-value [key]="'Authrozied by'" [value]="probeHost.probe.authorizeMember.name"></of-key-value>
|
||||
<of-key-value [key]="'IPv4'" [value]="probeHost.host.ipv4"></of-key-value>
|
||||
<of-key-value [key]="'IPv6'" [value]="probeHost.host.ipv6 | uppercase"></of-key-value>
|
||||
<of-key-value [key]="'Mac Address'" [value]="probeHost.host.mac"></of-key-value>
|
||||
<of-key-value [key]="'OS'" [value]="probeHost.host.os.vendor.name"></of-key-value>
|
||||
</div>
|
||||
<div *ngIf="probeHost" class="ui-g">
|
||||
<div class="ui-g-12 ui-md-4 ui-nopad ui-key-value">
|
||||
<of-key-value [key]="'Status'" [value]="connectionStatus"></of-key-value>
|
||||
<of-key-value [key]="'CIDR'" [value]="probeHost.probe.cidr"></of-key-value>
|
||||
</div>
|
||||
<div class="ui-g-12 ui-md-4 ui-nopad ui-key-value">
|
||||
<of-key-value [key]="'Name'" [value]="probeHost.probe.displayName"></of-key-value>
|
||||
<of-key-value [key]="'OS'" [value]="probeHost.host.os.vendor.name"></of-key-value>
|
||||
</div>
|
||||
<div class="ui-g-12 ui-md-4 ui-nopad ui-key-value">
|
||||
<of-key-value [key]="'IPv4'" [value]="probeHost.host.ipv4"></of-key-value>
|
||||
<of-key-value [key]="'Mac Address'" [value]="probeHost.host.mac"></of-key-value>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,15 +1,20 @@
|
||||
import { Component, Input } from '@angular/core';
|
||||
import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';
|
||||
import { Probe, ProbeHost } from '@overflow/commons-typescript/model/probe';
|
||||
|
||||
@Component({
|
||||
selector: 'of-probe-summary',
|
||||
templateUrl: './summary.component.html',
|
||||
})
|
||||
export class ProbeSummaryComponent {
|
||||
export class ProbeSummaryComponent implements OnChanges {
|
||||
|
||||
@Input() probeHost: ProbeHost;
|
||||
connectionStatus: string;
|
||||
|
||||
constructor() {
|
||||
}
|
||||
|
||||
ngOnChanges(changes: SimpleChanges): void {
|
||||
this.connectionStatus = this.probeHost.probe.connectDate ? 'Connected' : 'Not connected';
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user