2017-12-19 14:57:07 +01:00
|
|
|
<div class="data-management-plan-editor">
|
|
|
|
<mat-horizontal-stepper [linear]="isLinear">
|
2017-12-20 14:34:32 +01:00
|
|
|
<mat-step [stepControl]="firstStepFormGroup">
|
|
|
|
<form [formGroup]="firstStepFormGroup">
|
2017-12-19 14:57:07 +01:00
|
|
|
<ng-template matStepLabel>Fill out your name</ng-template>
|
2017-12-20 14:34:32 +01:00
|
|
|
<auto-complete class="full-width" placeholder="{{'FORM-PAYMENT-ORDER.EDITOR.FIELDS.PROJECT' | translate}}" [configuration]="dmpAutoCompleteConfiguration"
|
|
|
|
titleKey="label" [control]="firstStepFormGroup.get('dataManagementPlan')" [required]="true">
|
|
|
|
</auto-complete>
|
|
|
|
{{firstStepFormGroup.value | json}}
|
2017-12-19 14:57:07 +01:00
|
|
|
<div>
|
|
|
|
<button mat-button matStepperNext>Next</button>
|
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</mat-step>
|
|
|
|
<mat-step [stepControl]="secondFormGroup">
|
|
|
|
<form [formGroup]="secondFormGroup">
|
|
|
|
<ng-template matStepLabel>Fill out your address</ng-template>
|
|
|
|
<mat-form-field>
|
|
|
|
<input matInput placeholder="Address" formControlName="secondCtrl" required>
|
|
|
|
</mat-form-field>
|
|
|
|
<div>
|
|
|
|
<button mat-button matStepperPrevious>Back</button>
|
|
|
|
<button mat-button matStepperNext>Next</button>
|
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</mat-step>
|
|
|
|
<mat-step>
|
|
|
|
<ng-template matStepLabel>Done</ng-template>
|
|
|
|
You are now done.
|
|
|
|
<div>
|
|
|
|
<button mat-button matStepperPrevious>Back</button>
|
|
|
|
</div>
|
|
|
|
</mat-step>
|
|
|
|
</mat-horizontal-stepper>
|
|
|
|
</div>
|