mirror of https://github.com/Squidex/squidex.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
1.8 KiB
36 lines
1.8 KiB
<div [formGroup]="actionForm" class="form-horizontal">
|
|
<div class="form-group row" *ngFor="let property of definition.properties">
|
|
<label class="col-3 col-form-label" [for]="property.name">
|
|
<ng-container *ngIf="property.editor !== 'Checkbox'">{{property.display}}</ng-container> <small class="hint" *ngIf="property.isRequired"> *</small>
|
|
</label>
|
|
|
|
<div class="col-9">
|
|
<sqx-control-errors [for]="property.name"></sqx-control-errors>
|
|
|
|
<ng-container [ngSwitch]="property.editor">
|
|
<ng-container *ngSwitchCase="'TextArea'">
|
|
<textarea class="form-control" id="{{property.name}}" [formControlName]="property.name"></textarea>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="'Checkbox'">
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="checkbox" id="{{property.name}}" [formControlName]="property.name" />
|
|
<label class="form-check-label" for="{{property.name}}">
|
|
{{property.display}}
|
|
</label>
|
|
</div>
|
|
</ng-container>
|
|
<ng-container *ngSwitchDefault>
|
|
<input type="{{property.editor | lowercase}}" class="form-control" id="{{property.name}}" [formControlName]="property.name" />
|
|
</ng-container>
|
|
</ng-container>
|
|
|
|
<sqx-form-hint>
|
|
{{property.description}}
|
|
|
|
<div *ngIf="property.isFormattable">
|
|
You can use advanced formatting: <a href="https://docs.squidex.io/concepts/rules#3-formatting" sqxExternalLink>Documentation</a>
|
|
</div>
|
|
</sqx-form-hint>
|
|
</div>
|
|
</div>
|
|
</div>
|