client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.html

   1 <div class="form-sub-title" *ngIf="isCreation() === true">Create a video channel</div>
   2 <div class="form-sub-title" *ngIf="isCreation() === false">Update {{ videoChannel?.displayName }}</div>
   3
   4 <div *ngIf="error" class="alert alert-danger">{{ error }}</div>
   5
   6 <form role="form" (ngSubmit)="formValidated()" [formGroup]="form">
   7   <div class="form-group">
   8     <label for="display-name">Display name</label>
   9     <input
  10       type="text" id="display-name"
  11       formControlName="display-name" [ngClass]="{ 'input-error': formErrors['display-name'] }"
  12     >
  13     <div *ngIf="formErrors['display-name']" class="form-error">
  14       {{ formErrors['display-name'] }}
  15     </div>
  16   </div>
  17
  18   <div class="form-group">
  19     <label for="description">Description</label>
  20     <textarea
  21       id="description" formControlName="description"
  22       [ngClass]="{ 'input-error': formErrors['description'] }"
  23     ></textarea>
  24     <div *ngIf="formErrors.description" class="form-error">
  25       {{ formErrors.description }}
  26     </div>
  27   </div>
  28
  29   <div class="form-group">
  30     <label for="support">Support</label>
  31     <my-help helpType="markdownEnhanced" preHtml="Short text to tell people how they can support your channel (membership platform...)."></my-help>
  32     <my-markdown-textarea
  33         id="support" formControlName="support" textareaWidth="500px" [previewColumn]="true" markdownType="enhanced"
  34         [classes]="{ 'input-error': formErrors['support'] }"
  35     ></my-markdown-textarea>
  36     <div *ngIf="formErrors.support" class="form-error">
  37       {{ formErrors.support }}
  38     </div>
  39   </div>
  40
  41   <input type="submit" value="{{ getFormButtonTitle() }}" [disabled]="!form.valid">
  42 </form>