dslak_website/src/app/detail/detail.component.html

<div class="component-detail container">
  <div class="row">
    <div class="col-11 col-md-10 col-lg-12 content mx-auto">
      <button class="back icon-back" (click)="back()"></button>
      <h2 class="title">{{details.title}}</h2>

      <div class="date-container" *ngIf="section == 'exhibitions'">
        <span class="date-indication" *ngIf="details.date_from != details.date_to">from</span>
        <span class="date-indication" *ngIf="details.date_from == details.date_to">on</span>
        <span class="date">{{details.date_from | date}}</span>
        <span class="date" *ngIf="details.date_from != details.date_to"> <span class="date-indication">to</span> {{details.date_to | date}}</span>
      </div>

      <div class="text" [innerHTML]="details.content"></div>
      <span class="tags" *ngIf="details.tags"><b>Tags:</b> {{details.tags}}</span>

      <span class="links" *ngIf="details.exhibitions && details.exhibitions.length"><b>Exhibitions:</b>
        <span class="link" *ngFor="let exhibition of details.exhibitions"
              (click)="showDetails('exhibitions', exhibition.id)"
              routerLink="/detail/exhibitions/{{exhibition.id}}">{{exhibition.title}} </span>
      </span>

      <span class="links" *ngIf="details.works && details.works.length"><b>Works:</b>
        <span class="link" *ngFor="let work of details.works"
              (click)="showDetails('works', work.id)"
              routerLink="/detail/works/{{work.id}}">{{work.title}} </span>
      </span>
  </div>
</div>