45 lines
2.3 KiB
HTML
45 lines
2.3 KiB
HTML
<div *ngIf="form && this.visibilityRulesService.checkElementVisibility(this.form.get('id').value)" [id]="this.form.get('id').value" [formGroup]="form" class="dynamic-form-composite-field row">
|
|
|
|
<div *ngIf="form.get('fields').length === 1 && this.visibilityRulesService.checkElementVisibility(form.get('fields')['controls'][0].get('id').value)" class="col-12">
|
|
<div class="row">
|
|
<h5 *ngIf="form.get('title').value" style="font-weight:bold; color: #3a3737;" class="col-12">{{form.get('numbering').value}} {{form.get('title').value}}
|
|
<!-- <a *ngIf="this.markForConsiderationService.exists(compositeField)" (click)="markForConsideration()" style="cursor: pointer">
|
|
Mark For Consideration
|
|
</a> -->
|
|
</h5>
|
|
<h6 *ngIf="form.get('description').value">{{form.get('description').value}}</h6>
|
|
<h6 *ngIf="form.get('extendedDescription').value" class="col-12">
|
|
<i>{{form.get('extendedDescription').value}}</i>
|
|
</h6>
|
|
<app-form-field class="col-12" [form]="form.get('fields')['controls'][0]"></app-form-field>
|
|
</div>
|
|
</div>
|
|
<div *ngIf="form.get('fields').length > 1" class="col-12">
|
|
<div class="row">
|
|
<h5 *ngIf="form.get('title').value" style="font-weight:bold; color: #3a3737;" class="col-12">{{form.get('numbering').value}} {{form.get('title').value}}</h5>
|
|
<h5 *ngIf="form.get('description').value" class="col-12">{{form.get('description').value}}</h5>
|
|
<h5 *ngIf="form.get('extendedDescription').value" class="col-12">
|
|
<i>{{form.get('extendedDescription').value}}</i>
|
|
</h5>
|
|
<div *ngFor="let fieldFormGroup of form.get('fields')['controls']; let i = index;" class="col-12">
|
|
<div class="row">
|
|
<div class="col-12" *ngIf="(fieldFormGroup.get('multiplicity')?.value?.max - 1) > (fieldFormGroup.get('multiplicityItems')?.length)">
|
|
<a (click)="addMultipleField(i)" style="cursor: pointer">
|
|
Add one more field +
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<app-form-field [form]="fieldFormGroup" class="col-12"></app-form-field>
|
|
<div *ngIf="fieldFormGroup" class="col-12">
|
|
<div *ngFor="let multipleField of fieldFormGroup.get('multiplicityItems')['controls']; let j = index" class="row">
|
|
<app-form-field class="col-12" [form]="multipleField"></app-form-field>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|