-<div class="videos-header">
- <h1 i18n>Videos <span class="badge badge-secondary">{{ pagination.totalItems }}</span></h1>
-
- <input type="text" placeholder="Search your videos" i18n-placeholder [(ngModel)]="videosSearch" (ngModelChange)="onVideosSearchChanged()" />
-
- <div class="fake-element"></div>
-</div>
+<h1 class="d-flex justify-content-between">
+ <span>
+ <my-global-icon iconName="videos" aria-hidden="true"></my-global-icon>
+ <ng-container i18n>My videos</ng-container>
+ <span class="badge badge-secondary"> {{ pagination.totalItems }}</span>
+ </span>
+
+ <div class="has-feedback has-clear">
+ <input type="text" placeholder="Search your videos" i18n-placeholder [(ngModel)]="videosSearch" (ngModelChange)="onVideosSearchChanged()" />
+ <a class="glyphicon glyphicon-remove-sign form-control-feedback form-control-clear" (click)="resetSearch()"></a>
+ <span class="sr-only" i18n>Clear filters</span>
+ </div>
+</h1>
<my-videos-selection
[pagination]="pagination"
[miniatureDisplayOptions]="miniatureDisplayOptions"
[titlePage]="titlePage"
[getVideosObservableFunction]="getVideosObservableFunction"
+ [ownerDisplayType]="ownerDisplayType"
#videosSelection
>
<ng-template ptTemplate="globalButtons">
<ng-template ptTemplate="rowButtons" let-video>
<div class="action-button">
- <my-delete-button (click)="deleteVideo(video)"></my-delete-button>
+ <my-delete-button label (click)="deleteVideo(video)"></my-delete-button>
- <my-edit-button [routerLink]="[ '/videos', 'update', video.uuid ]"></my-edit-button>
+ <my-edit-button label [routerLink]="[ '/videos', 'update', video.uuid ]"></my-edit-button>
<my-button i18n-label label="Change ownership"
className="action-button-change-ownership grey-button"
- icon="im-with-her"
+ icon="ownership-change"
(click)="changeOwnership($event, video)"
></my-button>
</div>