argos/dmp-frontend/src/app/ui/misc/dataset-description-form/components/form-section/form-section.component.html

<div class="dynamic-form-section row" [id]="this.form.get('id').value">
	<mat-accordion class="col-12">
		<mat-expansion-panel class="row expansion-panel" expanded=true>
			<mat-expansion-panel-header>
				<mat-panel-title>
					<h6>{{form.get('numbering').value}} {{form.get('title').value}}</h6>
				</mat-panel-title>
				<mat-panel-description>
					<h3 *ngIf="form.get('description').value">{{form.get('description').value}}</h3>
					<!-- <h4 *ngIf="section.extendedDescription">{{section.extendedDescription}}</h4> -->
				</mat-panel-description>
			</mat-expansion-panel-header>

			<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">
						<!-- <button mat-button color="primary" (click)="addMultipleField(i)">
							Add one more fieldset +
						</button> -->
					</div>
<<<<<<< HEAD
					<app-form-composite-field class="col-12" [form]="compositeFieldFormGroup"></app-form-composite-field>
					<div *ngIf="compositeField" class="col-12">
						<div class="row">
							<app-form-composite-field class="col-12" *ngFor="let multipleCompositeFieldFormGroup of compositeFieldFormGroup.get('multiplicityItems')['controls']; let j = index" [form]="multipleCompositeFieldFormGroup"></app-form-composite-field>
							<mat-form-field *ngIf="compositeFieldFormGroup.get('hasCommentField').value" class="col-12" [formGroup]="compositeFieldFormGroup">
=======
					<app-form-composite-field class="col-12" [compositeField]="compositeField" [datasetProfileId]="datasetProfileId"></app-form-composite-field>
					<div *ngIf="compositeField" class="col-12">
						<div class="row">
							<app-form-composite-field class="col-12" *ngFor="let multipleCompositeField of compositeField.multiplicityItems; let j = index; trackBy: trackByFn"
							 [compositeField]="multipleCompositeField" [datasetProfileId]="datasetProfileId"></app-form-composite-field>
							<mat-form-field *ngIf="compositeField.hasCommentField" class="col-12" [formGroup]="form.get('compositeFields').get(''+i)">
>>>>>>> df51afe83344e5ee398f54d9a0a0b48f41588e16
								<input matInput formControlName="commentFieldValue" placeholder="comment">
							</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>
<<<<<<< HEAD
			<div *ngIf="form.get('sections')" class="col-12">
				<div *ngFor="let subSectionFormGroup of form.get('sections')['controls']; let j = index;" class="row">
					<app-form-section class="col-12" [form]="subSectionFormGroup" [path]="path+'.'+(j+1)" [pathName]="pathName+'.sections.'+j"></app-form-section>
=======
			<div *ngIf="section?.sections" class="col-12">
				<div *ngFor="let itemsection of section.sections; let j = index;" class="row">
					<app-form-section class="col-12" [section]="itemsection" [path]="path+'.'+(j+1)" [pathName]="pathName+'.sections.'+j" [datasetProfileId]="datasetProfileId"></app-form-section>
>>>>>>> df51afe83344e5ee398f54d9a0a0b48f41588e16
				</div>
			</div>
		</mat-expansion-panel>
	</mat-accordion>
</div>