]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blame - client/src/app/+my-library/my-videos/my-videos.component.html
Remove unused sort param
[github/Chocobozzz/PeerTube.git] / client / src / app / +my-library / my-videos / my-videos.component.html
CommitLineData
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
RK
28
29 <div class="peertube-select-container peertube-select-button ml-2">
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>