client/src/app/+my-library/my-video-channel-syncs/video-channel-sync-edit/video-channel-sync-edit.component.html

   1 <div *ngIf="error" class="alert alert-danger">{{ error }}</div>
   2
   3 <div class="margin-content">
   4   <form role="form" (ngSubmit)="formValidated()" [formGroup]="form">
   5
   6     <div class="row">
   7       <div class="col-12 col-lg-4 col-xl-3">
   8         <div class="video-channel-sync-title" i18n>NEW SYNCHRONIZATION</div>
   9       </div>
  10
  11       <div class="col-12 col-lg-8 col-xl-9">
  12         <div class="form-group">
  13           <label i18n for="externalChannelUrl">Remote channel URL</label>
  14
  15           <div class="input-group">
  16             <input
  17               type="text"
  18               id="externalChannelUrl"
  19               i18n-placeholder
  20               placeholder="Example: https://youtube.com/channel/UC_fancy_channel"
  21               formControlName="externalChannelUrl"
  22               [ngClass]="{ 'input-error': formErrors['externalChannelUrl'] }"
  23               class="form-control"
  24             >
  25           </div>
  26
  27           <div *ngIf="formErrors['externalChannelUrl']" class="form-error">
  28             {{ formErrors['externalChannelUrl'] }}
  29           </div>
  30         </div>
  31
  32         <div class="form-group">
  33           <label i18n for="videoChannel">Video Channel</label>
  34           <my-select-channel required [items]="userVideoChannels" formControlName="videoChannel"></my-select-channel>
  35
  36           <div *ngIf="formErrors['videoChannel']" class="form-error">
  37             {{ formErrors['videoChannel'] }}
  38           </div>
  39         </div>
  40
  41         <div class="form-group">
  42           <label for="existingVideoStrategy" i18n>Options for existing videos on remote channel:</label>
  43
  44           <div class="peertube-radio-container">
  45             <input type="radio" name="existingVideoStrategy" id="import" value="import" formControlName="existingVideoStrategy" required />
  46             <label for="import" i18n>Import all and watch for new publications</label>
  47           </div>
  48
  49           <div class="peertube-radio-container">
  50             <input type="radio" name="existingVideoStrategy" id="doNothing" value="nothing" formControlName="existingVideoStrategy" required />
  51             <label for="doNothing" i18n>Only watch for new publications</label>
  52           </div>
  53         </div>
  54       </div>
  55     </div>
  56
  57     <div class="row"> <!-- submit placement block -->
  58       <div class="col-md-7 col-xl-5"></div>
  59       <div class="col-md-5 col-xl-5 d-inline-flex">
  60         <input type="submit" class="peertube-button orange-button ms-auto" value="{{ getFormButtonTitle() }}" [disabled]="!form.valid">
  61       </div>
  62     </div>
  63   </form>
  64 </div>