61 lines
3.2 KiB
HTML
61 lines
3.2 KiB
HTML
<div class="row" *ngIf="form.get('data')">
|
|
|
|
<h5 style="font-weight: bold" class="col-auto">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.FIELD.FIELDS.FIELD-AUTOCOMPLETE-TITLE' | translate}}</h5>
|
|
<mat-checkbox class="col-auto" [formControl]="this.form.get('data').get('multiAutoComplete')">
|
|
{{'DATASET-PROFILE-EDITOR.STEPS.FORM.FIELD.FIELDS.FIELD-MULTIPLE-AUTOCOMPLETE' | translate}}
|
|
</mat-checkbox>
|
|
|
|
<mat-form-field class="col-12">
|
|
<mat-label>{{'DATASET-PROFILE-EDITOR.STEPS.FORM.FIELD.FIELDS.FIELD-AUTOCOMPLETE-PLACEHOLDER' | translate}}</mat-label>
|
|
<input matInput type="string"
|
|
[formControl]="form.get('data').get('label')">
|
|
</mat-form-field>
|
|
|
|
<h6 style="font-weight: bold" class="col-auto">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.FIELD.FIELDS.FIELD-AUTOCOMPLETE-SOURCE-TITLE' | translate}}</h6>
|
|
<button mat-raised-button
|
|
type="button" class="col-auto"
|
|
(click)="addSource()"
|
|
[ngClass]="{'text-danger':form.get('data').errors?.emptyArray && form.touched}"
|
|
>
|
|
{{'DATASET-PROFILE-EDITOR.STEPS.FORM.FIELD.FIELDS.FIELD-AUTOCOMPLETE-ADD_SOURCE' | translate}}
|
|
<mat-icon
|
|
*ngIf="form.get('data').errors?.emptyArray && form.get('data').touched"
|
|
matTooltip="At least one source must be provided."
|
|
>warning_amber</mat-icon>
|
|
</button>
|
|
</div>
|
|
|
|
<div *ngFor="let singleForm of multiForm.controls; let i = index" class="row">
|
|
<mat-form-field class="col-12">
|
|
<mat-label>{{'DATASET-PROFILE-EDITOR.STEPS.FORM.FIELD.FIELDS.FIELD-AUTOCOMPLETE-TYPE' | translate}}</mat-label>
|
|
<mat-select [formControl]="singleForm.get('autoCompleteType')">
|
|
<mat-option [value]="0">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.FIELD.FIELDS.FIELD-AUTOCOMPLETE-TYPE-UNCACHED' | translate}}</mat-option>
|
|
<mat-option [value]="1">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.FIELD.FIELDS.FIELD-AUTOCOMPLETE-TYPE-CACHED' | translate}}</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field class="col-md-12">
|
|
<mat-label>{{'DATASET-PROFILE-EDITOR.STEPS.FORM.FIELD.FIELDS.FIELD-AUTOCOMPLETE-URL' | translate}}</mat-label>
|
|
<input matInput [formControl]="this.singleForm.get('url')" required>
|
|
</mat-form-field>
|
|
<mat-form-field class="col-md-3">
|
|
<mat-label>{{'DATASET-PROFILE-EDITOR.STEPS.FORM.FIELD.FIELDS.FIELD-AUTOCOMPLETE-OPTIONS-ROOT' | translate}}</mat-label>
|
|
<input matInput
|
|
[formControl]="this.singleForm.get('optionsRoot')" required>
|
|
</mat-form-field>
|
|
<mat-form-field class="col-md-3">
|
|
<mat-label>{{'DATASET-PROFILE-EDITOR.STEPS.FORM.FIELD.FIELDS.FIELD-AUTOCOMPLETE-LABEL' | translate}}</mat-label>
|
|
<input matInput [formControl]="this.singleForm.get('autoCompleteOptions').get('label')">
|
|
</mat-form-field>
|
|
<mat-form-field class="col-md-3">
|
|
<mat-label>{{'DATASET-PROFILE-EDITOR.STEPS.FORM.FIELD.FIELDS.FIELD-AUTOCOMPLETE-VALUE' | translate}}</mat-label>
|
|
<input matInput [formControl]="this.singleForm.get('autoCompleteOptions').get('value')">
|
|
</mat-form-field>
|
|
<mat-form-field class="col-md-3">
|
|
<mat-label>{{'DATASET-PROFILE-EDITOR.STEPS.FORM.FIELD.FIELDS.FIELD-AUTOCOMPLETE-SOURCE' | translate}}</mat-label>
|
|
<input matInput [formControl]="this.singleForm.get('autoCompleteOptions').get('source')">
|
|
</mat-form-field>
|
|
<button mat-button type="button" (click)="removeSource(i)"><mat-icon>delete</mat-icon></button>
|
|
</div>
|
|
|