argos/dmp-frontend/src/app/dataset-wizard/dataset-wizard.component.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>