<div *ngIf="object" class="fl-content fl-content-min-height" layoutDirection="column" appLayoutGap="5px">
  <h2 class="mat-headline-5" i18n>Task details</h2>
  <p class="fl-detail" i18n>
    Task name: {{object.task_name}}
  </p>
  <p class="fl-detail" i18n>
    Started at: <app-date-displayer [date]="object.start_dt" withTime></app-date-displayer>
  </p>
  <p class="fl-detail" i18n>
    Ended at:
    <ng-container *ngIf="object.end_dt; else noEndDate">
      <app-date-displayer [date]="object.end_dt" withTime></app-date-displayer>
    </ng-container>
    <ng-template #noEndDate>
      n/a
    </ng-template>
  </p>
  <h2 class="mat-headline-5" i18n>Summary</h2>
  <p class="fl-detail">
    {{object.summary | nullValue}}
  </p>
  <h2 class="mat-headline-5" i18n>Log file</h2>
  <p *ngIf="!object.has_log; else hasLogFile" i18n>
    Task has no log file
  </p>
  <ng-template #hasLogFile>
    <a (click)="downloadLogFile()" class="active-link" i18n>
      Download log file
    </a>
  </ng-template>
</div>
