diff options
Diffstat (limited to 'client/src/app/+my-library/my-history/my-history.component.html')
-rw-r--r-- | client/src/app/+my-library/my-history/my-history.component.html | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/client/src/app/+my-library/my-history/my-history.component.html b/client/src/app/+my-library/my-history/my-history.component.html new file mode 100644 index 000000000..cff46a41d --- /dev/null +++ b/client/src/app/+my-library/my-history/my-history.component.html | |||
@@ -0,0 +1,28 @@ | |||
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 | <p-inputSwitch [(ngModel)]="videosHistoryEnabled" (ngModelChange)="onVideosHistoryChange()"></p-inputSwitch> | ||
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="pagination.totalItems === 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> | ||