client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-edit.component.html

   1 <div i18n class="form-sub-title" *ngIf="isCreation() === true">Create a new playlist</div>
   2
   3 <div *ngIf="error" class="alert alert-danger">{{ error }}</div>
   4
   5 <form role="form" (ngSubmit)="formValidated()" [formGroup]="form">
   6   <div class="row">
   7     <div class="col-md-12 col-xl-6">
   8       <div class="form-group">
   9         <label i18n for="display-name">Display name</label>
  10         <input
  11           type="text" id="display-name"
  12           formControlName="display-name" [ngClass]="{ 'input-error': formErrors['display-name'] }"
  13         >
  14         <div *ngIf="formErrors['display-name']" class="form-error">
  15           {{ formErrors['display-name'] }}
  16         </div>
  17       </div>
  18
  19       <div class="form-group">
  20         <label i18n for="description">Description</label>
  21         <textarea
  22           id="description" formControlName="description"
  23           [ngClass]="{ 'input-error': formErrors['description'] }"
  24         ></textarea>
  25         <div *ngIf="formErrors.description" class="form-error">
  26           {{ formErrors.description }}
  27         </div>
  28       </div>
  29     </div>
  30
  31     <div class="col-md-12 col-xl-6">
  32       <div class="form-group">
  33         <label i18n for="privacy">Privacy</label>
  34         <div class="peertube-select-container">
  35           <select id="privacy" formControlName="privacy">
  36             <option *ngFor="let privacy of videoPlaylistPrivacies" [value]="privacy.id">{{ privacy.label }}</option>
  37           </select>
  38         </div>
  39
  40         <div *ngIf="formErrors.privacy" class="form-error">
  41           {{ formErrors.privacy }}
  42         </div>
  43       </div>
  44
  45       <div class="form-group">
  46         <label i18n>Channel</label>
  47         <div class="peertube-select-container">
  48           <select formControlName="videoChannelId">
  49             <option></option>
  50             <option *ngFor="let channel of userVideoChannels" [value]="channel.id">{{ channel.label }}</option>
  51           </select>
  52         </div>
  53       </div>
  54
  55       <div class="form-group">
  56         <my-image-upload
  57           i18n-inputLabel inputLabel="Upload thumbnail" inputName="thumbnailfile" formControlName="thumbnailfile"
  58           previewWidth="200px" previewHeight="110px"
  59         ></my-image-upload>
  60       </div>
  61     </div>
  62   </div>
  63   <input type="submit" value="{{ getFormButtonTitle() }}" [disabled]="!form.valid">
  64 </form>