You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
335 lines
19 KiB
HTML
335 lines
19 KiB
HTML
<div *ngIf="form && this.visibilityRulesService.checkElementVisibility(this.form.get('id').value)" [id]="this.form.get('id').value"
|
|
[formGroup]="form" [ngSwitch]="this.form.get('viewStyle').value.renderStyle" class="dynamic-form-field row">
|
|
|
|
<h5 *ngIf="this.form.get('title').value && !isChild">{{this.form.get('title').value}}</h5>
|
|
<mat-icon *ngIf="this.form.get('additionalInformation').value && !isChild" matTooltip="{{this.form.get('additionalInformation').value}}">info</mat-icon>
|
|
|
|
<h5 *ngIf="this.form.get('description').value && !isChild" class="col-12">{{this.form.get('description').value}}
|
|
</h5>
|
|
<h5 *ngIf="this.form.get('extendedDescription').value && !isChild" class="col-12">
|
|
<i>{{this.form.get('extendedDescription').value}}</i>
|
|
</h5>
|
|
<mat-form-field *ngSwitchCase="datasetProfileFieldViewStyleEnum.FreeText" class="col-12">
|
|
<input matInput [formControl]="form.get('value')" placeholder="{{form.get('data').value.label}}" [required]="form.get('validationRequired').value">
|
|
<mat-error *ngIf="form.get('value')['errors'] && form.get('value')['errors']['required']">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
|
</mat-form-field>
|
|
|
|
<div *ngSwitchCase="datasetProfileFieldViewStyleEnum.ComboBox" class="col-12">
|
|
<div class="row">
|
|
<mat-form-field class="col-md-12" *ngIf="form.get('data').value.type === datasetProfileComboBoxTypeEnum.Autocomplete">
|
|
<div *ngIf="form.get('data').value.multiAutoComplete">
|
|
<app-multiple-auto-complete placeholder="{{ form.get('data').value.label | translate }}" [formControl]="form.get('value')"
|
|
[configuration]="multipleAutoCompleteConfiguration">
|
|
</app-multiple-auto-complete>
|
|
</div>
|
|
<div *ngIf="!(form.get('data').value.multiAutoComplete)">
|
|
<app-single-auto-complete placeholder="{{ form.get('data').value.label | translate }}" [formControl]="form.get('value')"
|
|
[configuration]="singleAutoCompleteConfiguration" [required]="form.get('validationRequired').value">
|
|
</app-single-auto-complete>
|
|
</div>
|
|
<mat-error *ngIf="form.get('value').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}
|
|
</mat-error>
|
|
<mat-hint>{{ "TYPES.DATASET-PROFILE-COMBO-BOX-TYPE.EXTERNAL-SOURCE-HINT" | translate }}</mat-hint>
|
|
</mat-form-field>
|
|
<mat-form-field *ngIf="form.get('data').value.type === datasetProfileComboBoxTypeEnum.WordList" class="col-md-12">
|
|
<mat-select [formControl]="form.get('value')" placeholder="{{ form.get('data').value.label | translate }}" [required]="form.get('validationRequired').value" [multiple]="form.get('data').value.multiList">
|
|
<mat-option *ngFor="let opt of form.get('data').value.options" [value]="opt.value">{{opt.label}}
|
|
</mat-option>
|
|
</mat-select>
|
|
<mat-error *ngIf="form.get('value').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}
|
|
</mat-error>
|
|
</mat-form-field>
|
|
</div>
|
|
</div>
|
|
|
|
<div *ngSwitchCase="datasetProfileFieldViewStyleEnum.InternalDmpEntities" class="col-12">
|
|
<div class="row">
|
|
<mat-form-field class="col-md-12" *ngIf="form.get('data').value.type === this.datasetProfileInternalDmpEntitiesTypeEnum.Researchers">
|
|
<div *ngIf="form.get('data').value.multiAutoComplete">
|
|
<app-multiple-auto-complete placeholder="{{ form.get('data').value.label | translate }}" [formControl]="form.get('value')"
|
|
[configuration]="multipleAutoCompleteConfiguration">
|
|
</app-multiple-auto-complete>
|
|
</div>
|
|
<div *ngIf="!(form.get('data').value.multiAutoComplete)">
|
|
<app-single-auto-complete placeholder="{{ form.get('data').value.label | translate }}" [formControl]="form.get('value')"
|
|
[configuration]="singleAutoCompleteConfiguration" [required]="form.get('validationRequired').value">
|
|
</app-single-auto-complete>
|
|
</div>
|
|
<mat-error *ngIf="form.get('value').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}
|
|
</mat-error>
|
|
<mat-hint>{{ "TYPES.DATASET-PROFILE-COMBO-BOX-TYPE.EXTERNAL-SOURCE-HINT" | translate }}</mat-hint>
|
|
</mat-form-field>
|
|
<mat-form-field class="col-md-12" *ngIf="form.get('data').value.type === this.datasetProfileInternalDmpEntitiesTypeEnum.Datasets">
|
|
<div *ngIf="form.get('data').value.multiAutoComplete">
|
|
<app-multiple-auto-complete placeholder="{{ form.get('data').value.label | translate }}" [formControl]="form.get('value')"
|
|
[configuration]="multipleAutoCompleteConfiguration">
|
|
</app-multiple-auto-complete>
|
|
</div>
|
|
<div *ngIf="!(form.get('data').value.multiAutoComplete)">
|
|
<app-single-auto-complete placeholder="{{ form.get('data').value.label | translate }}" [formControl]="form.get('value')"
|
|
[configuration]="singleAutoCompleteConfiguration" [required]="form.get('validationRequired').value">
|
|
</app-single-auto-complete>
|
|
</div>
|
|
<mat-error *ngIf="form.get('value').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}
|
|
</mat-error>
|
|
<mat-hint>{{ "TYPES.DATASET-PROFILE-COMBO-BOX-TYPE.EXTERNAL-SOURCE-HINT" | translate }}</mat-hint>
|
|
</mat-form-field>
|
|
<mat-form-field class="col-md-12" *ngIf="form.get('data').value.type === this.datasetProfileInternalDmpEntitiesTypeEnum.Dmps">
|
|
<div *ngIf="form.get('data').value.multiAutoComplete">
|
|
<app-multiple-auto-complete placeholder="{{ form.get('data').value.label | translate }}" [formControl]="form.get('value')"
|
|
[configuration]="multipleAutoCompleteConfiguration">
|
|
</app-multiple-auto-complete>
|
|
</div>
|
|
<div *ngIf="!(form.get('data').value.multiAutoComplete)">
|
|
<app-single-auto-complete placeholder="{{ form.get('data').value.label | translate }}" [formControl]="form.get('value')"
|
|
[configuration]="singleAutoCompleteConfiguration" [required]="form.get('validationRequired').value">
|
|
</app-single-auto-complete>
|
|
</div>
|
|
<mat-error *ngIf="form.get('value').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}
|
|
</mat-error>
|
|
<mat-hint>{{ "TYPES.DATASET-PROFILE-COMBO-BOX-TYPE.EXTERNAL-SOURCE-HINT" | translate }}</mat-hint>
|
|
</mat-form-field>
|
|
</div>
|
|
</div>
|
|
|
|
<div *ngSwitchCase="datasetProfileFieldViewStyleEnum.CheckBox" class="col-12">
|
|
<mat-checkbox [formControl]="form.get('value')" [required]="form.get('validationRequired').value">
|
|
{{form.get('data').value.label}}</mat-checkbox>
|
|
</div>
|
|
|
|
<mat-form-field *ngSwitchCase="datasetProfileFieldViewStyleEnum.TextArea" class="col-12">
|
|
<textarea matInput class="text-area" [formControl]="form.get('value')" matTextareaAutosize matAutosizeMinRows="1" matAutosizeMaxRows="15" [required]="form.get('validationRequired').value"
|
|
placeholder="{{ form.get('data').value.label | translate }}"></textarea>
|
|
<!-- <textarea matInput class="text-area" [formControl]="form.get('value')" matTextareaAutosize matAutosizeMinRows="2" matAutosizeMaxRows="10" [required]="form.get('validationRequired').value"
|
|
placeholder="{{ form.get('data').value.label | translate }}"></textarea> -->
|
|
<button mat-icon-button *ngIf="!form.get('value').disabled && form.get('value').value" matSuffix aria-label="Clear" (click)="this.form.patchValue({'value': ''})">
|
|
<mat-icon>close</mat-icon>
|
|
</button>
|
|
<mat-error *ngIf="form.get('value')['errors'] && form.get('value')['errors']['required']">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
|
</mat-form-field>
|
|
|
|
<div *ngSwitchCase="datasetProfileFieldViewStyleEnum.BooleanDecision" class="col-12">
|
|
<mat-radio-group [formControl]="form.get('value')" [required]="form.get('validationRequired').value">
|
|
<mat-radio-button class="radio-button-item" name="{{form.get('id').value}}" value="true">{{ "TYPES.DATASET-PROFILE-COMBO-BOX-TYPE.ACTIONS.YES" | translate }}</mat-radio-button>
|
|
<mat-radio-button class="radio-button-item" name="{{form.get('id').value}}" value="false">{{ "TYPES.DATASET-PROFILE-COMBO-BOX-TYPE.ACTIONS.NO" | translate }}</mat-radio-button>
|
|
</mat-radio-group>
|
|
<small class="text-danger d-block" *ngIf="form.get('value').hasError('required') && form.get('value').touched">{{'GENERAL.VALIDATION.REQUIRED' | translate}}
|
|
</small>
|
|
</div>
|
|
|
|
<div *ngSwitchCase="datasetProfileFieldViewStyleEnum.RadioBox" class="col-12">
|
|
<mat-radio-group [formControl]="form.get('value')" [required]="form.get('validationRequired').value">
|
|
<mat-radio-button *ngFor="let option of form.get('data').value.options let index = index" class="radio-button-item" [value]="option.value">{{option.label}}</mat-radio-button>
|
|
</mat-radio-group>
|
|
<small class="text-danger d-block" *ngIf="form.get('value').hasError('required') && form.get('value').touched">{{'GENERAL.VALIDATION.REQUIRED' | translate}}
|
|
</small>
|
|
</div>
|
|
|
|
<mat-form-field *ngSwitchCase="datasetProfileFieldViewStyleEnum.DatePicker" class="col-12">
|
|
<input matInput placeholder="{{ form.get('data').value.label | translate }}" class="table-input" [matDatepicker]="date" [required]="form.get('validationRequired').value"
|
|
[formControl]="form.get('value')">
|
|
<mat-datepicker-toggle matSuffix [for]="date"></mat-datepicker-toggle>
|
|
<mat-datepicker #date></mat-datepicker>
|
|
<mat-error *ngIf="form.get('value').hasError('required')">
|
|
{{'GENERAL.VALIDATION.REQUIRED' | translate}}
|
|
</mat-error>
|
|
</mat-form-field>
|
|
|
|
<div *ngSwitchCase="datasetProfileFieldViewStyleEnum.ExternalDatasets" class="col-12">
|
|
<div class="row">
|
|
<mat-form-field class="col-md-12">
|
|
<div *ngIf="form.get('data').value.multiAutoComplete">
|
|
<app-multiple-auto-complete placeholder="{{ form.get('data').value.label | translate }}" [formControl]="form.get('value')"
|
|
[configuration]="externalDatasetAutoCompleteConfiguration">
|
|
</app-multiple-auto-complete>
|
|
</div>
|
|
<div *ngIf="!(form.get('data').value.multiAutoComplete)">
|
|
<app-single-auto-complete placeholder="{{ form.get('data').value.label | translate }}" [formControl]="form.get('value')"
|
|
[configuration]="externalDatasetAutoCompleteConfiguration" [required]="form.get('validationRequired').value">
|
|
</app-single-auto-complete>
|
|
<mat-error *ngIf="form.get('value').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}
|
|
</mat-error>
|
|
</div>
|
|
<mat-hint>{{ "TYPES.DATASET-PROFILE-COMBO-BOX-TYPE.EXTERNAL-SOURCE-HINT" | translate }}</mat-hint>
|
|
</mat-form-field>
|
|
</div>
|
|
</div>
|
|
|
|
<div *ngSwitchCase="datasetProfileFieldViewStyleEnum.DataRepositories" class="col-12">
|
|
<div class="row">
|
|
<mat-form-field class="col-md-12">
|
|
<div *ngIf="form.get('data').value.multiAutoComplete">
|
|
<app-multiple-auto-complete placeholder="{{ form.get('data').value.label | translate }}" [formControl]="form.get('value')"
|
|
[configuration]="dataRepositoriesAutoCompleteConfiguration">
|
|
</app-multiple-auto-complete>
|
|
</div>
|
|
<div *ngIf="!(form.get('data').value.multiAutoComplete)">
|
|
<app-single-auto-complete placeholder="{{ form.get('data').value.label | translate }}" [formControl]="form.get('value')"
|
|
[configuration]="dataRepositoriesAutoCompleteConfiguration" [required]="form.get('validationRequired').value">
|
|
</app-single-auto-complete>
|
|
</div>
|
|
<mat-error *ngIf="form.get('value').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}
|
|
</mat-error>
|
|
<mat-hint>{{ "TYPES.DATASET-PROFILE-COMBO-BOX-TYPE.EXTERNAL-SOURCE-HINT" | translate }}</mat-hint>
|
|
</mat-form-field>
|
|
</div>
|
|
</div>
|
|
|
|
<div *ngSwitchCase="datasetProfileFieldViewStyleEnum.Registries" class="col-12">
|
|
<div class="row">
|
|
<mat-form-field class="col-md-12">
|
|
<div *ngIf="form.get('data').value.multiAutoComplete">
|
|
<app-multiple-auto-complete placeholder="{{ form.get('data').value.label | translate }}" [formControl]="form.get('value')"
|
|
[configuration]="registriesAutoCompleteConfiguration">
|
|
</app-multiple-auto-complete>
|
|
</div>
|
|
<div *ngIf="!(form.get('data').value.multiAutoComplete)">
|
|
<app-single-auto-complete placeholder="{{ form.get('data').value.label | translate }}" [formControl]="form.get('value')"
|
|
[configuration]="registriesAutoCompleteConfiguration" [required]="form.get('validationRequired').value">
|
|
</app-single-auto-complete>
|
|
</div>
|
|
<mat-error *ngIf="form.get('value').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}
|
|
</mat-error>
|
|
<mat-hint>{{ "TYPES.DATASET-PROFILE-COMBO-BOX-TYPE.EXTERNAL-SOURCE-HINT" | translate }}</mat-hint>
|
|
</mat-form-field>
|
|
</div>
|
|
</div>
|
|
|
|
<div *ngSwitchCase="datasetProfileFieldViewStyleEnum.Services" class="col-12">
|
|
<div class="row">
|
|
<mat-form-field class="col-md-12">
|
|
<div *ngIf="form.get('data').value.multiAutoComplete">
|
|
<app-multiple-auto-complete placeholder="{{ form.get('data').value.label | translate }}" [formControl]="form.get('value')"
|
|
[configuration]="servicesAutoCompleteConfiguration">
|
|
</app-multiple-auto-complete>
|
|
</div>
|
|
<div *ngIf="!(form.get('data').value.multiAutoComplete)">
|
|
<app-single-auto-complete placeholder="{{ form.get('data').value.label | translate }}" [formControl]="form.get('value')"
|
|
[configuration]="servicesAutoCompleteConfiguration" [required]="form.get('validationRequired').value">
|
|
</app-single-auto-complete>
|
|
</div>
|
|
<mat-error *ngIf="form.get('value').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}
|
|
</mat-error>
|
|
<mat-hint>{{ "TYPES.DATASET-PROFILE-COMBO-BOX-TYPE.EXTERNAL-SOURCE-HINT" | translate }}</mat-hint>
|
|
</mat-form-field>
|
|
</div>
|
|
</div>
|
|
|
|
<div *ngSwitchCase="datasetProfileFieldViewStyleEnum.Tags" class="col-12">
|
|
<div class="row">
|
|
<mat-form-field class="col-md-12">
|
|
<app-multiple-auto-complete [configuration]="tagsAutoCompleteConfiguration" [formControl]="form.get('value')" placeholder="{{'DATASET-EDITOR.FIELDS.TAGS' | translate}}"></app-multiple-auto-complete>
|
|
</mat-form-field>
|
|
</div>
|
|
</div>
|
|
|
|
<div *ngSwitchCase="datasetProfileFieldViewStyleEnum.Researchers" class="col-12">
|
|
<div class="row">
|
|
<mat-form-field class="col-md-12">
|
|
<!-- <app-multiple-auto-complete placeholder="{{ form.get('data').value.label | translate }}" [formControl]="form.get('value')"
|
|
[configuration]="researchersAutoCompleteConfiguration">
|
|
</app-multiple-auto-complete> -->
|
|
|
|
<ng-container *ngIf="form.get('data').value.multiAutoComplete">
|
|
<app-multiple-auto-complete placeholder="{{ form.get('data').value.label | translate }}" [formControl]="form.get('value')"
|
|
[configuration]="researchersAutoCompleteConfiguration">
|
|
</app-multiple-auto-complete>
|
|
</ng-container>
|
|
<ng-container *ngIf="!(form.get('data').value.multiAutoComplete)">
|
|
<app-single-auto-complete placeholder="{{ form.get('data').value.label | translate }}" [formControl]="form.get('value')"
|
|
[configuration]="researchersAutoCompleteConfiguration" [required]="form.get('validationRequired').value">
|
|
</app-single-auto-complete>
|
|
</ng-container>
|
|
<mat-error *ngIf="form.get('value').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}
|
|
</mat-error>
|
|
<mat-hint>{{ "TYPES.DATASET-PROFILE-COMBO-BOX-TYPE.EXTERNAL-SOURCE-HINT" | translate }}</mat-hint>
|
|
</mat-form-field>
|
|
</div>
|
|
</div>
|
|
|
|
<div *ngSwitchCase="datasetProfileFieldViewStyleEnum.Organizations" class="col-12">
|
|
<div class="row">
|
|
<mat-form-field class="col-md-12">
|
|
<!-- <app-multiple-auto-complete placeholder="{{ form.get('data').value.label | translate }}" [formControl]="form.get('value')"
|
|
[configuration]="organisationsAutoCompleteConfiguration">
|
|
</app-multiple-auto-complete>
|
|
<mat-hint>{{ "TYPES.DATASET-PROFILE-COMBO-BOX-TYPE.EXTERNAL-SOURCE-HINT" | translate }}</mat-hint> -->
|
|
|
|
<ng-container *ngIf="form.get('data').value.multiAutoComplete">
|
|
<app-multiple-auto-complete placeholder="{{ form.get('data').value.label | translate }}" [formControl]="form.get('value')"
|
|
[configuration]="organisationsAutoCompleteConfiguration">
|
|
</app-multiple-auto-complete>
|
|
</ng-container>
|
|
<ng-container *ngIf="!(form.get('data').value.multiAutoComplete)">
|
|
<app-single-auto-complete placeholder="{{ form.get('data').value.label | translate }}" [formControl]="form.get('value')"
|
|
[configuration]="organisationsAutoCompleteConfiguration" [required]="form.get('validationRequired').value">
|
|
</app-single-auto-complete>
|
|
<mat-error *ngIf="form.get('value').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}
|
|
</mat-error>
|
|
</ng-container>
|
|
|
|
<mat-hint>{{ "TYPES.DATASET-PROFILE-COMBO-BOX-TYPE.EXTERNAL-SOURCE-HINT" | translate }}</mat-hint>
|
|
</mat-form-field>
|
|
</div>
|
|
</div>
|
|
|
|
<div *ngSwitchCase="datasetProfileFieldViewStyleEnum.DatasetIdentifier" class="col-12">
|
|
<div class="row" *ngIf="datasetIdInitialized">
|
|
<mat-form-field class="col-md-12">
|
|
<input matInput class="col-md-12" [formControl]="getDatasetIdControl('identifier')" placeholder="{{form.get('data').value.label}}" [required]="form.get('validationRequired').value">
|
|
<mat-error *ngIf="form.get('value').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}
|
|
</mat-error>
|
|
</mat-form-field>
|
|
<mat-form-field class="col-md-12">
|
|
<mat-select class="col-md-12" [formControl]="getDatasetIdControl('type')" [placeholder]="'TYPES.DATASET-PROFILE-IDENTIFIER.IDENTIFIER-TYPE' | translate">
|
|
<mat-option *ngFor="let type of datasetIdTypes" [value]="type.value">
|
|
{{ type.name }}
|
|
</mat-option>
|
|
</mat-select>
|
|
<mat-error *ngIf="form.get('value').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}
|
|
</mat-error>
|
|
</mat-form-field>
|
|
</div>
|
|
</div>
|
|
|
|
<div *ngSwitchCase="datasetProfileFieldViewStyleEnum.Currency" class="col-12">
|
|
<div class="row">
|
|
<mat-form-field class="col-md-12">
|
|
<app-single-auto-complete placeholder="{{ form.get('data').value.label | translate }}" [formControl]="form.get('value')"
|
|
[configuration]="currencyAutoCompleteConfiguration" [required]="form.get('validationRequired').value">
|
|
</app-single-auto-complete>
|
|
<mat-error *ngIf="form.get('value').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}
|
|
</mat-error>
|
|
</mat-form-field>
|
|
</div>
|
|
</div>
|
|
|
|
<div *ngSwitchCase="datasetProfileFieldViewStyleEnum.Validation" class="col-12">
|
|
<div class="row">
|
|
<mat-form-field class="col-md-4">
|
|
<input matInput class="col-md-12" [formControl]="getDatasetIdControl('identifier')" placeholder="{{form.get('data').value.label}}" [required]="form.get('validationRequired').value">
|
|
<mat-error *ngIf="form.get('value').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}
|
|
</mat-error>
|
|
</mat-form-field>
|
|
<mat-form-field class="col-md-4">
|
|
<mat-select class="col-md-12" [formControl]="getDatasetIdControl('type')" [placeholder]="'TYPES.DATASET-PROFILE-VALIDATOR.REPOSITORIES-PLACEHOLDER' | translate">
|
|
<mat-option *ngFor="let type of validationTypes" [value]="type.value">
|
|
{{ type.name }}
|
|
</mat-option>
|
|
</mat-select>
|
|
<mat-error *ngIf="form.get('value').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}
|
|
</mat-error>
|
|
</mat-form-field>
|
|
<div class="col-md-2">
|
|
<button type="button" mat-button class="lightblue-btn" (click)="validateId()">{{ "TYPES.DATASET-PROFILE-VALIDATOR.ACTION" | translate }}</button>
|
|
<mat-error *ngIf="form.get('value').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}
|
|
</mat-error>
|
|
</div>
|
|
<div class="col-md-1">
|
|
<mat-progress-spinner *ngIf="validationIcon === 'loading'" mode="indeterminate" [diameter]="24"></mat-progress-spinner>
|
|
<mat-icon *ngIf="validationIcon !== 'loading'" [ngClass]="{'success': validationIcon === 'done', 'fail': validationIcon === 'clear'}">{{validationIcon}}</mat-icon>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|