member_webapp/src/packages/probe/component/detail/detail.component.html

<div *ngIf="probe">
  <div class="ui-g form-group">
    <div class="ui-g-12 ui-md-4">
      <span class="md-inputfield">
        <input type="text" pInputText readonly value="{{probe.displayName}}">
        <label>Alias</label>
      </span>
    </div>
    <div class="ui-g-12 ui-md-4">
      <span class="md-inputfield">
        <input type="text" pInputText readonly value="{{probe.cidr}}">
        <label>CIDR</label>
      </span>
    </div>
    <div class="ui-g-12 ui-md-4">
      <span class="md-inputfield">
        <input type="text" pInputText readonly value="{{probe.description}}">
        <label>Description</label>
      </span>
    </div>
    <div class="ui-g-12 ui-md-4">
      <span class="md-inputfield">
        <input type="text" pInputText readonly value="{{probe.probeKey}}">
        <label>Key</label>
      </span>
    </div>
    <div class="ui-g-12 ui-md-4">
      <span class="md-inputfield">
        <input type="text" pInputText readonly value="{{probe.authorizeDate | date: 'dd/MM/yyyy'}}">
        <label>Authrozied at</label>
      </span>
    </div>
    <div class="ui-g-12 ui-md-4">
      <span class="md-inputfield">
        <input type="text" pInputText readonly value="{{probe.authorizeMember.name}}">
        <label>Authrozied by</label>
      </span>
    </div>
  </div>
  <div>
    <button type="button" label="Discovery" icon="ui-icon-search" pButton (click)="onDiscoveryClick()"></button>
    <button class="ui-button-danger" type="button" label="Remove this Probe" icon="ui-icon-close" pButton (click)="onRemoveClick()"></button>
    <p-confirmDialog header="Confirmation" icon="fa ui-icon-warning" width="425"></p-confirmDialog>
  </div>