argos/dmp-frontend/src/app/ui/misc/dataset-description-form/dataset-description-form.co...

21 lines
928 B
HTML
Raw Normal View History

2019-01-18 18:03:45 +01:00
<form *ngIf="form" novalidate [formGroup]="form">
<div class="dynamic-form-editor row">
<app-form-progress-indication class="col-12" *ngIf="form" [formGroup]="form"></app-form-progress-indication>
<div *ngIf='datasetProfileDefinitionModel' class="col-12" id="form-container">
<mat-vertical-stepper #stepper [linear]="false">
<div *ngFor="let page of datasetProfileDefinitionModel.pages; let z=index; trackBy: pageTrackByFn">
<div *ngFor="let section of page.sections; let i = index; trackBy: trackByFn">
<mat-step [stepControl]="section">
<ng-template matStepLabel>{{page.title}}</ng-template>
<div *ngIf="stepper.selectedIndex == z" class="row">
<app-form-section class="col-12" [section]="section" [path]="z+1" [pathName]="'pages.'+z+'.sections.'+i"></app-form-section>
</div>
</mat-step>
</div>
</div>
</mat-vertical-stepper>
</div>
</div>
</form>