diff options
Diffstat (limited to 'client/src/app/+admin/overview/videos/video-list.component.html')
-rw-r--r-- | client/src/app/+admin/overview/videos/video-list.component.html | 38 |
1 files changed, 34 insertions, 4 deletions
diff --git a/client/src/app/+admin/overview/videos/video-list.component.html b/client/src/app/+admin/overview/videos/video-list.component.html index 6250c00fb..eedf6f3dc 100644 --- a/client/src/app/+admin/overview/videos/video-list.component.html +++ b/client/src/app/+admin/overview/videos/video-list.component.html | |||
@@ -37,6 +37,7 @@ | |||
37 | <th style="width: 60px;"></th> | 37 | <th style="width: 60px;"></th> |
38 | <th i18n>Video</th> | 38 | <th i18n>Video</th> |
39 | <th i18n>Info</th> | 39 | <th i18n>Info</th> |
40 | <th i18n>Files</th> | ||
40 | <th style="width: 150px;" i18n pSortableColumn="publishedAt">Published <p-sortIcon field="publishedAt"></p-sortIcon></th> | 41 | <th style="width: 150px;" i18n pSortableColumn="publishedAt">Published <p-sortIcon field="publishedAt"></p-sortIcon></th> |
41 | </tr> | 42 | </tr> |
42 | </ng-template> | 43 | </ng-template> |
@@ -63,8 +64,8 @@ | |||
63 | <my-video-cell [video]="video"></my-video-cell> | 64 | <my-video-cell [video]="video"></my-video-cell> |
64 | </td> | 65 | </td> |
65 | 66 | ||
66 | <td class="badges"> | 67 | <td> |
67 | <span [ngClass]="getPrivacyBadgeClass(video.privacy.id)" class="badge" i18n>{{ video.privacy.label }}</span> | 68 | <span [ngClass]="getPrivacyBadgeClass(video.privacy.id)" class="badge">{{ video.privacy.label }}</span> |
68 | 69 | ||
69 | <span *ngIf="video.nsfw" class="badge badge-red" i18n>NSFW</span> | 70 | <span *ngIf="video.nsfw" class="badge badge-red" i18n>NSFW</span> |
70 | 71 | ||
@@ -77,6 +78,13 @@ | |||
77 | </td> | 78 | </td> |
78 | 79 | ||
79 | <td> | 80 | <td> |
81 | <span *ngIf="isHLS(video)" class="badge badge-blue">HLS</span> | ||
82 | <span *ngIf="isWebTorrent(video)" class="badge badge-blue">WebTorrent</span> | ||
83 | |||
84 | <span *ngIf="!video.remote">{{ getFilesSize(video) | bytes: 1 }}</span> | ||
85 | </td> | ||
86 | |||
87 | <td> | ||
80 | {{ video.publishedAt | date: 'short' }} | 88 | {{ video.publishedAt | date: 'short' }} |
81 | </td> | 89 | </td> |
82 | 90 | ||
@@ -85,8 +93,30 @@ | |||
85 | 93 | ||
86 | <ng-template pTemplate="rowexpansion" let-video> | 94 | <ng-template pTemplate="rowexpansion" let-video> |
87 | <tr> | 95 | <tr> |
88 | <td colspan="50"> | 96 | <td class="video-info expand-cell" colspan="7"> |
89 | <my-embed [video]="video"></my-embed> | 97 | <div> |
98 | <div *ngIf="isWebTorrent(video)"> | ||
99 | WebTorrent: | ||
100 | |||
101 | <ul> | ||
102 | <li *ngFor="let file of video.files"> | ||
103 | {{ file.resolution.label }}: {{ file.size | bytes: 1 }} | ||
104 | </li> | ||
105 | </ul> | ||
106 | </div> | ||
107 | |||
108 | <div *ngIf="isHLS(video)"> | ||
109 | HLS: | ||
110 | |||
111 | <ul> | ||
112 | <li *ngFor="let file of video.streamingPlaylists[0].files"> | ||
113 | {{ file.resolution.label }}: {{ file.size | bytes: 1 }} | ||
114 | </li> | ||
115 | </ul> | ||
116 | </div> | ||
117 | |||
118 | <my-embed class="ml-auto" [video]="video"></my-embed> | ||
119 | </div> | ||
90 | </td> | 120 | </td> |
91 | </tr> | 121 | </tr> |
92 | </ng-template> | 122 | </ng-template> |