]>
Commit | Line | Data |
---|---|---|
1 | <h1> | |
2 | <my-global-icon iconName="history" aria-hidden="true"></my-global-icon> | |
3 | <ng-container i18n>My history</ng-container> | |
4 | </h1> | |
5 | ||
6 | <div class="top-buttons"> | |
7 | <div class="history-switch"> | |
8 | <my-input-switch [(ngModel)]="videosHistoryEnabled" (ngModelChange)="onVideosHistoryChange()"></my-input-switch> | |
9 | <label i18n>Video history</label> | |
10 | </div> | |
11 | ||
12 | <button class="delete-history" (click)="deleteHistory()" i18n> | |
13 | <my-global-icon iconName="delete" aria-hidden="true"></my-global-icon> | |
14 | Delete history | |
15 | </button> | |
16 | </div> | |
17 | ||
18 | ||
19 | <div class="no-history" i18n *ngIf="hasDoneFirstQuery && videos.length === 0">You don't have any video history yet.</div> | |
20 | ||
21 | <div myInfiniteScroller (nearOfBottom)="onNearOfBottom()" [autoInit]="true" [dataObservable]="onDataSubject.asObservable()" class="videos"> | |
22 | <div class="video" *ngFor="let video of videos"> | |
23 | <my-video-miniature | |
24 | [video]="video" [displayAsRow]="true" | |
25 | (videoRemoved)="removeVideoFromArray(video)" (videoBlocked)="removeVideoFromArray(video)" | |
26 | ></my-video-miniature> | |
27 | </div> | |
28 | </div> |