<h5>
  <fa-icon [icon]="faBullseye"></fa-icon>
  Targets
</h5>
<app-jobspec-target [target]="target" [inputs]="jobspec.inputs[target.id]"
                    *ngFor="let target of jobspec.targets"></app-jobspec-target>

<h5 class="mt-2">
  <fa-icon [icon]="faFileAlt"></fa-icon>
  Files
</h5>
<div class="row m-0 py-2 mb-1 border-bottom align-items-center" *ngFor="let file of jobspec.files">
  <div class="col">
    <a target="_blank"
       href="{{getConfigUrl()}}/services/job/specs/{{ jobspec.id }}/files/{{ file.contentType }}/{{ file.name}}">
      {{file.name}}
    </a>&nbsp;
  </div>
  <div class="col-auto">
    <a *ngIf="['WAITING','ERROR'].includes(jobspec.status)" class="btn btn-xs btn-outline-primary"
       [routerLink]="['/fileeditor', 'specs', jobspec.id, file.contentType, file.name]">
      <fa-icon [icon]="faEdit"></fa-icon>
      Edit
    </a>
  </div>
</div>

<h5 class="mt-2">
  <fa-icon [icon]="faCheckSquare"></fa-icon>
  Executions
</h5>
<app-jobspec-execution [execution]="execution" *ngFor="let execution of jobspec.executions"></app-jobspec-execution>

<button type="button" class="btn btn-success" *ngIf="canBeSubmitted()" (click)="submitJob()">Submit Job</button>