2019-04-24 11:26:53 +02:00
|
|
|
<div class="main-content">
|
|
|
|
<div class="container-fluid">
|
|
|
|
<div class="quick-wizard-editor">
|
|
|
|
<form [formGroup]="formGroup">
|
|
|
|
<h3 *ngIf="isNew">{{ 'QUICKWIZARD.CREATE-ADD.CREATE.QUICKWIZARD_CREATE.TITLE' | translate }}</h3>
|
2019-07-01 12:06:26 +02:00
|
|
|
<p *ngIf="isNew">{{ 'QUICKWIZARD.CREATE-ADD.CREATE.QUICKWIZARD_CREATE.POST-SELECTION-INFO' | translate }}</p>
|
2019-04-24 11:26:53 +02:00
|
|
|
<div class="row">
|
|
|
|
<mat-horizontal-stepper linear class="col-12" #stepper>
|
2019-12-13 10:53:43 +01:00
|
|
|
<mat-step [stepControl]="formGroup.get('grant')" *ngIf="formGroup">
|
2019-04-24 11:26:53 +02:00
|
|
|
<ng-template matStepLabel>
|
|
|
|
{{'QUICKWIZARD.CREATE-ADD.CREATE.QUICKWIZARD_CREATE.FIRST-STEP.TITLE' | translate}}
|
|
|
|
</ng-template>
|
2020-02-25 17:01:48 +01:00
|
|
|
<div class="col-12">
|
|
|
|
<div class="row">
|
|
|
|
<app-quick-wizard-funder-editor-component class="col-6" [funderFormGroup]="formGroup.get('funder')"></app-quick-wizard-funder-editor-component>
|
|
|
|
<app-quick-wizard-grant-editor-component class="col-6" [grantformGroup]="formGroup.get('grant')" [funderFormGroup]="formGroup.get('funder')"></app-quick-wizard-grant-editor-component>
|
|
|
|
</div>
|
|
|
|
</div>
|
2019-08-28 15:53:17 +02:00
|
|
|
<div *ngIf="formGroup.get('project')">
|
|
|
|
<app-quick-wizard-project-editor-component class="col-12" [formGroup]="formGroup.get('project')"></app-quick-wizard-project-editor-component>
|
2019-04-24 11:26:53 +02:00
|
|
|
</div>
|
|
|
|
<div class="navigation-buttons-container">
|
2019-10-04 18:11:52 +02:00
|
|
|
<button class="float-right" [disabled]="!isFormValid()" matStepperNext mat-raised-button color="primary">{{'QUICKWIZARD.CREATE-ADD.CREATE.QUICKWIZARD_CREATE.ACTIONS.NEXT' | translate}}</button>
|
2019-04-24 11:26:53 +02:00
|
|
|
</div>
|
|
|
|
</mat-step>
|
2019-12-13 10:53:43 +01:00
|
|
|
<mat-step [stepControl]="formGroup.get('dmp')" *ngIf="formGroup">
|
2019-04-24 11:26:53 +02:00
|
|
|
<ng-template matStepLabel>
|
|
|
|
{{'QUICKWIZARD.CREATE-ADD.CREATE.QUICKWIZARD_CREATE.SECOND-STEP.TITLE' | translate}}
|
|
|
|
</ng-template>
|
2019-08-01 09:54:40 +02:00
|
|
|
<ng-container *ngIf="formGroup.get('grant').valid">
|
2019-04-24 11:26:53 +02:00
|
|
|
<div>
|
2019-11-12 11:06:37 +01:00
|
|
|
<app-quick-wizard-dmp-editor-component class="col-12" [formGroup]="formGroup.get('dmp')" [datasetFormGroup]="formGroup.get('datasets')" [dmpLabel]="getGrantLabel()">
|
2019-04-24 11:26:53 +02:00
|
|
|
</app-quick-wizard-dmp-editor-component>
|
|
|
|
</div>
|
|
|
|
<div class="navigation-buttons-container">
|
2019-08-28 15:53:17 +02:00
|
|
|
<button matStepperPrevious mat-raised-button color="primary">{{'QUICKWIZARD.CREATE-ADD.CREATE.QUICKWIZARD_CREATE.ACTIONS.BACK' | translate}}</button>
|
2019-10-31 12:08:00 +01:00
|
|
|
<button class="float-right" [disabled]="!(this.formGroup.get('dmp').get('datasetProfile').valid)" matStepperNext mat-raised-button color="primary">
|
2019-08-29 10:09:47 +02:00
|
|
|
{{'QUICKWIZARD.CREATE-ADD.CREATE.QUICKWIZARD_CREATE.ACTIONS.NEXT' | translate}}
|
|
|
|
</button>
|
2019-04-24 11:26:53 +02:00
|
|
|
</div>
|
|
|
|
</ng-container>
|
|
|
|
</mat-step>
|
2019-12-13 10:53:43 +01:00
|
|
|
<mat-step [stepControl]="formGroup.get('datasets')" *ngIf="formGroup">
|
2019-04-24 11:26:53 +02:00
|
|
|
<ng-template matStepLabel>
|
|
|
|
{{'QUICKWIZARD.CREATE-ADD.CREATE.QUICKWIZARD_CREATE.THIRD-STEP.TITLE' | translate}}
|
|
|
|
</ng-template>
|
|
|
|
<!-- <ng-container *ngIf="isAvtive('step3')"> -->
|
|
|
|
<ng-container *ngIf="formGroup.get('dmp').valid && isActive('step3')">
|
|
|
|
<div *ngIf="formGroup.get('datasets')" class="row">
|
|
|
|
<!-- <div *ngIf="this.isActiveStep(3)" class="row"> -->
|
2019-08-28 15:53:17 +02:00
|
|
|
<app-dataset-editor-wizard-component class="col-12" [formGroup]="formGroup" [datasetProfile]="formGroup.get('dmp').get('datasetProfile')" [datasetLabel]="formGroup.get('dmp').get('label').value">
|
2019-04-24 11:26:53 +02:00
|
|
|
</app-dataset-editor-wizard-component>
|
2019-09-25 12:40:35 +02:00
|
|
|
<!-- <app-dataset-description-form class="col-12" *ngIf="formGroup && datasetWizardModel && datasetWizardModel.datasetProfileDefinition" [form]="this.formGroup.get('datasetProfileDefinition')" [visibilityRules]="datasetWizardModel.datasetProfileDefinition.rules" [datasetProfileId]="formGroup.get('profile').value"></app-dataset-description-form> -->
|
2019-04-24 11:26:53 +02:00
|
|
|
<!-- </div> -->
|
|
|
|
</div>
|
2019-06-26 11:24:06 +02:00
|
|
|
<div class="navigation-buttons-container mt-3">
|
2019-08-28 15:53:17 +02:00
|
|
|
<button matStepperPrevious mat-raised-button color="primary">{{'QUICKWIZARD.CREATE-ADD.CREATE.QUICKWIZARD_CREATE.ACTIONS.BACK' | translate}}</button>
|
|
|
|
<button class="saveAndFinalizeButton" matStepperNext mat-raised-button (click)='saveFinalize()' [disabled]="!isFormValid() || !hasDatasets()" color="primary">{{'QUICKWIZARD.CREATE-ADD.CREATE.QUICKWIZARD_CREATE.ACTIONS.SAVE-AND-FINALIZE' | translate}}</button>
|
|
|
|
<button class="saveButton" matStepperNext mat-raised-button (click)='formSubmit()' [disabled]="!hasDatasets()" color="primary">{{'QUICKWIZARD.CREATE-ADD.CREATE.QUICKWIZARD_CREATE.ACTIONS.SAVE' | translate}}</button>
|
2019-04-24 11:26:53 +02:00
|
|
|
</div>
|
|
|
|
</ng-container>
|
|
|
|
</mat-step>
|
|
|
|
</mat-horizontal-stepper>
|
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
</div>
|
2019-03-14 10:50:06 +01:00
|
|
|
</div>
|