<div class="viewport-modal">
  <div class="modal-header">
    <h3>{{ 'Single operation details' | translate }}</h3>
  </div>

  <div class="modal-inner-scroll">
    <c8y-single-operation-list-item
      [operation]="operation"
      [collapsed]="collapsed"
      [readOnly]="readOnly"
    ></c8y-single-operation-list-item>
  </div>

  <div class="modal-footer">
    <button title="{{ 'Close' | translate }}" class="btn btn-default" (click)="modalRef.hide()">
      {{ 'Close' | translate }}
    </button>
  </div>
</div>