44 lines
2.0 KiB
HTML
44 lines
2.0 KiB
HTML
<div class="data-management-plan-editor">
|
|
<mat-horizontal-stepper [linear]="isLinear">
|
|
<mat-step [stepControl]="formGroup">
|
|
<form *ngIf="formGroup" [formGroup]="formGroup">
|
|
<ng-template matStepLabel>Dataset Profile Associations</ng-template>
|
|
<auto-complete class="full-width" placeholder="{{'FORM-PAYMENT-ORDER.EDITOR.FIELDS.PROJECT' | translate}}"
|
|
[configuration]="dmpAutoCompleteConfiguration"
|
|
titleKey="label"
|
|
[control]="formGroup.get('dmp')"
|
|
[required]="true">
|
|
</auto-complete>
|
|
<auto-complete class="full-width" placeholder="{{'FORM-PAYMENT-ORDER.EDITOR.FIELDS.PROJECT' | translate}}"
|
|
[configuration]="datasetProfileAutoCompleteConfiguration"
|
|
titleKey="label"
|
|
[control]="formGroup.get('profile')"
|
|
[required]="true"
|
|
[disabled]="!formGroup.get('dmp').value">
|
|
</auto-complete>
|
|
<div>
|
|
<button mat-button matStepperNext>Next</button>
|
|
</div>
|
|
</form>
|
|
</mat-step>
|
|
<mat-step [stepControl]="formGroup">
|
|
<form *ngIf="formGroup" [formGroup]="formGroup">
|
|
<ng-template matStepLabel>Dataset Profile Basic Info</ng-template>
|
|
<app-dataset-editor-component [formGroup]="formGroup"></app-dataset-editor-component>
|
|
<div>
|
|
<button mat-button matStepperPrevious>Back</button>
|
|
<button mat-button matStepperNext>Next</button>
|
|
</div>
|
|
</form>
|
|
</mat-step>
|
|
<mat-step>
|
|
<ng-template matStepLabel>Dataset Profile Form</ng-template>
|
|
You are now done.
|
|
<div>
|
|
<button mat-button matStepperPrevious>Back</button>
|
|
</div>
|
|
</mat-step>
|
|
</mat-horizontal-stepper>
|
|
<div *ngIf="formGroup"> {{ formGroup.value | json }}</div>
|
|
|
|
</div> |