client/src/app/+my-library/my-videos/my-videos.component.html

   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   <my-advanced-input-filter [filters]="inputFilters" (search)="onSearch($event)"></my-advanced-input-filter>
  23
  24   <div class="peertube-select-container peertube-select-button">
  25     <select [(ngModel)]="sort" (ngModelChange)="onChangeSortColumn()" class="form-control">
  26       <option value="undefined" disabled i18n>Sort by</option>
  27       <option value="-publishedAt" i18n>Last published first</option>
  28       <option value="-createdAt" i18n>Last created first</option>
  29       <option value="-views" i18n>Most viewed first</option>
  30       <option value="-likes" i18n>Most liked first</option>
  31       <option value="-duration" i18n>Longest first</option>
  32     </select>
  33   </div>
  34 </div>
  35
  36 <my-videos-selection
  37   [pagination]="pagination"
  38   [(selection)]="selection"
  39   [(videosModel)]="videos"
  40   [miniatureDisplayOptions]="miniatureDisplayOptions"
  41   [titlePage]="titlePage"
  42   [getVideosObservableFunction]="getVideosObservableFunction"
  43   [user]="user"
  44   [loadOnInit]="false"
  45   #videosSelection
  46 >
  47   <ng-template ptTemplate="globalButtons">
  48     <span class="action-button action-button-delete-selection" (click)="deleteSelectedVideos()">
  49       <my-global-icon iconName="delete" aria-hidden="true"></my-global-icon>
  50       <ng-container i18n>Delete</ng-container>
  51     </span>
  52   </ng-template>
  53
  54   <ng-template ptTemplate="rowButtons" let-video>
  55     <div class="action-button">
  56       <my-edit-button label [routerLink]="[ '/videos', 'update', video.uuid ]"></my-edit-button>
  57
  58       <my-action-dropdown [actions]="videoActions" [entry]="{ video: video }"></my-action-dropdown>
  59     </div>
  60   </ng-template>
  61 </my-videos-selection>
  62
  63 <my-video-change-ownership #videoChangeOwnershipModal></my-video-change-ownership>
  64 <my-live-stream-information #liveStreamInformationModal></my-live-stream-information>