<div class="line">
  <span tabindex="0" role="link" *ngIf="isFile" (click)="showPreview($event)" (keyup.enter)="showPreview($event)" class="link">
    {{ name$ | async }}
  </span>
  <span tabindex="0" role="link" *ngIf="!isFile" (click)="navigate($event)" (keyup.enter)="navigate($event)" class="bold link">
    {{ name$ | async }}
  </span>
  <span>{{ title$ | async }}</span>
</div>

<div *ngIf="description" class="line">{{ description }}</div>

<div class="line">
  {{ 'APP.BROWSE.SEARCH.CUSTOM_ROW.MODIFIED' | translate }}:
  {{ modifiedAt | date: 'medium' }}
  {{ 'APP.BROWSE.SEARCH.CUSTOM_ROW.BY_USER' | translate: { user: user } }}

  <span *ngIf="size"
    >| {{ 'APP.BROWSE.SEARCH.CUSTOM_ROW.SIZE' | translate }}:
    {{ size | adfFileSize }}
  </span>
</div>

<div class="line" *ngIf="isFile && isFileWriteLocked">
  <aca-locked-by [node]="context.row.node"></aca-locked-by>
</div>

<div class="line">
  {{ 'APP.BROWSE.SEARCH.CUSTOM_ROW.LOCATION' | translate }}:
  <aca-location-link [context]="context"></aca-location-link>
</div>
