diff options
Diffstat (limited to 'client/src/app/shared/video')
| -rw-r--r-- | client/src/app/shared/video/modals/video-download.component.html | 75 |
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"> |