diff options
Diffstat (limited to 'client/src/app/account/account-videos/account-videos.component.html')
-rw-r--r-- | client/src/app/account/account-videos/account-videos.component.html | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/client/src/app/account/account-videos/account-videos.component.html b/client/src/app/account/account-videos/account-videos.component.html new file mode 100644 index 000000000..f69c0487d --- /dev/null +++ b/client/src/app/account/account-videos/account-videos.component.html | |||
@@ -0,0 +1,39 @@ | |||
1 | <div | ||
2 | class="videos" | ||
3 | infiniteScroll | ||
4 | [infiniteScrollDistance]="0.5" | ||
5 | [infiniteScrollUpDistance]="1.5" | ||
6 | (scrolled)="onNearOfBottom()" | ||
7 | (scrolledUp)="onNearOfTop()" | ||
8 | > | ||
9 | <div class="video" *ngFor="let video of videos; let i = index"> | ||
10 | <input type="checkbox" [(ngModel)]="checkedVideos[video.id]" /> | ||
11 | |||
12 | <my-video-thumbnail [video]="video"></my-video-thumbnail> | ||
13 | |||
14 | <div class="video-info"> | ||
15 | <div class="video-info-name">{{ video.name }}</div> | ||
16 | <span class="video-info-date-views">{{ video.createdAt | myFromNow }} - {{ video.views | myNumberFormatter }} views</span> | ||
17 | </div> | ||
18 | |||
19 | <!-- Display only once --> | ||
20 | <div class="action-selection-mode" *ngIf="isInSelectionMode() === true && i === 0"> | ||
21 | <div class="action-selection-mode-child"> | ||
22 | <span class="action-button action-button-cancel-selection" (click)="abortSelectionMode()"> | ||
23 | Cancel | ||
24 | </span> | ||
25 | |||
26 | <span class="action-button action-button-delete-selection" (click)="deleteSelectedVideos()"> | ||
27 | <span class="icon icon-delete-white"></span> | ||
28 | Delete | ||
29 | </span> | ||
30 | </div> | ||
31 | </div> | ||
32 | |||
33 | <div class="video-buttons" *ngIf="isInSelectionMode() === false"> | ||
34 | <my-delete-button (click)="deleteVideo(video)"></my-delete-button> | ||
35 | |||
36 | <my-edit-button [routerLink]="[ '/videos', 'edit', video.uuid ]"></my-edit-button> | ||
37 | </div> | ||
38 | </div> | ||
39 | </div> | ||