2020-09-16 17:19:29 +02:00
|
|
|
<form class="dataset-editor" *ngIf="formGroup" [formGroup]="formGroup">
|
|
|
|
<div class="col-12 intro">
|
2020-11-17 08:57:52 +01:00
|
|
|
<p>{{'DATASET-EDITOR.TITLE.INTRO' | translate}}</p>
|
|
|
|
<span>{{'DATASET-EDITOR.TITLE.INTRO-TIP' | translate}}</span>
|
2020-09-16 17:19:29 +02:00
|
|
|
</div>
|
|
|
|
<div class="col-12 card">
|
|
|
|
<!-- Title Field -->
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-12">
|
|
|
|
<div class="heading">1.1 {{'DATASET-EDITOR.FIELDS.TITLE' | translate}}*</div>
|
2020-09-23 18:02:59 +02:00
|
|
|
<!-- <span class="hint">{{'DATASET-EDITOR.HINT.TITLE' | translate}}</span> -->
|
2020-09-30 10:42:52 +02:00
|
|
|
<!-- <a class="dmp-link dmp-tour-{{ formGroup.get('id').value + 1 }}" (click)="restartTour(formGroup.get('id').value + 1)">{{'DATASET-EDITOR.FIELDS.DMP' | translate}}</a>
|
|
|
|
<span class="hint">{{'DATASET-EDITOR.HINT.TITLE-REST' | translate}}</span> -->
|
2020-09-16 17:19:29 +02:00
|
|
|
<div class="title-form">
|
|
|
|
<mat-form-field>
|
|
|
|
<input matInput placeholder="{{'DATASET-EDITOR.FIELDS.TITLE' | translate}}" type="text" name="label" formControlName="label" required>
|
|
|
|
<mat-error *ngIf="formGroup.get('label').hasError('backendError')"> {{formGroup.get('label').getError('backendError').message}}</mat-error>
|
|
|
|
<mat-error *ngIf="formGroup.get('label').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
|
|
|
</mat-form-field>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Description field -->
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-12">
|
|
|
|
<div class="heading">1.2 {{'DATASET-EDITOR.FIELDS.DESCRIPTION' | translate}}</div>
|
2020-11-17 08:57:52 +01:00
|
|
|
<span class="hint">{{'DATASET-EDITOR.HINT.DESCRIPTION' | translate}}</span>
|
|
|
|
<!-- <span class="hint">{{'DATASET-EDITOR.HINT.TITLE' | translate}}</span>
|
2020-09-16 17:19:29 +02:00
|
|
|
<a class="dmp-link dmp-tour-{{ formGroup.get('id').value + 2 }}" (click)="restartTour(formGroup.get('id').value + 2)">{{'DATASET-EDITOR.FIELDS.DMP' | translate}}</a>
|
2020-11-17 08:57:52 +01:00
|
|
|
<span class="hint">{{'DATASET-EDITOR.HINT.TITLE-REST' | translate}}</span> -->
|
2020-09-16 17:19:29 +02:00
|
|
|
<div class="description-form">
|
2021-11-01 13:45:02 +01:00
|
|
|
<rich-text-editor-component [parentFormGroup]="formGroup" [controlName]="'description'"
|
|
|
|
[placeholder]="'DMP-EDITOR.PLACEHOLDER.DESCRIPTION'"
|
|
|
|
[wrapperClasses]="'full-width editor ' +
|
2023-06-16 13:36:24 +02:00
|
|
|
((formGroup.get('description').touched && (formGroup.get('description').hasError('required') || formGroup.get('description').hasError('backendError'))) ? 'required' : '')"
|
|
|
|
[editable]="!formGroup.get('description').disabled">
|
2021-11-01 13:45:02 +01:00
|
|
|
</rich-text-editor-component>
|
2022-02-28 17:08:38 +01:00
|
|
|
<div [class]="(formGroup.get('description').touched && (formGroup.get('description').hasError('required') || formGroup.get('description').hasError('backendError'))) ? 'visible' : 'invisible'" class="mat-form-field form-field-subscript-wrapper">
|
2020-09-16 17:19:29 +02:00
|
|
|
<mat-error *ngIf="formGroup.get('description').hasError('backendError')">{{formGroup.get('description').getError('backendError').message}}</mat-error>
|
|
|
|
<mat-error *ngIf="formGroup.get('description').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
2021-11-01 13:45:02 +01:00
|
|
|
</div>
|
2020-09-16 17:19:29 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Uri field -->
|
2020-09-29 13:30:00 +02:00
|
|
|
<!-- <div class="row">
|
2020-09-16 17:19:29 +02:00
|
|
|
<div class="col-12">
|
|
|
|
<div class="heading">1.3 {{'DATASET-EDITOR.FIELDS.EXTERNAL-LINK' | translate}}</div>
|
2020-09-29 13:30:00 +02:00
|
|
|
<span class="hint"></span>
|
2020-09-16 17:19:29 +02:00
|
|
|
<div class="uri-form">
|
|
|
|
<mat-form-field>
|
|
|
|
<input matInput placeholder="{{'DATASET-EDITOR.PLACEHOLDER.EXTERNAL-LINK' | translate}}" type="text" name="uri" formControlName="uri">
|
|
|
|
<mat-error *ngIf="formGroup.get('uri').hasError('backendError')">{{formGroup.get('uri').getError('backendError').message}}</mat-error>
|
|
|
|
<mat-error *ngIf="formGroup.get('uri').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
|
|
|
</mat-form-field>
|
|
|
|
</div>
|
|
|
|
</div>
|
2020-09-29 13:30:00 +02:00
|
|
|
</div> -->
|
2020-09-16 17:19:29 +02:00
|
|
|
<!-- External Fields -->
|
2020-09-21 17:05:53 +02:00
|
|
|
<app-dataset-external-references-editor-component [formGroup]="formGroup" [viewOnly]="viewOnly"></app-dataset-external-references-editor-component>
|
2020-09-16 17:19:29 +02:00
|
|
|
<!-- Template Field -->
|
2020-10-01 15:35:20 +02:00
|
|
|
<div class="heading">1.4 {{'DATASET-EDITOR.FIELDS.PROFILE' | translate}}*</div>
|
2020-09-16 17:19:29 +02:00
|
|
|
<div class="profile-form">
|
|
|
|
<mat-form-field>
|
2020-09-18 17:51:42 +02:00
|
|
|
<mat-select placeholder="{{'DATASET-WIZARD.FIRST-STEP.PROFILE'| translate}}" [required]="true" [compareWith]="compareWith" formControlName="profile">
|
2023-09-22 08:34:12 +02:00
|
|
|
<mat-option *ngFor="let profile of availableProfiles" [value]="profile">
|
2023-10-19 16:27:37 +02:00
|
|
|
<div>
|
2023-09-22 08:34:12 +02:00
|
|
|
{{profile.label}}
|
|
|
|
</div>
|
2020-09-16 17:19:29 +02:00
|
|
|
</mat-option>
|
|
|
|
</mat-select>
|
|
|
|
<mat-error *ngIf="formGroup.get('profile').hasError('backendError')">{{formGroup.get('profile').getError('backendError').message}}</mat-error>
|
|
|
|
<mat-error *ngIf="formGroup.get('label').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
|
|
|
</mat-form-field>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <div class="container-fluid">
|
2019-06-03 11:01:42 +02:00
|
|
|
<div class="row dataset-editor" [formGroup]="formGroup">
|
|
|
|
<div class="col-12">
|
|
|
|
<div class="row">
|
2019-10-08 13:20:22 +02:00
|
|
|
<mat-form-field class="col-sm-12 col-md-6">
|
2019-06-03 11:01:42 +02:00
|
|
|
<input matInput placeholder="{{'DATASET-EDITOR.FIELDS.NAME' | translate}}" type="text" name="label" formControlName="label" required>
|
|
|
|
<mat-error *ngIf="formGroup.get('label').hasError('backendError')">{{formGroup.get('label').getError('backendError').message}}</mat-error>
|
|
|
|
<mat-error *ngIf="formGroup.get('label').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
|
|
|
</mat-form-field>
|
|
|
|
</div>
|
2020-06-25 13:05:19 +02:00
|
|
|
<div class="row" *ngIf="showUri">
|
2019-10-08 13:20:22 +02:00
|
|
|
<mat-form-field class="col-sm-12 col-md-6">
|
2019-06-03 11:01:42 +02:00
|
|
|
<input matInput placeholder="{{'DATASET-EDITOR.FIELDS.URI' | translate}}" type="text" name="uri" formControlName="uri">
|
|
|
|
<mat-error *ngIf="formGroup.get('uri').hasError('backendError')">{{formGroup.get('uri').getError('backendError').message}}</mat-error>
|
|
|
|
<mat-error *ngIf="formGroup.get('uri').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
|
|
|
</mat-form-field>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
2019-10-08 13:20:22 +02:00
|
|
|
<mat-form-field class="col-sm-12 col-md-6">
|
2019-06-03 11:01:42 +02:00
|
|
|
<textarea matInput class="description-area" placeholder="{{'DATASET-EDITOR.FIELDS.DESCRIPTION' | translate}}" formControlName="description"></textarea>
|
|
|
|
<mat-error *ngIf="formGroup.get('description').hasError('backendError')">{{formGroup.get('description').getError('backendError').message}}</mat-error>
|
|
|
|
<mat-error *ngIf="formGroup.get('description').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
|
|
|
</mat-form-field>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2020-09-16 17:19:29 +02:00
|
|
|
</div> -->
|