2019-05-27 11:16:52 +02:00
|
|
|
<div class="container-fluid">
|
|
|
|
<div class="row" [formGroup]="formGroup">
|
2019-10-08 13:20:22 +02:00
|
|
|
<div class="col-sm-12 col-md-9 pt-4 pb-4 pl-4">
|
2019-06-13 12:24:16 +02:00
|
|
|
<div class="row pt-2">
|
2019-10-08 13:20:22 +02:00
|
|
|
<mat-form-field class="col-sm-12 col-md-8">
|
2019-09-02 10:19:16 +02:00
|
|
|
<input matInput placeholder="{{'DMP-EDITOR.FIELDS.NAME' | translate}}" type="text" name="label" formControlName="label" required>
|
2019-05-27 11:16:52 +02:00
|
|
|
<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>
|
2019-06-13 12:24:16 +02:00
|
|
|
<div class="row pt-2">
|
2019-10-08 13:20:22 +02:00
|
|
|
<mat-form-field class="col-sm-12 col-md-8">
|
2019-06-13 13:38:33 +02:00
|
|
|
<!-- <textarea matInput class="description-area" -->
|
2019-09-02 10:19:16 +02:00
|
|
|
<textarea rows="3" matInput class="description-area" placeholder="{{'DMP-EDITOR.FIELDS.DESCRIPTION' | translate}}" formControlName="description">
|
2019-05-29 15:17:47 +02:00
|
|
|
</textarea>
|
2019-05-27 11:16:52 +02:00
|
|
|
<!-- <mat-error *ngIf="formGroup.get('description').hasError('backendError')">
|
2019-05-29 15:17:47 +02:00
|
|
|
{{formGroup.get('description').getError('backendError').message}}
|
|
|
|
</mat-error>
|
|
|
|
<mat-error *ngIf="formGroup.get('description').hasError('required')">
|
|
|
|
{{'GENERAL.VALIDATION.REQUIRED' | translate}}
|
|
|
|
</mat-error> -->
|
2019-05-27 11:16:52 +02:00
|
|
|
</mat-form-field>
|
|
|
|
</div>
|
2019-06-13 12:24:16 +02:00
|
|
|
<div class="row pt-2">
|
2019-10-08 13:20:22 +02:00
|
|
|
<mat-form-field class="col-sm-12 col-md-8">
|
2019-09-02 10:19:16 +02:00
|
|
|
<app-multiple-auto-complete required='true' [formControl]="formGroup.get('profiles')" placeholder="{{'DMP-EDITOR.FIELDS.DATASET-TEMPLATES' | translate}}" [configuration]="profilesAutoCompleteConfiguration">
|
2019-05-27 11:16:52 +02:00
|
|
|
</app-multiple-auto-complete>
|
|
|
|
<mat-error *ngIf="formGroup.get('profiles').hasError('backendError')">
|
|
|
|
{{formGroup.get('profiles').getError('backendError').message}}</mat-error>
|
|
|
|
<mat-error *ngIf="formGroup.get('profiles').hasError('required')">
|
|
|
|
{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
2019-12-12 10:26:19 +01:00
|
|
|
<button matSuffix class="input-btn" [disabled]="formGroup.get('profiles').disabled" (click)="availableProfiles($event)">
|
2019-05-27 11:16:52 +02:00
|
|
|
<mat-icon class="icon-btn">view_list</mat-icon>
|
|
|
|
</button>
|
|
|
|
</mat-form-field>
|
|
|
|
<!-- <button mat-button (click)="availableProfiles()">View All</button> -->
|
|
|
|
</div>
|
2019-06-13 12:24:16 +02:00
|
|
|
<div class="row pt-1">
|
2019-10-08 13:20:22 +02:00
|
|
|
<mat-form-field class="col-sm-12 col-md-8">
|
2019-09-02 10:19:16 +02:00
|
|
|
<app-multiple-auto-complete [formControl]="formGroup.get('organisations')" placeholder="{{'DMP-EDITOR.FIELDS.ORGANISATIONS' | translate}}" [configuration]="organisationsAutoCompleteConfiguration">
|
2019-05-27 11:16:52 +02:00
|
|
|
</app-multiple-auto-complete>
|
|
|
|
<mat-error *ngIf="formGroup.get('organisations').hasError('backendError')">
|
|
|
|
{{formGroup.get('organisations').getError('backendError').message}}</mat-error>
|
|
|
|
<mat-error *ngIf="formGroup.get('organisations').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' |
|
2019-05-23 17:48:54 +02:00
|
|
|
translate}}</mat-error>
|
2019-06-26 10:07:43 +02:00
|
|
|
<mat-hint>{{'DMP-EDITOR.FIELDS.ORGANISATIONS-HINT' | translate}}</mat-hint>
|
2020-04-23 09:48:14 +02:00
|
|
|
<button *ngIf="showOrganizationCreator()" matSuffix class="input-btn" [disabled]="canAddOrganizations()" type="button" (click)="addOrganization($event)">
|
2020-04-22 17:40:43 +02:00
|
|
|
<mat-icon class="icon-btn">add_circle</mat-icon>
|
|
|
|
</button>
|
2019-05-27 11:16:52 +02:00
|
|
|
</mat-form-field>
|
|
|
|
</div>
|
2019-06-13 12:24:16 +02:00
|
|
|
<div class="row pt-3">
|
2019-10-08 13:20:22 +02:00
|
|
|
<mat-form-field class="col-sm-12 col-md-8">
|
2019-09-02 10:19:16 +02:00
|
|
|
<app-multiple-auto-complete [formControl]="formGroup.get('researchers')" placeholder="{{'DMP-EDITOR.FIELDS.RESEARCHERS' | translate}}" [configuration]="researchersAutoCompleteConfiguration">
|
2019-05-27 11:16:52 +02:00
|
|
|
</app-multiple-auto-complete>
|
|
|
|
<mat-error *ngIf="formGroup.get('researchers').hasError('backendError')">
|
|
|
|
{{formGroup.get('researchers').getError('backendError').message}}</mat-error>
|
2019-07-24 17:29:29 +02:00
|
|
|
<mat-error *ngIf="formGroup.get('researchers').hasError('required')">
|
|
|
|
{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
2019-12-12 10:26:19 +01:00
|
|
|
<button matSuffix class="input-btn" [disabled]="formGroup.get('researchers').disabled" type="button" (click)="addResearcher($event)">
|
2019-05-27 11:16:52 +02:00
|
|
|
<mat-icon class="icon-btn">add_circle</mat-icon>
|
|
|
|
</button>
|
|
|
|
</mat-form-field>
|
|
|
|
<!-- <h4 mat-subheader class="col-12">{{'DMP-EDITOR.FIELDS.PROFILE' | translate}}</h4> -->
|
|
|
|
</div>
|
2020-06-03 11:13:31 +02:00
|
|
|
<div class="row pt-3">
|
|
|
|
<mat-form-field class="col-sm-12 col-md-8">
|
|
|
|
<!-- <app-multiple-auto-complete [formControl]="formGroup.get('extraProperties').get('language')" placeholder="{{'DMP-EDITOR.FIELDS.RESEARCHERS' | translate}}" [configuration]="researchersAutoCompleteConfiguration">
|
|
|
|
</app-multiple-auto-complete> -->
|
2020-06-18 15:04:08 +02:00
|
|
|
<mat-select [formControl]="formGroup.get('extraProperties').get('language')" placeholder="{{'DMP-EDITOR.FIELDS.LANGUAGE' | translate}}">
|
2020-06-03 11:13:31 +02:00
|
|
|
<mat-option *ngFor="let lang of getLanguageInfos()" [value]="lang.code">
|
|
|
|
{{ lang.name }}
|
|
|
|
</mat-option>
|
|
|
|
</mat-select>
|
|
|
|
<mat-error *ngIf="formGroup.get('extraProperties').get('language').hasError('backendError')">
|
|
|
|
{{formGroup.get('extraProperties').get('language').getError('backendError').message}}</mat-error>
|
|
|
|
<mat-error *ngIf="formGroup.get('extraProperties').get('language').hasError('required')">
|
|
|
|
{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
|
|
|
</mat-form-field>
|
|
|
|
<!-- <h4 mat-subheader class="col-12">{{'DMP-EDITOR.FIELDS.PROFILE' | translate}}</h4> -->
|
|
|
|
</div>
|
2020-06-26 10:46:18 +02:00
|
|
|
<div class="row pt-3">
|
|
|
|
<mat-form-field class="col-sm-12 col-md-8">
|
|
|
|
<!-- <app-multiple-auto-complete [formControl]="formGroup.get('extraProperties').get('language')" placeholder="{{'DMP-EDITOR.FIELDS.RESEARCHERS' | translate}}" [configuration]="researchersAutoCompleteConfiguration">
|
|
|
|
</app-multiple-auto-complete> -->
|
2020-06-29 11:23:53 +02:00
|
|
|
<app-single-auto-complete [formControl]="formGroup.get('extraProperties').get('license')" placeholder="{{'DMP-EDITOR.FIELDS.LICENSE' | translate}}" [configuration]="licenseAutoCompleteConfiguration">
|
2020-06-26 10:46:18 +02:00
|
|
|
</app-single-auto-complete>
|
|
|
|
<mat-error *ngIf="formGroup.get('extraProperties').get('license').hasError('backendError')">
|
|
|
|
{{formGroup.get('extraProperties').get('language').getError('backendError').message}}</mat-error>
|
|
|
|
<mat-error *ngIf="formGroup.get('extraProperties').get('license').hasError('required')">
|
|
|
|
{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
|
|
|
</mat-form-field>
|
|
|
|
<!-- <h4 mat-subheader class="col-12">{{'DMP-EDITOR.FIELDS.PROFILE' | translate}}</h4> -->
|
|
|
|
</div>
|
2020-06-29 11:23:53 +02:00
|
|
|
<div class="row pt-3">
|
|
|
|
<mat-form-field class="col-sm-12 col-md-8">
|
|
|
|
<!-- <app-multiple-auto-complete [formControl]="formGroup.get('extraProperties').get('language')" placeholder="{{'DMP-EDITOR.FIELDS.RESEARCHERS' | translate}}" [configuration]="researchersAutoCompleteConfiguration">
|
|
|
|
</app-multiple-auto-complete> -->
|
|
|
|
<mat-select [formControl]="formGroup.get('extraProperties').get('visible')" placeholder="{{'DMP-EDITOR.FIELDS.VISIBILITY' | translate}}">
|
|
|
|
<mat-option *ngFor="let vis of visibles" [value]="vis.value">
|
|
|
|
{{vis.name | translate}}
|
|
|
|
</mat-option>
|
|
|
|
</mat-select>
|
|
|
|
<mat-error *ngIf="formGroup.get('extraProperties').get('visible').hasError('backendError')">
|
|
|
|
{{formGroup.get('extraProperties').get('visible').getError('backendError').message}}</mat-error>
|
|
|
|
<mat-error *ngIf="formGroup.get('extraProperties').get('visible').hasError('required')">
|
|
|
|
{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
|
|
|
</mat-form-field>
|
|
|
|
<!-- <h4 mat-subheader class="col-12">{{'DMP-EDITOR.FIELDS.PROFILE' | translate}}</h4> -->
|
|
|
|
</div>
|
|
|
|
<div class="row pt-3" *ngIf="formGroup.get('extraProperties').get('visible').value">
|
|
|
|
<mat-form-field class="col-sm-12 col-md-8">
|
|
|
|
<!-- <app-multiple-auto-complete [formControl]="formGroup.get('extraProperties').get('language')" placeholder="{{'DMP-EDITOR.FIELDS.RESEARCHERS' | translate}}" [configuration]="researchersAutoCompleteConfiguration">
|
|
|
|
</app-multiple-auto-complete> -->
|
|
|
|
<input matInput [matDatepicker]="picker" [formControl]="formGroup.get('extraProperties').get('publicDate')" placeholder="{{'DMP-EDITOR.FIELDS.PUBLICATION' | translate}}">
|
|
|
|
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
|
|
|
|
<mat-datepicker #picker></mat-datepicker>
|
|
|
|
<mat-error *ngIf="formGroup.get('extraProperties').get('visible').hasError('backendError')">
|
|
|
|
{{formGroup.get('extraProperties').get('visible').getError('backendError').message}}</mat-error>
|
|
|
|
<mat-error *ngIf="formGroup.get('extraProperties').get('visible').hasError('required')">
|
|
|
|
{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
|
|
|
</mat-form-field>
|
|
|
|
<!-- <h4 mat-subheader class="col-12">{{'DMP-EDITOR.FIELDS.PROFILE' | translate}}</h4> -->
|
|
|
|
</div>
|
2019-06-13 12:24:16 +02:00
|
|
|
<div class="row pt-2">
|
2019-10-08 13:20:22 +02:00
|
|
|
<mat-form-field class="col-sm-12 col-md-8">
|
2019-09-02 10:19:16 +02:00
|
|
|
<app-single-auto-complete [required]="false" [formControl]="formGroup.get('profile')" placeholder="{{'DMP-EDITOR.FIELDS.TEMPLATE' | translate}}" [configuration]="dmpProfileAutoCompleteConfiguration">
|
2019-05-27 11:16:52 +02:00
|
|
|
</app-single-auto-complete>
|
|
|
|
</mat-form-field>
|
|
|
|
</div>
|
2019-12-19 14:48:24 +01:00
|
|
|
<app-dynamic-dmp-field-resolver *ngIf="selectedDmpProfileDefinition" [formGroup]="formGroup" [dmpProfileDefinition]="selectedDmpProfileDefinition" [dmpProfileId]="formGroup.get('profile').value.id" [isUserOwner]="isUserOwner">
|
2019-05-27 11:16:52 +02:00
|
|
|
</app-dynamic-dmp-field-resolver>
|
|
|
|
</div>
|
2019-05-23 17:48:54 +02:00
|
|
|
|
2019-05-27 11:16:52 +02:00
|
|
|
<!-- Versioning Container-->
|
2019-10-08 13:20:22 +02:00
|
|
|
<div class="col-sm-12 col-md-2">
|
|
|
|
<div class="version-menu">
|
2019-05-27 11:16:52 +02:00
|
|
|
<mat-form-field class="col-auto">
|
2019-09-02 10:19:16 +02:00
|
|
|
<input matInput placeholder="Version" disabled [value]="formGroup.get('version').value == undefined ?0 :formGroup.get('version').value">
|
2019-05-27 11:16:52 +02:00
|
|
|
</mat-form-field>
|
|
|
|
<!-- <app-dynamic-dmp-field-resolver *ngIf="dmp.definition" class="col-md-12" [formGroup]="formGroup" [dmpProfileDefinition]=dmp.definition></app-dynamic-dmp-field-resolver> -->
|
|
|
|
<div class="col-auto mb-2">
|
2019-05-28 15:37:39 +02:00
|
|
|
{{ 'DATASET-EDITOR.VERSION-DIALOG.ABOUT' | translate }}
|
2019-05-27 11:16:52 +02:00
|
|
|
</div>
|
|
|
|
<!-- Versioning Actions -->
|
|
|
|
<!-- <div class="col-auto d-flex align-content-center mb-1" style="cursor: pointer;">
|
2019-09-02 10:19:16 +02:00
|
|
|
<mat-icon>edit</mat-icon>
|
|
|
|
<span>Click here to edit</span>
|
|
|
|
</div>
|
|
|
|
<div class="col-auto d-flex align-content-center mb-3" style="cursor: pointer;">
|
|
|
|
<mat-icon>history</mat-icon>
|
|
|
|
Click here to view previous versions
|
|
|
|
</div> -->
|
2019-05-27 11:16:52 +02:00
|
|
|
</div>
|
2019-05-23 17:48:54 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|