client/src/app/shared/shared-forms/dynamic-form-field.component.html

   1 <div *ngIf="form" [formGroup]="form">
   2   <label *ngIf="setting.label && setting.type !== 'input-checkbox'" [attr.for]="setting.name" [innerHTML]="setting.label"></label>
   3
   4   <my-peertube-checkbox
   5     *ngIf="setting.type === 'input-checkbox'"
   6     [inputName]="setting.name"
   7     [formControlName]="setting.name"
   8     [labelInnerHTML]="setting.label"
   9   ></my-peertube-checkbox>
  10
  11   <div *ngIf="setting.descriptionHTML" class="label-small-info" [innerHTML]="setting.descriptionHTML"></div>
  12
  13   <input *ngIf="setting.type === 'input'" type="text" [id]="setting.name" [formControlName]="setting.name" />
  14
  15   <div *ngIf="setting.type === 'select'" class="peertube-select-container">
  16     <select  [id]="setting.name" [formControlName]="setting.name" class="form-control">
  17       <option *ngFor="let option of setting.options" [value]="option.value">{{ option.label }}</option>
  18     </select>
  19   </div>
  20
  21   <my-input-text *ngIf="setting.type === 'input-password'" [formError]="formErrors['settings.name']" [formControlName]="setting.name" [inputId]="setting.name"></my-input-text>
  22
  23   <textarea *ngIf="setting.type === 'input-textarea'" type="text" [id]="setting.name" [formControlName]="setting.name"></textarea>
  24
  25   <my-help *ngIf="setting.type === 'markdown-text'" helpType="markdownText"></my-help>
  26
  27   <my-help *ngIf="setting.type === 'markdown-enhanced'" helpType="markdownEnhanced"></my-help>
  28
  29   <my-markdown-textarea
  30     *ngIf="setting.type === 'markdown-text'"
  31     markdownType="text" [id]="setting.name" [formControlName]="setting.name"
  32     [formError]="formErrors['settings.name']"
  33   ></my-markdown-textarea>
  34
  35   <my-markdown-textarea
  36     *ngIf="setting.type === 'markdown-enhanced'"
  37     markdownType="enhanced" [id]="setting.name" [formControlName]="setting.name"
  38     [formError]="formErrors['settings.name']"
  39   ></my-markdown-textarea>
  40
  41   <div *ngIf="setting.type === 'html'" [innerHTML]="setting.html"></div>
  42
  43   <div *ngIf="hasDedicatedFormError() && formErrors[setting.name]" class="form-error">
  44     {{ formErrors[setting.name] }}
  45   </div>
  46
  47 </div>