+
+
{{'DMP-EDITOR.DATASET-INFO.INTRO' | translate}}
+
{{'DMP-EDITOR.DATASET-INFO.SECOND-INTRO' | translate}}
+
+
+
+
+
3 {{'DMP-EDITOR.STEPPER.DATASET-INFO' | translate}}*
+
+
{{'DMP-EDITOR.MAIN-INFO.HINT' | translate}}
+
info {{'DMP-EDITOR.MAIN-INFO.TYPING' | translate}}
+
+
+
+ {{'DMP-EDITOR.DATASET-INFO.FIND' | translate}}
+ {{'DMP-EDITOR.ACTIONS.CREATE-DATASET' | translate}}
+
+
+
+
+
diff --git a/dmp-frontend/src/app/ui/dmp/editor/dataset-info/dataset-info.component.scss b/dmp-frontend/src/app/ui/dmp/editor/dataset-info/dataset-info.component.scss
new file mode 100644
index 000000000..62e8d088c
--- /dev/null
+++ b/dmp-frontend/src/app/ui/dmp/editor/dataset-info/dataset-info.component.scss
@@ -0,0 +1,85 @@
+.main-info {
+ // position: relative;
+ // left: 362px;
+ // width: calc(100% - 366px);
+
+ .intro {
+ text-align: left;
+ font-weight: 400;
+ letter-spacing: 0px;
+ color: #212121;
+ opacity: 1;
+ margin: 3rem 0rem 3rem 0rem;
+ }
+
+ .heading {
+ text-align: left;
+ font-weight: 700;
+ font-size: 18px;
+ letter-spacing: 0px;
+ color: #212121;
+ opacity: 0.81;
+ margin-top: 1.625rem;
+ margin-bottom: 0.625rem;
+ }
+
+ .hint {
+ text-align: left;
+ font-weight: 400;
+ font-size: 16px;
+ letter-spacing: 0px;
+ color: #212121;
+ opacity: 0.81;
+ margin-bottom: 2.125rem;
+ }
+
+ .title-form,
+ .description-form {
+ text-align: left;
+ font-weight: 400;
+ font-size: 16px;
+ letter-spacing: 0.15px;
+ color: #7d7d7d;
+ opacity: 1;
+ margin-bottom: 1rem;
+ }
+
+ // textarea::placeholder {
+ // font-style: oblique;
+ // }
+
+ .input-btn {
+ border: none;
+ color: #aaaaaa;
+ background-color: #ffffff00;
+ cursor: pointer;
+ }
+
+ .input-btn :hover {
+ color: #00b29f !important;
+ }
+
+ .insert {
+ text-decoration: underline;
+ color: #00b29f;
+ cursor: pointer;
+ font-size: 1rem;
+ font-weight: 400;
+ }
+
+ .not-found {
+ cursor: pointer;
+ font-size: 1rem;
+ font-weight: 400;
+ padding: 0rem 0.5rem 0rem 0rem;
+ }
+}
+
+::ng-deep .profile-form .mat-form-field-appearance-outline .mat-form-field-outline {
+ background: #fafafa !important;
+}
+
+::ng-deep .profile-form .mat-form-field-appearance-outline .mat-form-field-infix {
+ font-size: 1rem;
+ padding: 0.6em 0 1em 0 !important;
+}
diff --git a/dmp-frontend/src/app/ui/dmp/editor/dataset-info/dataset-info.component.ts b/dmp-frontend/src/app/ui/dmp/editor/dataset-info/dataset-info.component.ts
new file mode 100644
index 000000000..5dfe19777
--- /dev/null
+++ b/dmp-frontend/src/app/ui/dmp/editor/dataset-info/dataset-info.component.ts
@@ -0,0 +1,123 @@
+import { BaseComponent } from '@common/base/base.component';
+import { OnInit, Component, Input, Output, EventEmitter } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { TranslateService } from '@ngx-translate/core';
+import { ConfigurationService } from '@app/core/services/configuration/configuration.service';
+import { MultipleAutoCompleteConfiguration } from '@app/library/auto-complete/multiple/multiple-auto-complete-configuration';
+import { map, takeUntil } from 'rxjs/operators';
+import { Observable } from 'rxjs';
+import { ExternalSourcesService } from '@app/core/services/external-sources/external-sources.service';
+import { isNullOrUndefined } from 'util';
+import { MatDialog } from '@angular/material';
+import { DatasetProfileModel } from '@app/core/model/dataset/dataset-profile';
+import { DatasetProfileCriteria } from '@app/core/query/dataset-profile/dataset-profile-criteria';
+import { DataTableRequest } from '@app/core/model/data-table/data-table-request';
+import { DmpService } from '@app/core/services/dmp/dmp.service';
+import { DmpProfileDefinition } from '@app/core/model/dmp-profile/dmp-profile';
+import { DmpProfileService } from '@app/core/services/dmp/dmp-profile.service';
+import { AvailableProfilesComponent } from '../available-profiles/available-profiles.component';
+import { DmpEditorModel } from '../dmp-editor.model';
+import { Router } from '@angular/router';
+
+@Component({
+ selector: 'dataset-info',
+ templateUrl: './dataset-info.component.html',
+ styleUrls: ['./dataset-info.component.scss']
+})
+export class DatasetInfoComponent extends BaseComponent implements OnInit {
+
+ @Input() formGroup: FormGroup = null;
+ @Input() isUserOwner: boolean;
+ @Input() dmp: DmpEditorModel;
+ @Input() isPublic: boolean;
+ @Input() isFinalized: boolean;
+ @Input() isNewVersion: boolean;
+ @Input() isClone: boolean;
+ @Output() onFormChanged: EventEmitter