38 lines
1.3 KiB
HTML
38 lines
1.3 KiB
HTML
<div class="row">
|
|
|
|
<div class="col-sm-10">
|
|
<mat-form-field>
|
|
<input matInput type="text" (input)="onInputChanged($event)" />
|
|
</mat-form-field>
|
|
</div>
|
|
<div class="col-sm-2">
|
|
<button [routerLink]="['/video/upload']">Upload</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="cardContainer">
|
|
<mat-card
|
|
class="mat-card"
|
|
*ngFor="let video of videos">
|
|
<mat-card-header>
|
|
<mat-card-title class="mat-card-title">{{video.title}}</mat-card-title>
|
|
<mat-card-subtitle>
|
|
<a *ngFor="let tag of video.tags"
|
|
[routerLink]="['/tag', tag.id, 'video-list']">
|
|
{{tag.description}}
|
|
</a>
|
|
</mat-card-subtitle>
|
|
</mat-card-header>
|
|
<mat-card-content class="mat-card-content">
|
|
<img [src]="getThumbnailUrl(video)" alt="Thumbnail" (click)="selectVideo(video)">
|
|
</mat-card-content>
|
|
</mat-card>
|
|
</div>
|
|
</div>
|
|
<mat-paginator [length]="total"
|
|
[pageSize]="perPage"
|
|
[pageSizeOptions]="[25, 50, 75]"
|
|
[hidePageSize]="true"
|
|
(page)="onPageEvent($event)">
|
|
</mat-paginator> |