aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/shared/shared-forms/dynamic-form-field.component.html
blob: 2ef61ecfcd80a915b8e6de9396811e04409cfe77 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<div *ngIf="form" [formGroup]="form">
  <label *ngIf="setting.label && setting.type !== 'input-checkbox'" [attr.for]="setting.name" [innerHTML]="setting.label"></label>

  <my-peertube-checkbox
    *ngIf="setting.type === 'input-checkbox'"
    [inputName]="setting.name"
    [formControlName]="setting.name"
    [labelInnerHTML]="setting.label"
  ></my-peertube-checkbox>

  <div *ngIf="setting.descriptionHTML" class="label-small-info" [innerHTML]="setting.descriptionHTML"></div>

  <input *ngIf="setting.type === 'input'" type="text" [id]="setting.name" [formControlName]="setting.name" />

  <div *ngIf="setting.type === 'select'" class="peertube-select-container">
    <select  [id]="setting.name" [formControlName]="setting.name" class="form-control">
      <option *ngFor="let option of setting.options" [value]="option.value">{{ option.label }}</option>
    </select>
  </div>

  <my-input-toggle-hidden *ngIf="setting.type === 'input-password'" [formControlName]="setting.name" [inputId]="setting.name"></my-input-toggle-hidden>

  <textarea *ngIf="setting.type === 'input-textarea'" type="text" [id]="setting.name" [formControlName]="setting.name"></textarea>

  <my-help *ngIf="setting.type === 'markdown-text'" helpType="markdownText"></my-help>

  <my-help *ngIf="setting.type === 'markdown-enhanced'" helpType="markdownEnhanced"></my-help>

  <my-markdown-textarea
    *ngIf="setting.type === 'markdown-text'"
    markdownType="text" [id]="setting.name" [formControlName]="setting.name" textareaWidth="500px"
    [classes]="{ 'input-error': formErrors['settings.name'] }"
  ></my-markdown-textarea>

  <my-markdown-textarea
    *ngIf="setting.type === 'markdown-enhanced'"
    markdownType="enhanced" [id]="setting.name" [formControlName]="setting.name" textareaWidth="500px"
    [classes]="{ 'input-error': formErrors['settings.name'] }"
  ></my-markdown-textarea>

  <div *ngIf="setting.type === 'html'" [innerHTML]="setting.html"></div>

  <div *ngIf="formErrors[setting.name]" class="form-error">
    {{ formErrors[setting.name] }}
  </div>

</div>