mirror of
https://github.com/zoriya/Kyoo.git
synced 2026-01-06 04:00:29 -05:00
32 lines
1.8 KiB
HTML
32 lines
1.8 KiB
HTML
<div class="root">
|
|
<div class="episodes" #scrollView (scroll)="onScroll()">
|
|
<div class="episode" *ngFor="let episode of this.episodes" #episodeDom >
|
|
<button mat-icon-button class="moreBtn" [matMenuTriggerFor]="more" [matMenuTriggerData]="{episode: episode}"><i class="material-icons">more_vert</i></button>
|
|
<a routerLink="/watch/{{episode.link}}" href="/watch/{{episode.link}}">
|
|
<div matRipple class="img" [style.background-image]="sanitize(episode.thumb)">
|
|
<button mat-icon-button class="playBtn"><i class="material-icons playIcon">play_circle_outline</i></button>
|
|
</div>
|
|
<ng-container *ngIf="displayShowTitle; else noTitle;">
|
|
<h6 *ngIf="episode.seasonNumber != 0; else elseBlock;" class="title">{{episode.showTitle}} - S{{episode.seasonNumber}}:E{{episode.episodeNumber}}</h6>
|
|
<ng-template #elseBlock><h6 class="title">{{episode.showTitle}}</h6></ng-template>
|
|
<p class="subtitle">{{episode.title}}</p>
|
|
</ng-container>
|
|
<ng-template #noTitle>
|
|
<h6 *ngIf="episode.seasonNumber != 0; else elseBlock;" class="title">S{{episode.seasonNumber}}:E{{episode.episodeNumber}} - {{episode.title}}</h6>
|
|
<ng-template #elseBlock><h6 class="title">{{episode.title}}</h6></ng-template>
|
|
<p class="overview">{{episode.overview}}</p>
|
|
</ng-template>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<mat-menu #more="matMenu">
|
|
<ng-template matMenuContent let-episode="episode">
|
|
<a [href]="'/video/' + episode.link" download><button mat-menu-item>Download episode</button></a>
|
|
</ng-template>
|
|
</mat-menu>
|
|
|
|
<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>
|