2017-12-06 10:04:55 +01:00
|
|
|
<div class="ui-g dynamic-form">
|
|
|
|
<ng-sidebar-container class="ui-g" style="height: 100vh;">
|
|
|
|
<ng-sidebar mode="push" style="height: 100vh;" position="right" [(opened)]="visibleSidebar">
|
2017-12-08 11:19:50 +01:00
|
|
|
<table-of-content [model]="dataModel"></table-of-content>
|
2017-12-06 10:04:55 +01:00
|
|
|
</ng-sidebar>
|
|
|
|
|
|
|
|
<div class="ui-g" ng-sidebar-content>
|
|
|
|
<button class="ui-g" pButton type="button" (click)="toggleSidebar()" icon="fa-arrow-left">Table Of Contents</button>
|
|
|
|
<button type="button" class="btn btn-primary" (click)="submit();">Save and Finalize</button>
|
|
|
|
<progress-bar class="ui-g" *ngIf="progressbar" [formGroup]=form></progress-bar>
|
|
|
|
<div class="ui-g-12">
|
2017-12-07 10:26:06 +01:00
|
|
|
<p-steps [model]="stepperItems" [activeIndex]="this.paginationService.getCurrentIndex()" (activeIndex)="this.paginationService.setCurrentIndex($event)"
|
|
|
|
[readonly]="false"></p-steps>
|
|
|
|
</div>
|
|
|
|
<div class="ui-g-12">
|
2017-12-08 11:19:50 +01:00
|
|
|
<progress-bar *ngIf="form" [formGroup]="form"></progress-bar>
|
|
|
|
</div>
|
2017-12-06 10:04:55 +01:00
|
|
|
<div class="col-md-12 form-body-container" id="form-container">
|
2017-12-05 17:56:21 +01:00
|
|
|
|
2017-12-06 10:04:55 +01:00
|
|
|
<form *ngIf="form" novalidate [formGroup]="form" (ngSubmit)="onSubmit()">
|
2017-11-13 17:19:43 +01:00
|
|
|
|
2017-12-06 10:04:55 +01:00
|
|
|
<div *ngFor="let section of dataModel.sections; let i = index;">
|
2017-12-07 10:26:06 +01:00
|
|
|
<df-section *ngIf='this.paginationService.isElementVisible(section.page)' [section]="section" [form]="form.get('sections').get(''+i)"
|
|
|
|
[path]="i+1" [pathName]="'sections.'+i"></df-section>
|
2017-12-06 10:04:55 +01:00
|
|
|
</div>
|
|
|
|
</form>
|
2017-12-05 17:56:21 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
2017-12-06 10:04:55 +01:00
|
|
|
</ng-sidebar-container>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- <div class="col-md-12 form-footer-container">
|
|
|
|
<div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div> -->
|
|
|
|
<!-- <div class="col-md-12 form-footer-seperator" >
|
|
|
|
</div>
|
2017-11-15 11:59:08 +01:00
|
|
|
|
2017-12-05 17:56:21 +01:00
|
|
|
|
2017-12-06 10:04:55 +01:00
|
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
<button type="button" class="btn btn-default btncustom" [disabled]="!form.valid || finalizeStatus" (click)="SaveForm();">Save</button>
|
|
|
|
<button type="button" class="btn btn-default btncustom" [disabled]="!form.valid || finalizeStatus" data-toggle="modal" data-target="#confirmModal">Finalize</button>
|
|
|
|
</div>
|
|
|
|
-->
|
|
|
|
<!--
|
|
|
|
<div *ngIf="payLoad" class="form-row">
|
|
|
|
<strong>Saved the following values</strong><br>{{payLoad}}
|
|
|
|
</div>
|
|
|
|
-->
|
2017-11-13 17:19:43 +01:00
|
|
|
|
2017-12-05 17:56:21 +01:00
|
|
|
|
|
|
|
|
|
|
|
|
2017-12-06 10:04:55 +01:00
|
|
|
<!-- <div class="text-center">
|
|
|
|
<ul *ngIf="pagination.pages && pagination.pages.length" class="pagination">
|
|
|
|
<li [ngClass]="{disabled:pagination.currentPage === 1}">
|
|
|
|
<a (click)="setPage(1)" class="cursor-link" >First</a>
|
|
|
|
</li>
|
|
|
|
<li [ngClass]="{disabled:pagination.currentPage === 1}">
|
|
|
|
<a (click)="setPage(pagination.currentPage - 1)" class="cursor-link">Previous</a>
|
|
|
|
</li>
|
|
|
|
<li *ngFor="let page of pagination.pages" [ngClass]="{active:pagination.currentPage === page}">
|
|
|
|
<a (click)="setPage(page)" class="cursor-link">{{page}}</a>
|
|
|
|
</li>
|
|
|
|
<li [ngClass]="{disabled:pagination.currentPage === pagination.totalPages}">
|
|
|
|
<a (click)="setPage(pagination.currentPage + 1)" class="cursor-link">Next</a>
|
|
|
|
</li>
|
|
|
|
<li [ngClass]="{disabled:pagination.currentPage === pagination.totalPages}">
|
|
|
|
<a (click)="setPage(pagination.totalPages)" class="cursor-link">Last</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div> -->
|
2017-12-05 17:56:21 +01:00
|
|
|
|
2017-11-15 11:59:08 +01:00
|
|
|
|
|
|
|
|
|
|
|
|
2017-12-06 10:04:55 +01:00
|
|
|
<!-- <div *ngIf="!expandedToc" class="collapsed-div-caret" (click)="toggleTOC()">
|
|
|
|
-->
|
|
|
|
<!--
|
|
|
|
<i class="fa toc-toggler" [ngClass]="{true:'fa-arrow-right', false:'fa-arrow-left'}[expandedToc]" aria-hidden="true" ><div>Show ToC</div></i>
|
2017-11-22 15:27:57 +01:00
|
|
|
-->
|
2017-12-06 10:04:55 +01:00
|
|
|
<!-- <i class="fa toc-toggler" aria-hidden="true" ><div>Show ToC</div></i>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div *ngIf="expandedToc" class="col-md-12" style="width:200px; text-align: center;">
|
|
|
|
<h4 style="display: inline-block; text-align: center; width:150px;">Table of Contents</h4>
|
|
|
|
<div class="child-div-caret" style="display: inline-block; width:50px;" (click)="toggleTOC()"> -->
|
|
|
|
<!--
|
|
|
|
<i class="fa toc-toggler" [ngClass]="{true:'fa-arrow-right', false:'fa-arrow-left'}[expandedToc]" aria-hidden="true" ><div>Shrink</div></i>
|
|
|
|
-->
|
|
|
|
<!-- <i class="fa toc-toggler" aria-hidden="true"><div>(hide)</div></i>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
-->
|
2017-11-15 11:59:08 +01:00
|
|
|
|
2017-12-06 10:04:55 +01:00
|
|
|
<!-- <div class="col-md-12 form-footer-container">
|
|
|
|
<button type="button" class="btn btn-primary" (click)="submit();">Save and Finalize</button>
|
|
|
|
</div> -->
|
2017-11-15 11:59:08 +01:00
|
|
|
|
|
|
|
|
|
|
|
<!--Modal for Confirmation -->
|
2017-11-23 12:26:22 +01:00
|
|
|
<!-- <div class="modal fade" id="confirmModal" tabindex="-1" role="dialog" aria-labelledby="newVersionDmpModalLabel" aria-hidden="true">
|
2017-12-06 10:04:55 +01:00
|
|
|
<div class="modal-dialog" role="document">
|
|
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
|
|
|
<h5 class="modal-title" id="exampleModalLabel">Confirmation Message</h5>
|
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
|
|
<span aria-hidden="true">×</span>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
<div class="modal-body">
|
|
|
|
<p>Are you sure you want to save and finalize?</p>
|
|
|
|
</div>
|
|
|
|
<div class="modal-footer">
|
|
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
|
|
|
<button type="button" class="btn btn-primary" (click)="SaveFinalizeForm();">Save and Finalize</button>
|
|
|
|
</div>
|
2017-11-07 15:40:32 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
2017-12-06 10:04:55 +01:00
|
|
|
</div> -->
|