<div class="fl-content fl-content-min-height">
  <p class="fl-detail" *ngIf="object.fleio_project" i18n>Project:
    <a [routerLink]="[config.getPanelUrl('openstack/projects'), object.fleio_project.id]"
       *ngIf="object.fleio_project.id; else noProjectLink"
       class="active-link">
      {{object.fleio_project.name}}
    </a>
    <ng-template #noProjectLink><span>{{object.project_id}}</span></ng-template>
  </p>
  <p class="fl-detail" i18n>Target project: {{object.target_project}}</p>
  <p class="fl-detail" i18n>Action: {{object.action_display}}</p>
  <p class="fl-detail" i18n>Object type: {{object.object_type}}</p>
  <p class="fl-detail" *ngIf="!objectUrl; else objectWithUrl" i18n>Object: {{object.object_display}}</p>
  <ng-template #objectWithUrl>
    <p class="fl-detail" i18n>Object:
      <a [routerLink]="objectUrl" class="active-link">
        {{object.object_display}}
      </a>
    </p>
  </ng-template>
</div>
