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

   1 <h1>
   2   <span class="text-nowrap me-2">
   3     <my-global-icon iconName="videos" aria-hidden="true"></my-global-icon>
   4     <ng-container i18n>My videos</ng-container>
   5     <span *ngIf="pagination.totalItems" class="pt-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 gap-2">
  22   <my-advanced-input-filter [emitOnInit]="false" [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   [videosContainedInPlaylists]="videosContainedInPlaylists"
  38   [pagination]="pagination"
  39   [(selection)]="selection"
  40   [(videosModel)]="videos"
  41   [miniatureDisplayOptions]="miniatureDisplayOptions"
  42   [titlePage]="titlePage"
  43   [getVideosObservableFunction]="getVideosObservableFunction"
  44   [user]="user"
  45   [disabled]="disabled"
  46   #videosSelection
  47 >
  48   <ng-template ptTemplate="globalButtons">
  49     <button class="action-button action-button-delete-selection" (click)="deleteSelectedVideos()">
  50       <my-global-icon iconName="delete" aria-hidden="true"></my-global-icon>
  51       <ng-container i18n>Delete</ng-container>
  52     </button>
  53   </ng-template>
  54
  55   <ng-template ptTemplate="rowButtons" let-video>
  56     <div class="action-button">
  57       <my-edit-button label [routerLink]="[ '/videos', 'update', video.uuid ]"></my-edit-button>
  58
  59       <my-video-actions-dropdown
  60         [video]="video" [displayOptions]="videoDropdownDisplayOptions" [moreActions]="moreVideoActions"
  61         [buttonStyled]="true" buttonDirection="horizontal" (videoRemoved)="onVideoRemoved(video)"
  62       ></my-video-actions-dropdown>
  63     </div>
  64   </ng-template>
  65 </my-videos-selection>
  66
  67 <my-video-change-ownership #videoChangeOwnershipModal></my-video-change-ownership>