Chocobozzz/PeerTube

<div class="form-group">

  <div *ngIf="originalVideoFile" class="peertube-radio-container">
    <input type="radio" name="video-file" id="original-file" [(ngModel)]="videoFileChosen" value="file-original">

    <label for="original-file">
      <strong i18n>Original file</strong>

      <span class="muted">{{ originalVideoFile.size | bytes: 1 }} | {{ originalVideoFile.width }}x{{ originalVideoFile.height }}</span>

      <my-global-icon i18n-ngbTooltip ngbTooltip="Other users cannot download the original file" iconName="shield"></my-global-icon>
    </label>
  </div>

  @for (file of videoFiles; track file.id) {
    <div class="peertube-radio-container">
      <input type="radio" name="video-file" [id]="'file-' + file.id" [(ngModel)]="videoFileChosen" [value]="'file-' + file.id">

      <label [for]="'file-' + file.id">
        <strong>{{ getLabel(file) }}</strong>

        <span class="muted">
          {{ getFileSize(file) | bytes: 1 }}

          @if (file.width) { | {{ file.width }}x{{ file.height }} }

          @if (file.fps && file.fps >= 50) { | <ng-container i18n>{{ file.fps }}fps</ng-container> }
      </span>
      </label>
    </div>
  }

</div>

<div class="form-group" *ngIf="hasAudioSplitted()">
  <my-peertube-checkbox inputName="includeAudio" [(ngModel)]="includeAudio" i18n-labelText labelText="Include audio"></my-peertube-checkbox>
</div>

<div class="modal-footer inputs">
  <ng-content select="cancel-button"></ng-content>

  <input type="submit" i18n-value value="Download" class="peertube-button orange-button" (click)="download()" />
</div>