2019-01-28 14:47:31 +01:00
< div class = "dynamic-form-section row" [ id ] = " this . form . get ( ' id ' ) . value " >
2018-11-29 13:26:18 +01:00
< mat-accordion class = "col-12" >
2019-10-15 16:25:43 +02:00
< mat-expansion-panel class = "row expansion-panel toc-section-header" [ id ] = " pathName " [ ( expanded ) ] = " panelExpanded " >
2018-10-16 13:11:15 +02:00
< mat-expansion-panel-header >
< mat-panel-title >
2021-03-09 09:04:50 +01:00
< h6 class = 'panel-title' > {{tocentry? tocentry.numbering :form.get('numbering').value}}. {{form.get('title').value}}< / h6 >
2018-10-16 13:11:15 +02:00
< / mat-panel-title >
< / mat-expansion-panel-header >
2019-03-08 16:12:53 +01:00
< mat-panel-description class = "col-12" >
2020-09-23 09:19:05 +02:00
< h6 class = 'panel-desc' * ngIf = "form.get('description').value" > {{form.get('description').value}}< / h6 >
2019-03-08 16:12:53 +01:00
< / mat-panel-description >
2021-03-09 09:04:50 +01:00
< ng-container * ngIf = "!tocentry else tocentryCase" >
2019-03-08 16:12:53 +01:00
< div * ngFor = "let compositeFieldFormGroup of form.get('compositeFields')['controls']; let i = index;" class = "col-12" >
2019-01-28 14:47:31 +01:00
<!-- <div *ngIf="isElementVisible(compositeField)" class="row"> -->
2019-01-31 11:29:35 +01:00
<!-- *ngIf="this.visibilityRulesService.checkElementVisibility(compositeFieldFormGroup.get('id').value)" -->
2019-03-08 16:12:53 +01:00
< div class = "row" * ngIf = "this.visibilityRulesService.checkElementVisibility(compositeFieldFormGroup.get('id').value) && this.visibilityRulesService.scanIfChildsOfCompositeFieldHasVisibleItems(compositeFieldFormGroup)" >
2019-01-31 11:29:35 +01:00
2019-09-18 13:35:51 +02:00
< div class = "col-12" >
< div class = "row" >
< app-form-composite-field class = "align-self-center col" [ form ] = " compositeFieldFormGroup " [ datasetProfileId ] = " datasetProfileId "
2020-02-03 16:50:18 +01:00
[isChild]="false" [showDelete]="(compositeFieldFormGroup.get('multiplicityItems').length) > 0">< / app-form-composite-field >
2019-09-18 13:35:51 +02:00
< / div >
< / div >
2019-03-14 11:58:24 +01:00
2019-01-31 11:29:35 +01:00
< div * ngIf = "compositeFieldFormGroup" class = "col-12" >
2018-11-29 13:26:18 +01:00
< div class = "row" >
2019-03-08 16:12:53 +01:00
< div class = "col-12" * ngFor = "let multipleCompositeFieldFormGroup of compositeFieldFormGroup.get('multiplicityItems')['controls']; let j = index" >
2019-09-18 13:35:51 +02:00
< div class = "row" >
2019-03-08 16:12:53 +01:00
< app-form-composite-field class = " align-self-center col" [ form ] = " multipleCompositeFieldFormGroup " [ datasetProfileId ] = " datasetProfileId "
2020-02-03 16:50:18 +01:00
[isChild]="true" [showDelete]="true">< / app-form-composite-field >
2019-02-04 14:41:54 +01:00
< / div >
< / div >
2019-03-14 11:58:24 +01:00
< div * ngIf = "(compositeFieldFormGroup.get('multiplicity').value.max - 1) > (compositeFieldFormGroup.get('multiplicityItems').length)"
2019-03-14 16:39:30 +01:00
class="col-12 addOneFieldButton">
2021-10-06 11:25:44 +02:00
< button mat-icon-button type = "button" color = "primary" ( click ) = " addMultipleField ( i ) " [ disabled ] = " compositeFieldFormGroup . disabled " matTooltip = "{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.MULTIPLICITY-ADD-ONE-FIELD' | translate}}" >
2019-03-14 11:58:24 +01:00
< mat-icon > add_circle< / mat-icon >
< / button >
< / div >
2019-07-01 10:46:39 +02:00
< mat-form-field * ngIf = "compositeFieldFormGroup.get('hasCommentField').value" class = "col-12 mb-2" [ formGroup ] = " compositeFieldFormGroup " >
< input matInput formControlName = "commentFieldValue" placeholder = "{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.COMMENT-PLACEHOLDER' | translate}}" >
< mat-hint > {{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.COMMENT-HINT' | translate}}< / mat-hint >
2018-10-16 13:11:15 +02:00
< / mat-form-field >
2019-04-02 10:43:16 +02:00
<!-- <div class="col"></div>
2019-01-29 08:47:50 +01:00
< button class = "col-auto" mat-icon-button type = "button" ( click ) = " next ( compositeField ) " >
2018-11-29 13:26:18 +01:00
< mat-icon > expand_more< / mat-icon >
2019-04-02 10:43:16 +02:00
< / button > -->
2018-10-16 13:11:15 +02:00
< / div >
< / div >
2019-01-31 11:29:35 +01:00
2018-10-16 13:11:15 +02:00
< / div >
< / div >
2019-01-28 14:47:31 +01:00
< div * ngIf = "form.get('sections')" class = "col-12" >
< div * ngFor = "let subSectionFormGroup of form.get('sections')['controls']; let j = index;" class = "row" >
2019-10-15 16:25:43 +02:00
< app-form-section class = "col-12" [ form ] = " subSectionFormGroup " [ path ] = " path + ' . ' + ( j + 1 ) " [ pathName ] = " pathName + ' . sections . ' + j " [ linkToScroll ] = " subsectionLinkToScroll "
2019-03-08 16:12:53 +01:00
[datasetProfileId]="datasetProfileId">< / app-form-section >
2018-10-16 13:11:15 +02:00
< / div >
< / div >
2021-03-09 09:04:50 +01:00
< / ng-container >
2018-10-16 13:11:15 +02:00
< / mat-expansion-panel >
< / mat-accordion >
2019-03-08 16:12:53 +01:00
< / div >
2021-03-09 09:04:50 +01:00
<!-- WORKING WITH TOCENTRIES -->
< ng-template # tocentryCase >
< ng-container [ ngSwitch ] = " tocentry . subEntriesType " >
< ng-container * ngSwitchCase = "tocentriesType.FieldSet" >
<!-- FIELDSET CASE -->
2021-04-06 08:57:17 +02:00
< div * ngFor = "let fieldsetEntry of tocentry.subEntries; let i = index;" class = "col-12" [ id ] = " TOCENTRY_ID_PREFIX + fieldsetEntry . id " ( click ) = " onAskedToScroll ( fieldsetEntry . id ) " >
2021-03-09 09:04:50 +01:00
<!-- <div *ngIf="isElementVisible(compositeField)" class="row"> -->
<!-- *ngIf="this.visibilityRulesService.checkElementVisibility(compositeFieldFormGroup.get('id').value)" -->
2021-04-12 18:08:09 +02:00
< div class = "row" * ngIf = "(this.visibilityRulesService.checkElementVisibility(fieldsetEntry.form.get('id').value) && this.visibilityRulesService.scanIfChildsOfCompositeFieldHasVisibleItems(fieldsetEntry.form)) && !hiddenEntriesIds.includes(fieldsetEntry.id)" >
2021-03-09 09:04:50 +01:00
< div class = "col-12" >
< div class = "row" >
< app-form-composite-field [ tocentry ] = " fieldsetEntry " class = "align-self-center col" [ form ] = " fieldsetEntry . form " [ datasetProfileId ] = " datasetProfileId "
[isChild]="false" [showDelete]="(fieldsetEntry.form.get('multiplicityItems').length) > 0">< / app-form-composite-field >
< / div >
< / div >
< div * ngIf = "fieldsetEntry.form" 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-composite-field class = " align-self-center col" [ form ] = " multipleCompositeFieldFormGroup " [ datasetProfileId ] = " datasetProfileId "
[isChild]="true" [showDelete]="true">< / app-form-composite-field >
< / div >
< / div >
< div * ngIf = "(fieldsetEntry.form.get('multiplicity').value.max - 1) > (fieldsetEntry.form.get('multiplicityItems').length)"
class="col-12 addOneFieldButton">
2021-10-06 11:25:44 +02:00
< button mat-icon-button type = "button" color = "primary" ( click ) = " addMultipleField ( i ) " [ disabled ] = " fieldsetEntry . form . disabled " matTooltip = "{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.MULTIPLICITY-ADD-ONE-FIELD' | translate}}" >
2021-03-09 09:04:50 +01:00
< mat-icon > add_circle< / mat-icon >
< / button >
< / div >
< mat-form-field * ngIf = "fieldsetEntry.form.get('hasCommentField').value" class = "col-12 mb-2" [ formGroup ] = " fieldsetEntry . form " >
< input matInput formControlName = "commentFieldValue" placeholder = "{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.COMMENT-PLACEHOLDER' | translate}}" >
< mat-hint > {{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.COMMENT-HINT' | translate}}< / mat-hint >
< / mat-form-field >
<!-- <div class="col"></div>
< button class = "col-auto" mat-icon-button type = "button" ( click ) = " next ( compositeField ) " >
< mat-icon > expand_more< / mat-icon >
< / button > -->
< / div >
< / div >
< / div >
< / div >
< / ng-container >
< ng-container * ngSwitchCase = "tocentriesType.Section" >
<!-- SECTION CASE -->
< div * ngIf = "form.get('sections')" class = "col-12" > <!-- MAYBEE NOT NEEDED -->
2021-04-12 18:08:09 +02:00
< 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 "
[datasetProfileId]="datasetProfileId"
(askedToScroll)="onAskedToScroll($event)"
[hiddenEntriesIds]="hiddenEntriesIds"
>< / app-form-section >
< / div >
< / ng-container >
2021-03-09 09:04:50 +01:00
< / div >
< / ng-container >
< / ng-container >
< / ng-template >