+
+ <div class="video-info">
+ <div class="video-info-name">{{ video.name }}</div>
+ <span class="video-info-date-views">{{ video.createdAt | myFromNow }} - {{ video.views | myNumberFormatter }} views</span>
+ </div>
+
+ <!-- Display only once -->
+ <div class="action-selection-mode" *ngIf="isInSelectionMode() === true && i === 0">
+ <div class="action-selection-mode-child">
+ <span class="action-button" (click)="abortSelectionMode()">
+ Cancel
+ </span>
+
+ <span class="action-button action-button-delete-selection" (click)="deleteSelectedVideos()">
+ <span class="icon icon-delete-white"></span>
+ Delete
+ </span>
+ </div>
+ </div>
+
+ <ng-template [ngIf]="isInSelectionMode() === false">
+ <span class="action-button action-button-delete" (click)="deleteVideo(video)">
+ <span class="icon icon-delete-grey"></span>
+ Delete
+ </span>
+
+ <a class="action-button" [routerLink]="[ '/videos', 'edit', video.uuid ]">
+ <span class="icon icon-edit"></span>
+ Edit
+ </a>
+ </ng-template>