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

   1 <div i18n *ngIf="pagination.totalItems === 0">No results.</div>
   2
   3 <div myInfiniteScroller (nearOfBottom)="onNearOfBottom()" [autoInit]="true" class="videos">
   4   <div class="video" *ngFor="let video of videos; let i = index">
   5     <div class="checkbox-container">
   6       <my-peertube-checkbox [inputName]="'video-check-' + video.id" [(ngModel)]="checkedVideos[video.id]"></my-peertube-checkbox>
   7     </div>
   8
   9     <my-video-thumbnail [video]="video"></my-video-thumbnail>
  10
  11     <div class="video-info">
  12       <a class="video-info-name" [routerLink]="['/videos/watch', video.uuid]" [attr.title]="video.name">{{ video.name }}</a>
  13       <span i18n class="video-info-date-views">{{ video.createdAt | myFromNow }} - {{ video.views | myNumberFormatter }} views</span>
  14       <div class="video-info-privacy">{{ video.privacy.label }}{{ getStateLabel(video) }}</div>
  15       <div *ngIf="video.blacklisted" class="video-info-blacklisted">
  16         <span class="blacklisted-label" i18n>Blacklisted</span>
  17         <span class="blacklisted-reason" *ngIf="video.blacklistedReason">{{ video.blacklistedReason }}</span>
  18       </div>
  19     </div>
  20
  21     <!-- Display only once -->
  22     <div class="action-selection-mode" *ngIf="isInSelectionMode() === true && i === 0">
  23       <div class="action-selection-mode-child">
  24         <span i18n class="action-button action-button-cancel-selection" (click)="abortSelectionMode()">
  25           Cancel
  26         </span>
  27
  28         <span class="action-button action-button-delete-selection" (click)="deleteSelectedVideos()">
  29           <my-global-icon iconName="delete"></my-global-icon>
  30           <ng-container i18n>Delete</ng-container>
  31         </span>
  32       </div>
  33     </div>
  34
  35     <div class="video-buttons" *ngIf="isInSelectionMode() === false">
  36       <my-delete-button (click)="deleteVideo(video)"></my-delete-button>
  37
  38       <my-edit-button [routerLink]="[ '/videos', 'update', video.uuid ]"></my-edit-button>
  39
  40       <my-button i18n-label label="Change ownership"
  41                  className="action-button-change-ownership"
  42                  icon="im-with-her"
  43                  (click)="changeOwnership($event, video)"
  44       ></my-button>
  45     </div>
  46   </div>
  47 </div>
  48
  49 <my-video-change-ownership #videoChangeOwnershipModal></my-video-change-ownership>