aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/shared/video
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/app/shared/video')
-rw-r--r--client/src/app/shared/video/modals/video-download.component.html75
1 files changed, 41 insertions, 34 deletions
diff --git a/client/src/app/shared/video/modals/video-download.component.html b/client/src/app/shared/video/modals/video-download.component.html
index 391fe245e..ab6f4449d 100644
--- a/client/src/app/shared/video/modals/video-download.component.html
+++ b/client/src/app/shared/video/modals/video-download.component.html
@@ -1,7 +1,7 @@
1<ng-template #modal let-hide="close"> 1<ng-template #modal let-hide="close">
2 <div class="modal-header"> 2 <div class="modal-header">
3 <h4 class="modal-title">Download 3 <h4 class="modal-title">
4 <span *ngIf="!videoCaptions" i18n>video</span> 4 <ng-container i18n>Download</ng-container>
5 5
6 <div *ngIf="videoCaptions" ngbDropdown class="d-inline-block"> 6 <div *ngIf="videoCaptions" ngbDropdown class="d-inline-block">
7 <span id="dropdownDownloadType" ngbDropdownToggle> 7 <span id="dropdownDownloadType" ngbDropdownToggle>
@@ -38,41 +38,48 @@
38 </div> 38 </div>
39 </div> 39 </div>
40 40
41 <ngb-tabset *ngIf="type === 'video' && videoFile?.metadata"> 41 <ng-container *ngIf="type === 'video' && videoFile?.metadata">
42 <ngb-tab> 42 <div ngbNav #nav="ngbNav" class="nav-tabs">
43 <ng-template ngbTabTitle i18n>Format</ng-template> 43
44 <ng-template ngbTabContent> 44 <ng-container ngbNavItem>
45 <div class="file-metadata"> 45 <a ngbNavLink i18n>Format</a>
46 <div class="metadata-attribute metadata-attribute-tags" *ngFor="let item of videoFileMetadataFormat | keyvalue"> 46 <ng-template ngbNavContent>
47 <span i18n class="metadata-attribute-label">{{ item.value.label }}</span> 47 <div class="file-metadata">
48 <span class="metadata-attribute-value">{{ item.value.value }}</span> 48 <div class="metadata-attribute metadata-attribute-tags" *ngFor="let item of videoFileMetadataFormat | keyvalue">
49 <span i18n class="metadata-attribute-label">{{ item.value.label }}</span>
50 <span class="metadata-attribute-value">{{ item.value.value }}</span>
51 </div>
49 </div> 52 </div>
50 </div> 53 </ng-template>
51 </ng-template> 54 </ng-container>
52 </ngb-tab> 55
53 <ngb-tab [disabled]="videoFileMetadataVideoStream === undefined"> 56 <ng-container ngbNavItem [disabled]="videoFileMetadataVideoStream === undefined">
54 <ng-template ngbTabTitle i18n>Video stream</ng-template> 57 <a ngbNavLink i18n>Video stream</a>
55 <ng-template ngbTabContent> 58 <ng-template ngbNavContent>
56 <div class="file-metadata"> 59 <div class="file-metadata">
57 <div class="metadata-attribute metadata-attribute-tags" *ngFor="let item of videoFileMetadataVideoStream | keyvalue"> 60 <div class="metadata-attribute metadata-attribute-tags" *ngFor="let item of videoFileMetadataVideoStream | keyvalue">
58 <span i18n class="metadata-attribute-label">{{ item.value.label }}</span> 61 <span i18n class="metadata-attribute-label">{{ item.value.label }}</span>
59 <span class="metadata-attribute-value">{{ item.value.value }}</span> 62 <span class="metadata-attribute-value">{{ item.value.value }}</span>
63 </div>
60 </div> 64 </div>
61 </div> 65 </ng-template>
62 </ng-template> 66 </ng-container>
63 </ngb-tab> 67
64 <ngb-tab [disabled]="videoFileMetadataAudioStream === undefined"> 68 <ng-container ngbNavItem [disabled]="videoFileMetadataAudioStream === undefined">
65 <ng-template ngbTabTitle i18n>Audio stream</ng-template> 69 <a ngbNavLink i18n>Audio stream</a>
66 <ng-template ngbTabContent> 70 <ng-template ngbNavContent>
67 <div class="file-metadata"> 71 <div class="file-metadata">
68 <div class="metadata-attribute metadata-attribute-tags" *ngFor="let item of videoFileMetadataAudioStream | keyvalue"> 72 <div class="metadata-attribute metadata-attribute-tags" *ngFor="let item of videoFileMetadataAudioStream | keyvalue">
69 <span i18n class="metadata-attribute-label">{{ item.value.label }}</span> 73 <span i18n class="metadata-attribute-label">{{ item.value.label }}</span>
70 <span class="metadata-attribute-value">{{ item.value.value }}</span> 74 <span class="metadata-attribute-value">{{ item.value.value }}</span>
75 </div>
71 </div> 76 </div>
72 </div> 77 </ng-template>
73 </ng-template> 78 </ng-container>
74 </ngb-tab> 79 </div>
75 </ngb-tabset> 80
81 <div [ngbNavOutlet]="nav"></div>
82 </ng-container>
76 83
77 <div class="download-type" *ngIf="type === 'video'"> 84 <div class="download-type" *ngIf="type === 'video'">
78 <div class="peertube-radio-container"> 85 <div class="peertube-radio-container">