Kyoo/src/app/components/items-list/items-list.component.html
2021-03-18 11:07:34 +01:00

18 lines
840 B
HTML

<div class="scroll-row mb-5">
<div class="container" #scrollView (scroll)="onScroll()"
infinite-scroll (scrolled)="this.items?.loadNext(this.client)" [horizontal]="true" [scrollWindow]="false">
<a class="item" *ngFor="let item of this.items?.items" draggable="false"
[routerLink]="getLink(item)" [href]="getLink(item)" #itemsDom>
<div matRipple [style.background-image]="getPoster(item)"> </div>
<p class="title">{{item.title ? item.title : item.name}}</p>
<p class="date">{{getDate(item)}}</p>
</a>
</div>
<button mat-raised-button color="accent" class="scrollBtn leftBtn d-none" #leftBtn (click)="scrollLeft()">
<mat-icon>arrow_left</mat-icon>
</button>
<button mat-raised-button color="accent" class="scrollBtn rightBtn" #rightBtn (click)="scrollRight()">
<mat-icon>arrow_right</mat-icon>
</button>
</div>