diff options
Diffstat (limited to 'client/src/app/+my-library/my-videos/my-videos.component.html')
-rw-r--r-- | client/src/app/+my-library/my-videos/my-videos.component.html | 58 |
1 files changed, 58 insertions, 0 deletions
diff --git a/client/src/app/+my-library/my-videos/my-videos.component.html b/client/src/app/+my-library/my-videos/my-videos.component.html new file mode 100644 index 000000000..977f7b03b --- /dev/null +++ b/client/src/app/+my-library/my-videos/my-videos.component.html | |||
@@ -0,0 +1,58 @@ | |||
1 | <h1> | ||
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> | ||
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> | ||
19 | </h1> | ||
20 | |||
21 | <div class="videos-header d-flex justify-content-between"> | ||
22 | <div class="has-feedback has-clear"> | ||
23 | <input type="text" placeholder="Search your videos" i18n-placeholder [(ngModel)]="videosSearch" | ||
24 | (ngModelChange)="onVideosSearchChanged()" /> | ||
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> | ||
28 | </div> | ||
29 | |||
30 | <my-videos-selection | ||
31 | [pagination]="pagination" | ||
32 | [(selection)]="selection" | ||
33 | [(videosModel)]="videos" | ||
34 | [miniatureDisplayOptions]="miniatureDisplayOptions" | ||
35 | [titlePage]="titlePage" | ||
36 | [getVideosObservableFunction]="getVideosObservableFunction" | ||
37 | [ownerDisplayType]="ownerDisplayType" | ||
38 | #videosSelection | ||
39 | > | ||
40 | <ng-template ptTemplate="globalButtons"> | ||
41 | <span class="action-button action-button-delete-selection" (click)="deleteSelectedVideos()"> | ||
42 | <my-global-icon iconName="delete" aria-hidden="true"></my-global-icon> | ||
43 | <ng-container i18n>Delete</ng-container> | ||
44 | </span> | ||
45 | </ng-template> | ||
46 | |||
47 | <ng-template ptTemplate="rowButtons" let-video> | ||
48 | <div class="action-button"> | ||
49 | <my-edit-button label [routerLink]="[ '/videos', 'update', video.uuid ]"></my-edit-button> | ||
50 | |||
51 | <my-action-dropdown [actions]="videoActions" [entry]="{ video: video }"></my-action-dropdown> | ||
52 | </div> | ||
53 | </ng-template> | ||
54 | </my-videos-selection> | ||
55 | |||
56 | |||
57 | <my-video-change-ownership #videoChangeOwnershipModal></my-video-change-ownership> | ||
58 | <my-live-stream-information #liveStreamInformationModal></my-live-stream-information> | ||