Add icon to delete history button
[oweals/peertube.git] / client / src / app / +my-account / my-account-history / my-account-history.component.html
1 <div class="top-buttons">
2   <div class="history-switch">
3     <p-inputSwitch [(ngModel)]="videosHistoryEnabled" (ngModelChange)="onVideosHistoryChange()"></p-inputSwitch>
4     <label i18n>History enabled</label>
5   </div>
6
7   <button class="delete-history" (click)="deleteHistory()" i18n>
8     <my-global-icon iconName="delete"></my-global-icon>
9     Delete history
10   </button>
11 </div>
12
13
14 <div class="no-history" i18n *ngIf="pagination.totalItems === 0">You don't have videos history yet.</div>
15
16 <div myInfiniteScroller (nearOfBottom)="onNearOfBottom()" class="videos" #videosElement>
17   <div *ngFor="let videos of videoPages;" class="videos-page">
18     <div class="video" *ngFor="let video of videos">
19       <my-video-thumbnail [video]="video"></my-video-thumbnail>
20
21       <div class="video-info">
22         <a tabindex="-1" class="video-info-name" [routerLink]="['/videos/watch', video.uuid]" [attr.title]="video.name">{{ video.name }}</a>
23         <span i18n class="video-info-date-views">{{ video.views | myNumberFormatter }} views</span>
24         <a tabindex="-1" class="video-info-account" [routerLink]="[ '/accounts', video.byAccount ]">{{ video.byAccount }}</a>
25       </div>
26     </div>
27   </div>
28 </div>