101 lines
3.4 KiB
HTML
101 lines
3.4 KiB
HTML
<div class="panel-body">
|
|
<div class="col-md-8 col-sm-9">
|
|
<form [formGroup]="form" (ngSubmit)="onSubmit()" novalidate>
|
|
|
|
<div *ngFor = "let section of dataModel.sections">
|
|
<div *ngIf="section.groupFields.length>0 else sectionHeader">
|
|
<h3>{{section.title}}</h3>
|
|
<div *ngFor="let group of section.groupFields">
|
|
<df-group [group]="group" [dataModel]="dataModel" [form]="getSubForm(group.key)"></df-group>
|
|
</div>
|
|
</div>
|
|
<ng-template #sectionHeader>
|
|
<h2>{{section.title}}</h2>
|
|
</ng-template>
|
|
</div>
|
|
|
|
<div *ngFor="let field of dataModel.fields">
|
|
<div [formGroup]="form" class="form-group">
|
|
<df-field [field]="field" [form]="form" [dataModel]="dataModel" ></df-field>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- <div *ngFor="let group of dataModel.groups">
|
|
<df-group [group]="group" [dataModel]="dataModel" [form]="getSubForm(group.key)"></df-group>
|
|
</div> -->
|
|
|
|
<div>
|
|
<button type="submit" class="btn btn-default" [disabled]="!form.valid">Save</button>
|
|
</div>
|
|
|
|
<div *ngIf="payLoad" class="form-row">
|
|
<strong>Saved the following values</strong><br>{{payLoad}}
|
|
</div>
|
|
|
|
</form>
|
|
<p>Form value: {{ form.value | json }}</p>
|
|
</div>
|
|
|
|
<div class="col-md-4 col-sm-3">
|
|
<div ngDraggable style="top:60;"> <!--position:fixed; to ekana sxolio gia na ginetai responsive-->
|
|
<div class="panel panel-default" >
|
|
<div class="panel-heading" data-toggle="collapse" href="#collapse-panel">
|
|
<h4>Table of contents:</h4>
|
|
</div>
|
|
<div class="panel-body" id="collapse-panel" class="panel-collapse">
|
|
<div *ngIf="dataModel.groups.length">
|
|
<toc [dataModel]="dataModel"></toc>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!--
|
|
<div class="col-md-4">
|
|
<h4>On this page:</h4>
|
|
<div *ngIf="dataModel.groups.length">
|
|
<toc [dataModel]="dataModel"></toc>
|
|
</div>
|
|
</div>
|
|
-->
|
|
</div>
|
|
|
|
|
|
|
|
<div class="text-center">
|
|
<!-- pagination -->
|
|
<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>
|
|
|
|
<div class="panel-footer">
|
|
<div class="progress">
|
|
<div class="progress-bar" role="progressbar" aria-valuenow= ""
|
|
aria-valuemin="0" aria-valuemax="100" [ngStyle]="{'width': dirtyValues + '%'}">
|
|
{{dirtyValues}}%
|
|
</div>
|
|
</div>
|
|
<!-- <button type="button" class="btn btn-info" onclick="signOut();">Sign out</button> -->
|
|
<a href="#" (click)="signOut2();">Sign out</a>
|
|
</div>
|
|
|