2018-01-12 17:57:01 +01:00
|
|
|
|
<div class="full-width full-height">
|
|
|
|
|
<mat-sidenav-container class="ng-sidebar-container">
|
|
|
|
|
<!-- <mat-sidenav mode="push" position="right" [(opened)]="visibleSidebar">
|
2017-12-22 15:30:15 +01:00
|
|
|
|
<table-of-content class="toc-container full-height" [model]="datasetProfileDefinitionModel"></table-of-content>
|
2018-01-12 17:57:01 +01:00
|
|
|
|
</mat-sidenav> -->
|
2017-12-06 10:04:55 +01:00
|
|
|
|
|
2018-01-12 17:57:01 +01:00
|
|
|
|
<mat-sidenav-content>
|
|
|
|
|
<!-- <button mat-raised-button color="primary" style="margin: 15px;" (click)="toggleSidebar()" icon="fa-arrow-left">Table Of Contents</button> -->
|
2018-01-10 09:17:22 +01:00
|
|
|
|
<button mat-raised-button color="primary" *ngIf="datasetProfileDefinitionModel&&datasetProfileDefinitionModel.status != 1"
|
2018-01-12 17:57:01 +01:00
|
|
|
|
style="margin-top: 15px;margin-bottom: 15px;margin-right: 15px;" type="submit">Save</button>
|
2018-01-10 09:17:22 +01:00
|
|
|
|
<button mat-raised-button color="primary" *ngIf="datasetProfileDefinitionModel&&datasetProfileDefinitionModel?.status != 1"
|
|
|
|
|
style="margin-top: 15px;margin-bottom: 15px;margin-right: 15px;" (click)="submit();">Save and Finalize</button>
|
2018-01-12 17:57:01 +01:00
|
|
|
|
<div>
|
2017-12-13 13:55:12 +01:00
|
|
|
|
<div class="alignment-center">
|
2017-12-22 14:46:36 +01:00
|
|
|
|
<!-- <ngb-pagination *ngIf="pages" [collectionSize]="pages.length*10" [page]="currentPageIndex" (pageChange)="changePageIndex($event)" aria-label="Default pagination"></ngb-pagination> -->
|
2018-01-10 09:17:22 +01:00
|
|
|
|
<progress-bar *ngIf="form" [formGroup]="form"></progress-bar>
|
2017-12-13 13:55:12 +01:00
|
|
|
|
</div>
|
2017-12-07 10:26:06 +01:00
|
|
|
|
</div>
|
2018-01-12 17:57:01 +01:00
|
|
|
|
<div>
|
2018-01-10 09:17:22 +01:00
|
|
|
|
<!-- <progress-bar *ngIf="form" [formGroup]="form"></progress-bar> -->
|
2017-12-08 11:19:50 +01:00
|
|
|
|
</div>
|
2018-01-10 09:17:22 +01:00
|
|
|
|
|
2018-01-12 17:57:01 +01:00
|
|
|
|
<div class="col-md-12" id="form-container">
|
2017-12-06 10:04:55 +01:00
|
|
|
|
<form *ngIf="form" novalidate [formGroup]="form" (ngSubmit)="onSubmit()">
|
2018-01-12 17:57:01 +01:00
|
|
|
|
<mat-vertical-stepper [linear]="false">
|
|
|
|
|
<div *ngFor="let page of pages let z=index;">
|
|
|
|
|
<div *ngFor="let section of datasetProfileDefinitionModel.sections; let i = index;">
|
|
|
|
|
<div *ngIf="section.page == z">
|
|
|
|
|
<mat-step [stepControl]="section">
|
|
|
|
|
<df-section [section]="section" [form]="form.get('sections').get(''+i)" [path]="i+1" [pathName]="'sections.'+i"></df-section>
|
|
|
|
|
<ng-template matStepLabel>{{section.title}}</ng-template>
|
|
|
|
|
<div>
|
|
|
|
|
<button mat-button matStepperNext>Next</button>
|
|
|
|
|
</div>
|
|
|
|
|
</mat-step>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</mat-vertical-stepper>
|
|
|
|
|
<!-- <div *ngFor="let section of datasetProfileDefinitionModel.sections; let i = index;">
|
2017-12-11 14:47:52 +01:00
|
|
|
|
<df-section *ngIf='this.shouldDisplaySection(section)' [section]="section" [form]="form.get('sections').get(''+i)" [path]="i+1"
|
|
|
|
|
[pathName]="'sections.'+i"></df-section>
|
2018-01-12 17:57:01 +01:00
|
|
|
|
</div> -->
|
2017-12-06 10:04:55 +01:00
|
|
|
|
</form>
|
2017-12-05 17:56:21 +01:00
|
|
|
|
</div>
|
2017-12-22 14:46:36 +01:00
|
|
|
|
</mat-sidenav-content>
|
2018-01-10 09:17:22 +01:00
|
|
|
|
</mat-sidenav-container>
|
2018-01-05 08:49:12 +01:00
|
|
|
|
</div>
|
2018-01-09 15:26:27 +01:00
|
|
|
|
<!-- <p>Form value: {{ form.value | json }}</p> -->
|