Use form-control to display box-shadow on form inputs/selects upon focus
[oweals/peertube.git] / client / src / app / +my-account / my-account-videos / my-account-videos.component.html
1 <div class="videos-header">
2   <h4 i18n>Videos <span class="badge badge-secondary">{{ pagination.totalItems }}</span></h4>
3
4   <input type="text" placeholder="Search your videos" i18n-placeholder [(ngModel)]="videosSearch" (ngModelChange)="onVideosSearchChanged()" />
5
6   <div class="fake-element"></div>
7 </div>
8
9 <my-videos-selection
10   [pagination]="pagination"
11   [(selection)]="selection"
12   [(videosModel)]="videos"
13   [miniatureDisplayOptions]="miniatureDisplayOptions"
14   [titlePage]="titlePage"
15   [getVideosObservableFunction]="getVideosObservableFunction"
16   #videosSelection
17 >
18   <ng-template ptTemplate="globalButtons">
19     <span class="action-button action-button-delete-selection" (click)="deleteSelectedVideos()">
20       <my-global-icon iconName="delete"></my-global-icon>
21       <ng-container i18n>Delete</ng-container>
22     </span>
23   </ng-template>
24
25   <ng-template ptTemplate="rowButtons" let-video>
26     <my-delete-button (click)="deleteVideo(video)"></my-delete-button>
27
28     <my-edit-button [routerLink]="[ '/videos', 'update', video.uuid ]"></my-edit-button>
29
30     <my-button i18n-label label="Change ownership"
31                className="action-button-change-ownership grey-button"
32                icon="im-with-her"
33                (click)="changeOwnership($event, video)"
34     ></my-button>
35   </ng-template>
36 </my-videos-selection>
37
38
39 <my-video-change-ownership #videoChangeOwnershipModal></my-video-change-ownership>