177 lines
11 KiB
HTML
177 lines
11 KiB
HTML
|
<div class="dynamic-form-section row" [id]="section.id">
|
||
|
|
<mat-accordion class="col-12">
|
||
|
|
<mat-expansion-panel class="row expansion-panel toc-section-header" [id]="pathName" [(expanded)]="panelExpanded">
|
||
|
|
<!-- TODO: uncomment -->
|
||
|
|
<!-- <mat-expansion-panel-header>
|
||
|
|
<mat-panel-title>
|
||
|
|
<h6 class='panel-title'>{{tocentry? tocentry.numbering :form.get('numbering').value}}. {{section.title}}</h6>
|
||
|
|
</mat-panel-title>
|
||
|
|
</mat-expansion-panel-header>-->
|
||
|
|
<mat-panel-description class="col-12">
|
||
|
|
<h6 class='panel-desc' *ngIf="section.description" [innerHTML]="section.description"></h6>
|
||
|
|
</mat-panel-description>
|
||
|
|
<ng-container *ngIf="!tocentry else tocentryCase">
|
||
|
|
<div *ngFor="let fieldSet of section.fieldSets; let i = index;" class="col-12">
|
||
|
|
<!-- <div class="row" *ngIf="(this.visibilityRulesService.isVisibleMap[fieldSet.id] ?? true) && this.visibilityRulesService.scanIfChildsOfCompositeFieldHasVisibleItems(fieldSet.id)"> -->
|
||
|
|
<div class="row" *ngIf="(this.visibilityRulesService.isVisibleMap[fieldSet.id] ?? true) && this.visibilityRulesService.scanIfChildsOfCompositeFieldHasVisibleItems(fieldSet.id)">
|
||
|
|
|
||
|
|
<div class="col-12">
|
||
|
|
<div class="row">
|
||
|
|
<app-form-field-set class="align-self-center col" [propertiesFormGroup]="propertiesFormGroup" [fieldSet]="fieldSet" [visibilityRulesService]="visibilityRulesService" [datasetProfileId]="datasetProfileId"
|
||
|
|
[isChild]="false"
|
||
|
|
></app-form-field-set>
|
||
|
|
<!-- [showDelete]="(compositeFieldFormGroup.get('multiplicityItems').length) > 0" TODO: add this above -->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div *ngIf="fieldSet" class="col-12">
|
||
|
|
<div class="row">
|
||
|
|
<!-- <div class="col-12" *ngFor="let multipleCompositeFieldFormGroup of compositeFieldFormGroup.get('multiplicityItems')['controls']; let j = index">
|
||
|
|
<div class="row">
|
||
|
|
<app-form-field-set class=" align-self-center col" [form]="multipleCompositeFieldFormGroup" [visibilityRulesService]="visibilityRulesService" [datasetProfileId]="datasetProfileId"
|
||
|
|
[isChild]="true" [showDelete]="true"></app-form-field-set>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div *ngIf="(compositeFieldFormGroup.get('multiplicity').value.max - 1) > (compositeFieldFormGroup.get('multiplicityItems').length)"
|
||
|
|
class="col-12 mt-1 ml-0 mr-0 addOneFieldButton">
|
||
|
|
<span class="d-inline-flex align-items-center" [ngClass]="compositeFieldFormGroup.disabled ? '' : 'pointer'" (click)="addMultipleField(i)">
|
||
|
|
<button mat-icon-button color="primary" [disabled]="compositeFieldFormGroup.disabled">
|
||
|
|
<mat-icon>add_circle</mat-icon>
|
||
|
|
</button>
|
||
|
|
<span class="mt-1" *ngIf="compositeFieldFormGroup.get('multiplicity').value.placeholder">{{compositeFieldFormGroup.get('multiplicity').value.placeholder}}</span>
|
||
|
|
<span class="mt-1" *ngIf="!compositeFieldFormGroup.get('multiplicity').value.placeholder">{{('DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.MULTIPLICITY-ADD-ONE-FIELD' + (compositeFieldFormGroup.get('multiplicity').value.tableView?'-TABLEVIEW':'')) | translate}}</span>
|
||
|
|
</span>
|
||
|
|
</div> -->
|
||
|
|
<div *ngIf="fieldSet.hasCommentField" class="col-12">
|
||
|
|
<rich-text-editor-component [parentFormGroup]="propertiesFormGroup.get('commentFieldValue' + fieldSet.id)" [controlName]="'value'"
|
||
|
|
[id]="'editor1'" [placeholder]="'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.COMMENT-PLACEHOLDER' | translate"
|
||
|
|
[wrapperClasses]="'mb-2'" [editable]="!propertiesFormGroup.get('commentFieldValue' + fieldSet.id).disabled">
|
||
|
|
</rich-text-editor-component>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div *ngIf="section.sections" class="col-12">
|
||
|
|
<div *ngFor="let section of section.sections; let j = index;" class="row">
|
||
|
|
<app-form-section class="col-12" [section]="section" [propertiesFormGroup]="propertiesFormGroup" [path]="path+'.'+(j+1)" [pathName]="pathName+'.sections.'+j" [linkToScroll]="subsectionLinkToScroll"
|
||
|
|
[visibilityRulesService]="visibilityRulesService" [datasetProfileId]="datasetProfileId"></app-form-section>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</ng-container>
|
||
|
|
</mat-expansion-panel>
|
||
|
|
</mat-accordion>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- WORKING WITH TOCENTRIES -->
|
||
|
|
|
||
|
|
<ng-template #tocentryCase>
|
||
|
|
|
||
|
|
<ng-container [ngSwitch]="tocentry.subEntriesType">
|
||
|
|
<ng-container *ngSwitchCase="tocentriesType.FieldSet">
|
||
|
|
|
||
|
|
<!-- FIELDSET CASE -->
|
||
|
|
<div *ngFor="let fieldsetEntry of tocentry.subEntries; let i = index;" class="col-12" [id]="TOCENTRY_ID_PREFIX+fieldsetEntry.id" (click)="onAskedToScroll(fieldsetEntry.id)">
|
||
|
|
<div class="row" *ngIf="((this.visibilityRulesService.isVisibleMap[fieldsetEntry.form.get('id').value] ?? true) && this.visibilityRulesService.scanIfChildsOfCompositeFieldHasVisibleItems(fieldsetEntry.form)) && !hiddenEntriesIds.includes(fieldsetEntry.id)">
|
||
|
|
|
||
|
|
<div class="col-12">
|
||
|
|
<div *ngIf="!fieldsetEntry.form.get('multiplicity').value.tableView" class="row">
|
||
|
|
<app-form-field-set [tocentry]="fieldsetEntry" class="align-self-center col" [form]="fieldsetEntry.form" [visibilityRulesService]="visibilityRulesService" [datasetProfileId]="datasetProfileId"
|
||
|
|
[isChild]="false" [showDelete]="(fieldsetEntry.form.get('multiplicityItems').length) > 0"></app-form-field-set>
|
||
|
|
</div>
|
||
|
|
<ng-container *ngIf="fieldsetEntry.form.get('multiplicity').value.tableView">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-12">
|
||
|
|
<app-form-composite-title class="row" [fieldSet]="fieldsetEntry"></app-form-composite-title>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<table class="table table-bordered" style="table-layout: fixed">
|
||
|
|
<tr>
|
||
|
|
<ng-container *ngFor="let fieldFormGroup of fieldsetEntry.form.get('fields')['controls']; let i = index;">
|
||
|
|
<th *ngIf="this.visibilityRulesService.isVisibleMap[fieldFormGroup.get('id').value] ?? true"
|
||
|
|
class="text-wrap">{{fieldFormGroup.get('data').value.label}}</th>
|
||
|
|
</ng-container>
|
||
|
|
<th class="actions"></th>
|
||
|
|
</tr>
|
||
|
|
<tr app-form-field-set [form]="fieldsetEntry.form" [datasetProfileId]="datasetProfileId" [visibilityRulesService]="visibilityRulesService"
|
||
|
|
[isChild]="false" [showDelete]="(fieldsetEntry.form.get('multiplicityItems').length) > 0" [tableRow]="true"></tr>
|
||
|
|
<ng-container *ngIf="fieldsetEntry.form && fieldsetEntry.form.get('multiplicity').value.tableView">
|
||
|
|
<tr app-form-field-set *ngFor="let multipleCompositeFieldFormGroup of fieldsetEntry.form.get('multiplicityItems')['controls']; let j = index"
|
||
|
|
[form]="multipleCompositeFieldFormGroup" [datasetProfileId]="datasetProfileId" [visibilityRulesService]="visibilityRulesService"
|
||
|
|
[isChild]="true" [showDelete]="true" [tableRow]="true"></tr>
|
||
|
|
</ng-container>
|
||
|
|
<tr *ngIf="(fieldsetEntry.form.get('multiplicity').value.max - 1) > (fieldsetEntry.form.get('multiplicityItems').length)">
|
||
|
|
<td [colSpan]="visibleControls(fieldsetEntry.form.get('fields')['controls']).length + 1" class="text-center">
|
||
|
|
<span class="d-inline-flex align-items-center" [ngClass]="fieldsetEntry.form.disabled ? '' : 'pointer'" (click)="addMultipleField(i)">
|
||
|
|
<button mat-icon-button color="primary" [disabled]="fieldsetEntry.form.disabled">
|
||
|
|
<mat-icon>add_circle</mat-icon>
|
||
|
|
</button>
|
||
|
|
<span class="mt-1" *ngIf="fieldsetEntry.form.get('multiplicity').value.placeholder">{{fieldsetEntry.form.get('multiplicity').value.placeholder}}</span>
|
||
|
|
<span class="mt-1" *ngIf="!fieldsetEntry.form.get('multiplicity').value.placeholder">{{('DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.MULTIPLICITY-ADD-ONE-FIELD' + (fieldsetEntry.form.get('multiplicity').value.tableView?'-TABLEVIEW':'')) | translate}}</span>
|
||
|
|
</span>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</ng-container>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div *ngIf="fieldsetEntry.form && !fieldsetEntry.form.get('multiplicity').value.tableView" class="col-12">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-12" *ngFor="let multipleCompositeFieldFormGroup of fieldsetEntry.form.get('multiplicityItems')['controls']; let j = index">
|
||
|
|
<div class="row">
|
||
|
|
<app-form-field-set class=" align-self-center col" [form]="multipleCompositeFieldFormGroup" [visibilityRulesService]="visibilityRulesService" [datasetProfileId]="datasetProfileId"
|
||
|
|
[isChild]="true" [showDelete]="true"></app-form-field-set>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div *ngIf="(fieldsetEntry.form.get('multiplicity').value.max - 1) > (fieldsetEntry.form.get('multiplicityItems').length)"
|
||
|
|
class="col-12 mt-1 ml-0 mr-0 addOneFieldButton">
|
||
|
|
<span class="d-inline-flex align-items-center" [ngClass]="fieldsetEntry.form.disabled ? '' : 'pointer'" (click)="addMultipleField(i)">
|
||
|
|
<button mat-icon-button color="primary" [disabled]="fieldsetEntry.form.disabled">
|
||
|
|
<mat-icon>add_circle</mat-icon>
|
||
|
|
</button>
|
||
|
|
<span class="mt-1" *ngIf="fieldsetEntry.form.get('multiplicity').value.placeholder">{{fieldsetEntry.form.get('multiplicity').value.placeholder}}</span>
|
||
|
|
<span class="mt-1" *ngIf="!fieldsetEntry.form.get('multiplicity').value.placeholder">{{('DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.MULTIPLICITY-ADD-ONE-FIELD' + (fieldsetEntry.form.get('multiplicity').value.tableView?'-TABLEVIEW':'')) | translate}}</span>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
<div *ngIf="fieldsetEntry.form.get('hasCommentField').value" class="col-12">
|
||
|
|
<rich-text-editor-component [parentFormGroup]="fieldsetEntry.form" [controlName]="'commentFieldValue'"
|
||
|
|
[id]="'editor1'" [placeholder]="'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.COMMENT-PLACEHOLDER' | translate"
|
||
|
|
[wrapperClasses]="' mb-2'" [editable]="!fieldsetEntry.form.get('commentFieldValue').disabled">
|
||
|
|
</rich-text-editor-component>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</ng-container>
|
||
|
|
|
||
|
|
<ng-container *ngSwitchCase="tocentriesType.Section">
|
||
|
|
<!-- SECTION CASE -->
|
||
|
|
|
||
|
|
<div *ngIf="form.get('sections')" class="col-12"><!-- MAYBEE NOT NEEDED-->
|
||
|
|
<ng-container *ngFor="let sectionEntry of tocentry.subEntries; let j = index;">
|
||
|
|
<div class="row" *ngIf="!hiddenEntriesIds.includes(sectionEntry.id)">
|
||
|
|
<app-form-section [TOCENTRY_ID_PREFIX]="TOCENTRY_ID_PREFIX" class="col-12" [tocentry]="sectionEntry" [form]="sectionEntry.form" [path]="path+'.'+(j+1)" [pathName]="pathName+'.sections.'+j" [linkToScroll]="subsectionLinkToScroll"
|
||
|
|
[visibilityRulesService]="visibilityRulesService" [datasetProfileId]="datasetProfileId"
|
||
|
|
(askedToScroll)="onAskedToScroll($event)"
|
||
|
|
[hiddenEntriesIds]="hiddenEntriesIds"
|
||
|
|
></app-form-section>
|
||
|
|
</div>
|
||
|
|
</ng-container>
|
||
|
|
</div>
|
||
|
|
</ng-container>
|
||
|
|
|
||
|
|
</ng-container>
|
||
|
|
|
||
|
|
</ng-template>
|