client/src/app/+videos/+video-edit/video-add-components/video-go-live.component.html

   1 <div *ngIf="!isInUpdateForm" class="upload-video-container">
   2   <div class="first-step-block">
   3     <my-global-icon class="upload-icon" iconName="upload" aria-hidden="true"></my-global-icon>
   4
   5     <div class="form-group">
   6       <label i18n for="first-step-channel">Channel</label>
   7       <my-select-channel
   8         labelForId="first-step-channel" [items]="userVideoChannels" [(ngModel)]="firstStepChannelId"
   9       ></my-select-channel>
  10     </div>
  11
  12     <div class="form-group">
  13       <label i18n for="first-step-privacy">Privacy</label>
  14       <my-select-options
  15         labelForId="first-step-privacy" [items]="videoPrivacies" [(ngModel)]="firstStepPrivacyId"
  16       ></my-select-options>
  17     </div>
  18
  19     <div class="form-group live-type">
  20       <div class="peertube-radio-container">
  21         <input type="radio" id="permanentLiveFalse" [(ngModel)]="firstStepPermanentLive" [value]="false">
  22         <label i18n for="permanentLiveFalse" class="radio">Normal live</label>
  23
  24         <span class="form-group-description">{{ getNormalLiveDescription() }}</span>
  25       </div>
  26
  27       <div class="peertube-radio-container">
  28         <input type="radio" id="permanentLiveTrue" [(ngModel)]="firstStepPermanentLive" [value]="true">
  29         <label i18n for="permanentLiveTrue" class="radio">Permanent/recurring live</label>
  30
  31         <span class="form-group-description" i18n>{{ getPermanentLiveDescription() }}</span>
  32       </div>
  33     </div>
  34
  35     <input
  36       [disabled]="firstStepPermanentLive !== true && firstStepPermanentLive !== false"
  37       type="button" i18n-value value="Go Live" (click)="goLive()"
  38     />
  39   </div>
  40 </div>
  41
  42 <div *ngIf="error" class="alert alert-danger">
  43   <div i18n>Sorry, but something went wrong</div>
  44   {{ error }}
  45 </div>
  46
  47 <div class="alert alert-info" i18n *ngIf="isInUpdateForm && getMaxLiveDuration() >= 0">
  48   Max live duration is {{ getMaxLiveDuration() | myDurationFormatter }}.
  49   If your live reaches this limit, it will be automatically terminated.
  50 </div>
  51
  52 <!-- Hidden because we want to load the component -->
  53 <form [hidden]="!isInUpdateForm" novalidate [formGroup]="form">
  54   <my-video-edit
  55     [form]="form" [formErrors]="formErrors" [videoCaptions]="videoCaptions"
  56     [forbidScheduledPublication]="true" [waitTranscodingEnabled]="isWaitTranscodingEnabled()"
  57     [validationMessages]="validationMessages" [userVideoChannels]="userVideoChannels" [liveVideo]="liveVideo"
  58     type="go-live"
  59   ></my-video-edit>
  60
  61   <div class="submit-container">
  62     <my-button className="orange-button" i18n-label label="Update" icon="circle-tick"
  63       (click)="updateSecondStep()"
  64       [disabled]="!form.valid"
  65     ></my-button>
  66   </div>
  67 </form>