2018-08-09 14:55:06 +02:00
|
|
|
<ng-template #modal let-hide="close">
|
|
|
|
<div class="modal-header">
|
2020-04-01 16:52:59 +02:00
|
|
|
<h4 class="modal-title">
|
|
|
|
<ng-container i18n>Download</ng-container>
|
2020-01-08 20:00:52 +01:00
|
|
|
|
2021-06-25 17:02:39 +02:00
|
|
|
<div class="peertube-select-container title-select" *ngIf="hasCaptions()">
|
|
|
|
<select id="type" name="type" [(ngModel)]="type" class="form-control">
|
|
|
|
<option value="video" i18n>Video</option>
|
|
|
|
<option value="subtitles" i18n>Subtitles</option>
|
|
|
|
</select>
|
2020-01-07 16:53:57 +01:00
|
|
|
</div>
|
|
|
|
</h4>
|
2021-06-25 17:02:39 +02:00
|
|
|
|
2019-01-16 16:05:40 +01:00
|
|
|
<my-global-icon iconName="cross" aria-label="Close" role="button" (click)="hide()"></my-global-icon>
|
2018-08-09 14:55:06 +02:00
|
|
|
</div>
|
2017-12-20 17:49:58 +01:00
|
|
|
|
2018-08-09 14:55:06 +02:00
|
|
|
<div class="modal-body">
|
2021-03-29 13:51:33 +02:00
|
|
|
<div class="alert alert-warning" *ngIf="isConfidentialVideo()" i18n>
|
|
|
|
The following link contains a private token and should not be shared with anyone.
|
|
|
|
</div>
|
2021-03-24 17:06:50 +01:00
|
|
|
|
2021-06-25 17:02:39 +02:00
|
|
|
<!-- Subtitle tab -->
|
2021-03-29 13:51:33 +02:00
|
|
|
<ng-container *ngIf="type === 'subtitles'">
|
2021-06-25 17:02:39 +02:00
|
|
|
<div ngbNav #subtitleNav="ngbNav" class="nav-tabs" [activeId]="subtitleLanguageId" (activeIdChange)="onSubtitleIdChange($event)">
|
|
|
|
|
|
|
|
<ng-container *ngFor="let caption of getCaptions()" [ngbNavItem]="caption.language.id">
|
|
|
|
<a ngbNavLink i18n>{{ caption.language.label }}</a>
|
|
|
|
|
|
|
|
<ng-template ngbNavContent>
|
|
|
|
<div class="nav-content">
|
2022-06-10 15:58:38 +02:00
|
|
|
<my-input-text
|
2022-06-10 15:51:31 +02:00
|
|
|
*ngIf="!isConfidentialVideo()"
|
|
|
|
[show]="true" [readonly]="true" [withCopy]="true" [withToggle]="false" [value]="getLink()"
|
2022-06-10 15:58:38 +02:00
|
|
|
></my-input-text>
|
2021-06-25 17:02:39 +02:00
|
|
|
</div>
|
|
|
|
</ng-template>
|
|
|
|
</ng-container>
|
2018-09-23 19:43:41 +02:00
|
|
|
</div>
|
2021-06-25 17:02:39 +02:00
|
|
|
|
|
|
|
<div [ngbNavOutlet]="subtitleNav"></div>
|
2021-03-29 13:51:33 +02:00
|
|
|
</ng-container>
|
2018-06-22 16:29:01 +02:00
|
|
|
|
2021-06-25 17:02:39 +02:00
|
|
|
<!-- Video tab -->
|
2021-03-29 13:51:33 +02:00
|
|
|
<ng-container *ngIf="type === 'video'">
|
|
|
|
<div ngbNav #resolutionNav="ngbNav" class="nav-tabs" [activeId]="resolutionId" (activeIdChange)="onResolutionIdChange($event)">
|
|
|
|
<ng-container *ngFor="let file of getVideoFiles()" [ngbNavItem]="file.resolution.id">
|
|
|
|
<a ngbNavLink i18n>{{ file.resolution.label }}</a>
|
2021-04-14 16:39:37 +02:00
|
|
|
|
2020-04-01 16:52:59 +02:00
|
|
|
<ng-template ngbNavContent>
|
2021-03-29 13:51:33 +02:00
|
|
|
<div class="nav-content">
|
2022-10-12 16:09:02 +02:00
|
|
|
<my-input-text [show]="true" [readonly]="true" [withCopy]="true" [withToggle]="false" [value]="getLink()"></my-input-text>
|
2020-03-10 14:39:40 +01:00
|
|
|
</div>
|
2020-04-01 16:52:59 +02:00
|
|
|
</ng-template>
|
|
|
|
</ng-container>
|
2021-03-29 13:51:33 +02:00
|
|
|
</div>
|
2021-06-25 17:02:39 +02:00
|
|
|
|
2021-03-29 13:51:33 +02:00
|
|
|
<div [ngbNavOutlet]="resolutionNav"></div>
|
2021-04-14 16:39:37 +02:00
|
|
|
|
2021-03-29 13:51:33 +02:00
|
|
|
<div class="advanced-filters collapse-transition" [ngbCollapse]="isAdvancedCustomizationCollapsed">
|
2021-06-25 17:02:39 +02:00
|
|
|
<div ngbNav #navMetadata="ngbNav" class="nav-tabs nav-metadata">
|
|
|
|
<ng-container ngbNavItem>
|
|
|
|
<a ngbNavLink i18n>Format</a>
|
|
|
|
<ng-template ngbNavContent>
|
|
|
|
<div class="file-metadata">
|
|
|
|
<div class="metadata-attribute metadata-attribute-tags" *ngFor="let item of videoFileMetadataFormat | keyvalue">
|
|
|
|
<span i18n class="metadata-attribute-label">{{ item.value.label }}</span>
|
|
|
|
<span class="metadata-attribute-value">{{ item.value.value }}</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</ng-template>
|
|
|
|
|
|
|
|
<ng-container ngbNavItem [disabled]="videoFileMetadataVideoStream === undefined">
|
|
|
|
<a ngbNavLink i18n>Video stream</a>
|
2021-03-29 13:51:33 +02:00
|
|
|
<ng-template ngbNavContent>
|
|
|
|
<div class="file-metadata">
|
2021-06-25 17:02:39 +02:00
|
|
|
<div class="metadata-attribute metadata-attribute-tags" *ngFor="let item of videoFileMetadataVideoStream | keyvalue">
|
2021-03-29 13:51:33 +02:00
|
|
|
<span i18n class="metadata-attribute-label">{{ item.value.label }}</span>
|
|
|
|
<span class="metadata-attribute-value">{{ item.value.value }}</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</ng-template>
|
2021-06-25 17:02:39 +02:00
|
|
|
</ng-container>
|
2021-04-14 16:39:37 +02:00
|
|
|
|
2021-06-25 17:02:39 +02:00
|
|
|
<ng-container ngbNavItem [disabled]="videoFileMetadataAudioStream === undefined">
|
|
|
|
<a ngbNavLink i18n>Audio stream</a>
|
|
|
|
<ng-template ngbNavContent>
|
|
|
|
<div class="file-metadata">
|
|
|
|
<div class="metadata-attribute metadata-attribute-tags" *ngFor="let item of videoFileMetadataAudioStream | keyvalue">
|
|
|
|
<span i18n class="metadata-attribute-label">{{ item.value.label }}</span>
|
|
|
|
<span class="metadata-attribute-value">{{ item.value.value }}</span>
|
2021-03-29 13:51:33 +02:00
|
|
|
</div>
|
2021-06-25 17:02:39 +02:00
|
|
|
</div>
|
|
|
|
</ng-template>
|
2021-03-29 13:51:33 +02:00
|
|
|
</ng-container>
|
2021-06-25 17:02:39 +02:00
|
|
|
|
|
|
|
</ng-container>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div *ngIf="getFileMetadata()" [ngbNavOutlet]="navMetadata"></div>
|
|
|
|
|
|
|
|
<div class="download-type">
|
|
|
|
<div class="peertube-radio-container">
|
|
|
|
<input type="radio" name="download" id="download-direct" [(ngModel)]="downloadType" value="direct">
|
|
|
|
<label i18n for="download-direct">Direct download</label>
|
2021-03-29 13:51:33 +02:00
|
|
|
</div>
|
2021-06-25 17:02:39 +02:00
|
|
|
|
|
|
|
<div class="peertube-radio-container">
|
|
|
|
<input type="radio" name="download" id="download-torrent" [(ngModel)]="downloadType" value="torrent">
|
|
|
|
<label i18n for="download-torrent">Torrent (.torrent file)</label>
|
2021-03-29 13:51:33 +02:00
|
|
|
</div>
|
2021-06-25 17:02:39 +02:00
|
|
|
</div>
|
2020-04-01 16:52:59 +02:00
|
|
|
</div>
|
2021-04-14 16:39:37 +02:00
|
|
|
|
2021-06-25 17:02:39 +02:00
|
|
|
<div
|
|
|
|
(click)="isAdvancedCustomizationCollapsed = !isAdvancedCustomizationCollapsed"
|
|
|
|
role="button" class="advanced-filters-button"
|
|
|
|
[attr.aria-expanded]="!isAdvancedCustomizationCollapsed" aria-controls="collapseBasic"
|
|
|
|
>
|
2021-03-29 13:51:33 +02:00
|
|
|
<ng-container *ngIf="isAdvancedCustomizationCollapsed">
|
2022-06-13 10:14:03 +02:00
|
|
|
<span class="chevron-down"></span>
|
2021-04-14 16:39:37 +02:00
|
|
|
|
2021-03-29 13:51:33 +02:00
|
|
|
<ng-container i18n>
|
|
|
|
Advanced
|
|
|
|
</ng-container>
|
|
|
|
</ng-container>
|
2021-04-14 16:39:37 +02:00
|
|
|
|
2021-03-29 13:51:33 +02:00
|
|
|
<ng-container *ngIf="!isAdvancedCustomizationCollapsed">
|
2022-06-13 10:14:03 +02:00
|
|
|
<span class="chevron-up"></span>
|
2021-04-14 16:39:37 +02:00
|
|
|
|
2021-03-29 13:51:33 +02:00
|
|
|
<ng-container i18n>
|
|
|
|
Simple
|
|
|
|
</ng-container>
|
|
|
|
</ng-container>
|
2018-08-09 14:55:06 +02:00
|
|
|
</div>
|
2021-03-29 13:51:33 +02:00
|
|
|
</ng-container>
|
2017-10-19 14:58:28 +02:00
|
|
|
</div>
|
2018-08-09 14:55:06 +02:00
|
|
|
|
|
|
|
<div class="modal-footer inputs">
|
2020-04-02 11:39:14 +02:00
|
|
|
<input
|
2021-04-14 16:39:37 +02:00
|
|
|
type="button" role="button" i18n-value value="Cancel" class="peertube-button grey-button"
|
2020-04-02 11:39:14 +02:00
|
|
|
(click)="hide()" (key.enter)="hide()"
|
|
|
|
>
|
2018-08-09 14:55:06 +02:00
|
|
|
|
2021-04-14 16:39:37 +02:00
|
|
|
<input type="submit" i18n-value value="Download" class="peertube-button orange-button" (click)="download()" />
|
2018-08-09 14:55:06 +02:00
|
|
|
</div>
|
|
|
|
</ng-template>
|