<h1>
<my-global-icon iconName="history" aria-hidden="true"></my-global-icon>
- <ng-container i18n>My watch history</ng-container> <span class="badge badge-secondary">{{ pagination.totalItems }}</span>
+ <ng-container i18n>My watch history</ng-container>
+ <span *ngIf="pagination.totalItems" class="pt-badge badge-secondary">{{ pagination.totalItems }}</span>
</h1>
<div class="top-buttons">
<label i18n>Track watch history</label>
</div>
- <button class="delete-history" (click)="deleteHistory()" i18n>
+ <button class="delete-history" (click)="clearAllHistory()" i18n>
<my-global-icon iconName="delete" aria-hidden="true"></my-global-icon>
- Delete history
+ Clear all history
</button>
</div>
[titlePage]="titlePage"
[getVideosObservableFunction]="getVideosObservableFunction"
[user]="user"
- i18n-noResultMessage noResultMessage="You don't have any video in your watch history yet."
+ [noResultMessage]="getNoResultMessage()"
[enableSelection]="false"
[disabled]="disabled"
#videosSelection
-></my-videos-selection>
+>
+ <ng-template ptTemplate="rowButtons" let-video>
+ <div class="action-button">
+ <my-delete-button i18n-label label="Delete from history" (click)="deleteHistoryElement(video)"></my-delete-button>
+ </div>
+ </ng-template>
+</my-videos-selection>