You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
27 lines
1.3 KiB
27 lines
1.3 KiB
<div class="component-portfolio">
|
|
<div class="row no-gutters row-container">
|
|
<div class="col-12 col-sm-6 mx-auto" [ngClass]="'col-md-' + item.width" *ngFor="let item of portfolioItems">
|
|
<div class="box" (click)="showDetails(item.id)">
|
|
<img class="loader" *ngIf="item.loading" src="/assets/images/loader.svg" alt="loading">
|
|
<img class="image" [hidden]="item.loading" (load)="onLoad(item.id)" [src]="basePath+item.image">
|
|
<div class="text">
|
|
<span class="title">{{item.title}}</span>
|
|
<span class="type" *ngIf="section != 'exhibitions'">{{item.type}}</span>
|
|
|
|
<div class="date-container" *ngIf="section == 'exhibitions'">
|
|
<div class="date-row">
|
|
<span class="date-indication" *ngIf="item.date_from != item.date_to">from</span>
|
|
<span class="date-indication" *ngIf="item.date_from == item.date_to">on</span>
|
|
<span class="date">{{item.date_from | date}}</span>
|
|
</div>
|
|
<div class="date-row">
|
|
<span class="date" *ngIf="item.date_from != item.date_to"> <span class="date-indication">to</span> {{item.date_to | date}}</span>
|
|
</div>
|
|
</div>
|
|
|
|
<span class="tags">{{item.tags}}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|