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" >
< mat-expansion-panel class = "row expansion-panel" expanded = true >
2018-10-16 13:11:15 +02:00
< mat-expansion-panel-header >
< mat-panel-title >
2019-01-28 14:47:31 +01:00
< h6 > {{form.get('numbering').value}} {{form.get('title').value}}< / h6 >
2018-10-16 13:11:15 +02:00
< / mat-panel-title >
< mat-panel-description >
2019-01-28 14:47:31 +01:00
< h3 * ngIf = "form.get('description').value" > {{form.get('description').value}}< / h3 >
2018-10-16 13:11:15 +02:00
< / mat-panel-description >
< / mat-expansion-panel-header >
2018-01-11 17:14:23 +01:00
2019-01-28 14:47:31 +01:00
< div * ngFor = "let compositeFieldFormGroup of form.get('compositeFields')['controls']; let i = index;" class = "col-12" >
<!-- <div *ngIf="isElementVisible(compositeField)" class="row"> -->
< div class = "row" >
< div * ngIf = "(compositeFieldFormGroup.get('multiplicity').value.max - 1) > (compositeFieldFormGroup.get('multiplicityItems').length)" class = "col-12" >
2019-01-29 08:47:50 +01:00
< button mat-button color = "primary" ( click ) = " addMultipleField ( i ) " >
2018-10-16 13:11:15 +02:00
Add one more fieldset +
2019-01-29 08:47:50 +01:00
< / button >
2018-10-16 13:11:15 +02:00
< / div >
2019-01-29 08:47:50 +01:00
< app-form-composite-field class = "col-12" [ form ] = " compositeFieldFormGroup " [ datasetProfileId ] = " datasetProfileId " > < / app-form-composite-field >
2018-11-29 13:26:18 +01:00
< div * ngIf = "compositeField" class = "col-12" >
< div class = "row" >
2019-01-29 08:47:50 +01:00
< app-form-composite-field class = "col-12" * ngFor = "let multipleCompositeFieldFormGroup of compositeFieldFormGroup.get('multiplicityItems')['controls']; let j = index" [ form ] = " multipleCompositeFieldFormGroup " [ datasetProfileId ] = " datasetProfileId " > < / app-form-composite-field >
2019-01-28 14:47:31 +01:00
< mat-form-field * ngIf = "compositeFieldFormGroup.get('hasCommentField').value" class = "col-12" [ formGroup ] = " compositeFieldFormGroup " >
2018-10-16 13:11:15 +02:00
< input matInput formControlName = "commentFieldValue" placeholder = "comment" >
< / mat-form-field >
2018-11-29 13:26:18 +01: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-01-29 08:47:50 +01:00
< / button >
2018-10-16 13:11:15 +02:00
< / div >
< / div >
< / 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-01-29 08:47:50 +01:00
< app-form-section class = "col-12" [ form ] = " subSectionFormGroup " [ path ] = " path + ' . ' + ( j + 1 ) " [ pathName ] = " pathName + ' . sections . ' + j " [ datasetProfileId ] = " datasetProfileId " > < / app-form-section >
2018-10-16 13:11:15 +02:00
< / div >
< / div >
< / mat-expansion-panel >
< / mat-accordion >
2019-01-29 08:47:50 +01:00
< / div >