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="displayName">Display name</label>
  10         <input
  11           type="text" id="displayName"
  12           formControlName="displayName" [ngClass]="{ 'input-error': formErrors['displayName'] }"
  13         >
  14         <div *ngIf="formErrors['displayName']" class="form-error">
  15           {{ formErrors['displayName'] }}
  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
  54         <div *ngIf="formErrors['videoChannelId']" class="form-error">
  55           {{ formErrors['videoChannelId'] }}
  56         </div>
  57       </div>
  58
  59       <div class="form-group">
  60         <label i18n>Playlist thumbnail</label>
  61
  62         <my-preview-upload
  63           i18n-inputLabel inputLabel="Edit" inputName="thumbnailfile" formControlName="thumbnailfile"
  64           previewWidth="223px" previewHeight="122px"
  65         ></my-preview-upload>
  66       </div>
  67     </div>
  68   </div>
  69
  70   <input type="submit" value="{{ getFormButtonTitle() }}" [disabled]="!form.valid">
  71 </form>