argos/dmp-frontend/src/app/ui/description/editor/description-form/description-form.component....

28 lines
1.4 KiB
HTML

<div *ngIf="datasetDescription" class="col-12 intro" [innerHTML]="datasetDescription"></div>
<form *ngIf="descriptionTemplate && propertiesFormGroup" novalidate class="col-12 card">
<div class="row">
<div class="dynamic-form-editor p-0 col-md-12">
<div id="form-container">
<mat-accordion [multi]="true">
<ng-container *ngFor="let page of descriptionTemplate?.definition?.pages; let z = index;">
<mat-expansion-panel [expanded]="true" #expansionPanel>
<mat-expansion-panel-header>
<mat-panel-title>
<h4 class="panel-title toc-page-header">
{{z+1}}. {{page.title |uppercase}}
</h4>
</mat-panel-title>
</mat-expansion-panel-header>
<ng-container *ngFor="let section of page.sections; let i = index;">
<div class="row" *ngIf="visibilityRulesService.isVisibleMap[section.id]">
<app-description-form-section class="col-12" [section]="section" [path]="(z+1)+'.'+(i+1)" [pathName]="'pages.'+z+'.sections.'+i" [propertiesFormGroup]="propertiesFormGroup" [descriptionId]="descriptionId" [visibilityRulesService]="visibilityRulesService" (askedToScroll)="onAskedToScroll(expansionPanel, $event)" [linkToScroll]="linkToScroll" [validationErrorModel]="validationErrorModel"></app-description-form-section>
</div>
</ng-container>
</mat-expansion-panel>
</ng-container>
</mat-accordion>
</div>
</div>
</div>
</form>