]>
Commit | Line | Data |
---|---|---|
d607fc24 | 1 | <h1> |
4f5d0459 RK |
2 | <span> |
3 | <my-global-icon iconName="videos" aria-hidden="true"></my-global-icon> | |
4 | <ng-container i18n>My videos</ng-container> | |
5 | <span class="badge badge-secondary"> {{ pagination.totalItems }}</span> | |
6 | </span> | |
17119e4a C |
7 | |
8 | <div> | |
9 | <a routerLink="/my-library/video-imports" class="button-link"> | |
10 | <my-global-icon iconName="cloud-download" aria-hidden="true"></my-global-icon> | |
11 | <ng-container i18n>My imports</ng-container> | |
12 | </a> | |
13 | ||
14 | <a routerLink="/my-library/ownership" class="button-link"> | |
15 | <my-global-icon iconName="users" aria-hidden="true"></my-global-icon> | |
16 | <ng-container i18n>Ownership changes</ng-container> | |
17 | </a> | |
18 | </div> | |
d607fc24 | 19 | </h1> |
aa0f1963 | 20 | |
d607fc24 | 21 | <div class="videos-header d-flex justify-content-between"> |
4f5d0459 | 22 | <div class="has-feedback has-clear"> |
d607fc24 | 23 | <input type="text" placeholder="Search your videos" i18n-placeholder [(ngModel)]="videosSearch" |
24 | (ngModelChange)="onVideosSearchChanged()" /> | |
4f5d0459 RK |
25 | <a class="glyphicon glyphicon-remove-sign form-control-feedback form-control-clear" (click)="resetSearch()"></a> |
26 | <span class="sr-only" i18n>Clear filters</span> | |
27 | </div> | |
8e286cdc | 28 | |
9a8c02c9 | 29 | <div class="peertube-select-container peertube-select-button"> |
8e286cdc RK |
30 | <select [(ngModel)]="sort" (ngModelChange)="onChangeSortColumn()" class="form-control"> |
31 | <option value="undefined" disabled>Sort by</option> | |
32 | <option value="-publishedAt" i18n>Last published first</option> | |
33 | <option value="-createdAt" i18n>Last created first</option> | |
34 | <option value="-views" i18n>Most viewed first</option> | |
35 | <option value="-likes" i18n>Most liked first</option> | |
36 | <option value="-duration" i18n>Longest first</option> | |
37 | </select> | |
38 | </div> | |
d607fc24 | 39 | </div> |
bf64ed41 | 40 | |
693263e9 | 41 | <my-videos-selection |
8c6781e9 | 42 | [pagination]="pagination" |
693263e9 C |
43 | [(selection)]="selection" |
44 | [(videosModel)]="videos" | |
45 | [miniatureDisplayOptions]="miniatureDisplayOptions" | |
46 | [titlePage]="titlePage" | |
47 | [getVideosObservableFunction]="getVideosObservableFunction" | |
241609f1 | 48 | [user]="user" |
693263e9 C |
49 | #videosSelection |
50 | > | |
51 | <ng-template ptTemplate="globalButtons"> | |
52 | <span class="action-button action-button-delete-selection" (click)="deleteSelectedVideos()"> | |
6ad971d5 | 53 | <my-global-icon iconName="delete" aria-hidden="true"></my-global-icon> |
693263e9 C |
54 | <ng-container i18n>Delete</ng-container> |
55 | </span> | |
56 | </ng-template> | |
57 | ||
58 | <ng-template ptTemplate="rowButtons" let-video> | |
8a3183e5 | 59 | <div class="action-button"> |
30814423 | 60 | <my-edit-button label [routerLink]="[ '/videos', 'update', video.uuid ]"></my-edit-button> |
693263e9 | 61 | |
d846d99c | 62 | <my-action-dropdown [actions]="videoActions" [entry]="{ video: video }"></my-action-dropdown> |
8a3183e5 | 63 | </div> |
693263e9 C |
64 | </ng-template> |
65 | </my-videos-selection> | |
6e33bf28 | 66 | |
74d63469 | 67 | |
457bb213 | 68 | <my-video-change-ownership #videoChangeOwnershipModal></my-video-change-ownership> |
d846d99c | 69 | <my-live-stream-information #liveStreamInformationModal></my-live-stream-information> |