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.
29 lines
1.3 KiB
29 lines
1.3 KiB
5 years ago
|
<div class="component-home">
|
||
|
|
<div class="content">
|
||
|
|
<div [ngClass]="'slide-' + item.width" *ngFor="let item of homeItems">
|
||
|
|
<div class="box" [ngClass]="'skew-' + (item.id % 6)" (click)="showDetails(item.id)">
|
||
|
|
<img class="image" *ngIf="item.loading" src="/assets/images/loader.webp" 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>
|