member_webapp/@overflow/probe/component/detail/detail.component.html

83 lines
3.8 KiB
HTML
Raw Normal View History

2018-05-23 06:27:37 +00:00
<div class="ui-g">
<div class="ui-g-6 ui-nopad">
2018-05-25 09:18:06 +00:00
<h1>Info</h1>
2018-05-23 06:27:37 +00:00
</div>
<div class="ui-g-6 nopad" dir="rtl" style="padding-top: 15px">
<button class="ui-button-width-fit" *ngIf="!editMode" pButton type="button" label="Edit" (click)="editMode = true"></button>
<button class="ui-button-width-fit" *ngIf="editMode" pButton type="button" label="Save" (click)="onEditSave()"></button>
</div>
</div>
2018-04-27 07:31:27 +00:00
2018-05-25 09:18:06 +00:00
<!-- Probe info -->
2018-04-19 15:04:58 +00:00
<div class="ui-g ui-bottom-space-10">
<p-panel [showHeader]="false" class="nopad">
2018-05-25 09:18:06 +00:00
<div *ngIf="probeHost">
2018-04-19 15:04:58 +00:00
<div class="ui-g form-group">
2018-05-14 09:02:48 +00:00
<div class="ui-g-12 ui-md-6 ui-key-value ui-bottom-border-1 ui-nopad">
2018-05-23 06:27:37 +00:00
<div *ngIf="editMode" class="of-key-value-div">
<span>Name</span>
<span class="ng-star-inserted">
2018-05-25 09:18:06 +00:00
<input #input type="text" pInputText value="{{probeHost.probe.displayName}}" (keyup)="probeHost.probe.displayName = input.value">
2018-05-23 06:27:37 +00:00
</span>
</div>
2018-05-25 09:18:06 +00:00
<of-key-value *ngIf="!editMode" [key]="'Name'" [value]="probeHost.probe.displayName"></of-key-value>
2018-05-14 09:02:48 +00:00
</div>
2018-04-25 09:55:43 +00:00
<div class="ui-g-12 ui-md-6 ui-key-value ui-bottom-border-1 ui-nopad">
2018-05-25 09:18:06 +00:00
<of-key-value [key]="'CIDR'" [value]="probeHost.probe.cidr"></of-key-value>
2018-04-19 15:04:58 +00:00
</div>
2018-04-25 09:55:43 +00:00
<div class="ui-g-12 ui-md-6 ui-key-value ui-bottom-border-1 ui-nopad">
2018-05-23 06:27:37 +00:00
<div *ngIf="editMode" class="of-key-value-div">
2018-05-25 09:18:06 +00:00
<span>Description</span>
<span class="ng-star-inserted">
<input *ngIf="editMode" #input type="text" pInputText value="{{probeHost.probe.description}}" (keyup)="probeHost.probe.description = input.value">
</span>
</div>
<of-key-value *ngIf="!editMode" [key]="'Description'" [value]="probeHost.probe.description"></of-key-value>
2018-04-19 15:04:58 +00:00
</div>
2018-04-25 09:55:43 +00:00
<div class="ui-g-12 ui-md-6 ui-key-value ui-bottom-border-1 ui-nopad">
2018-05-25 09:18:06 +00:00
<of-key-value [key]="'Key'" [value]="probeHost.probe.probeKey"></of-key-value>
2018-04-19 15:04:58 +00:00
</div>
2018-04-25 09:55:43 +00:00
<div class="ui-g-12 ui-md-6 ui-key-value ui-bottom-border-1 ui-nopad">
2018-05-25 09:18:06 +00:00
<of-key-value [key]="'Authrozied at'" [value]="probeHost.probe.authorizeDate | date: 'dd/MM/yyyy'"></of-key-value>
2018-04-19 15:04:58 +00:00
</div>
2018-05-23 06:27:37 +00:00
<div class="ui-g-12 ui-md-6 ui-key-value ui-bottom-border-1 ui-nopad">
2018-05-25 09:18:06 +00:00
<of-key-value [key]="'Authrozied by'" [value]="probeHost.probe.authorizeMember.name"></of-key-value>
2018-04-19 15:04:58 +00:00
</div>
2018-05-25 09:18:06 +00:00
</div>
</div>
</p-panel>
<!-- Host info -->
<p-panel [showHeader]="false" class="nopad">
<div *ngIf="probeHost">
<div class="ui-g form-group">
<div class="ui-g-12 ui-md-6 ui-key-value ui-bottom-border-1 ui-nopad">
<of-key-value [key]="'IPv4'" [value]="probeHost.host.ipv4"></of-key-value>
</div>
<div class="ui-g-12 ui-md-6 ui-key-value ui-bottom-border-1 ui-nopad">
<of-key-value [key]="'IPv6'" [value]="probeHost.host.ipv6"></of-key-value>
</div>
<div class="ui-g-12 ui-md-6 ui-key-value ui-bottom-border-1 ui-nopad">
<of-key-value [key]="'Mac Address'" [value]="probeHost.host.mac"></of-key-value>
</div>
<div class="ui-g-12 ui-md-6 ui-key-value ui-bottom-border-1 ui-nopad">
<of-key-value [key]="'OS'" [value]="probeHost.host.os.vendor.name"></of-key-value>
2018-04-19 15:04:58 +00:00
</div>
2018-05-25 09:18:06 +00:00
2018-04-19 15:04:58 +00:00
</div>
2018-04-16 08:28:39 +00:00
</div>
2018-04-19 15:04:58 +00:00
</p-panel>
2018-05-25 09:18:06 +00:00
2018-04-19 15:04:58 +00:00
</div>
<div class="ui-g" dir="rtl">
<button class="ui-button-danger ui-button-width-fit" type="button" label="Remove this Probe" icon="ui-icon-close" pButton
(click)="onRemoveClick()"></button>
<button class="ui-button-width-fit" type="button" label="Discovery" icon="ui-icon-search" pButton (click)="onDiscoveryClick()"></button>
</div>
2018-05-25 09:18:06 +00:00
<!-- <p-confirmDialog header="Confirmation" icon="fa ui-icon-warning" width="425"></p-confirmDialog>
<p-growl [(value)]="msgs"></p-growl> -->