97 lines
4.3 KiB
HTML
97 lines
4.3 KiB
HTML
<div class="row" [id]="idprefix+form.get('id').value">
|
|
|
|
<!-- SECTION INFO -->
|
|
<mat-card style="margin-bottom: 2em;" class="col-12" >
|
|
<mat-card-content>
|
|
<app-dataset-profile-editor-section-component
|
|
[form]="form"
|
|
[viewOnly]="viewOnly"
|
|
>
|
|
</app-dataset-profile-editor-section-component>
|
|
</mat-card-content>
|
|
</mat-card>
|
|
|
|
<!-- FIELDSET INFO -->
|
|
<div class="col-12 drop-list" dragula="FIELDSETS" [(dragulaModel)]="form.get('fieldSets').controls">
|
|
|
|
<div style="margin-bottom: 2em;" class="row"
|
|
*ngFor="let fieldset of form.get('fieldSets')?.controls ; let i=index"[id]="idprefix+fieldset.get('id').value"
|
|
>
|
|
<!-- <h4 style="font-weight: bold" class="col-12">
|
|
{{'DATASET-PROFILE-EDITOR.STEPS.FORM.SECTION.FIELDS.FIELDS-TITLE' |
|
|
translate}}</h4> -->
|
|
<!-- <div class="col-12"> -->
|
|
|
|
<!-- <mat-card-title class="col">{{i + 1}}. {{getFieldTile(fieldControl, i)}}
|
|
</mat-card-title> -->
|
|
<!-- <button mat-icon-button type="button" class="deleteBtn col-auto"
|
|
(click)="deleteFieldSet(selectedTocEntry.form, i);" [disabled]="viewOnly">
|
|
<mat-icon>delete</mat-icon>
|
|
</button> -->
|
|
|
|
<mat-card class="col-12"
|
|
(click)="selectedFieldSetId = fieldset.get('id').value"
|
|
[ngClass]="{'field-container-active': fieldset.get('id').value === selectedFieldSetId}">
|
|
<mat-card-content>
|
|
|
|
<mat-card-header *ngIf="(fieldset.get('id').value === selectedFieldSetId) && !viewOnly">
|
|
<mat-icon class="handle" style="display:inline-block; margin: 0px auto; cursor: grab;transform: rotate(90deg);" cdkDragHandle>drag_indicator</mat-icon>
|
|
</mat-card-header>
|
|
<app-dataset-profile-editor-composite-field-component [form]="fieldset"
|
|
[viewOnly]="viewOnly"
|
|
[numbering]="numbering + '.'+ (i+1)"
|
|
[hasFocus]="fieldset.get('id').value === selectedFieldSetId">
|
|
</app-dataset-profile-editor-composite-field-component>
|
|
</mat-card-content>
|
|
</mat-card>
|
|
|
|
<!-- </div> -->
|
|
|
|
<!-- <div class="col-12"><button mat-button class="full-width" (click)="addField()"
|
|
[disabled]="viewOnly">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.SECTION.ACTIONS.ADD-FIELD'
|
|
| translate}}</button></div> -->
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- COPIA -->
|
|
<!-- <div class="row"> -->
|
|
|
|
<!-- SECTION INFO -->
|
|
<!-- <app-dataset-profile-editor-section-component class="col-12 content-displayer p-2" style="margin-bottom: 2em;"
|
|
[form]="selectedTocEntry.form"
|
|
[viewOnly]="viewOnly"
|
|
(fieldsetAdded)="displayItem(_findTocEntryById($event, getTocEntries())); onDataNeedsRefresh();">
|
|
</app-dataset-profile-editor-section-component> -->
|
|
|
|
<!-- FIELDSET INFO -->
|
|
<!-- <div class="col-12 content-displayer p-2" style="margin-bottom: 2em;"
|
|
*ngFor="let fieldset of selectedTocEntry.form.get('fieldSets')?.controls ; let i=index"> -->
|
|
<!-- <h4 style="font-weight: bold" class="col-12">
|
|
{{'DATASET-PROFILE-EDITOR.STEPS.FORM.SECTION.FIELDS.FIELDS-TITLE' |
|
|
translate}}</h4> -->
|
|
<!-- <div class="col-12"> -->
|
|
|
|
<!-- <mat-card-title class="col">{{i + 1}}. {{getFieldTile(fieldControl, i)}}
|
|
</mat-card-title> -->
|
|
<!-- <button mat-icon-button type="button" class="deleteBtn col-auto"
|
|
(click)="deleteFieldSet(selectedTocEntry.form, i);" [disabled]="viewOnly">
|
|
<mat-icon>delete</mat-icon>
|
|
</button> -->
|
|
|
|
<!-- <app-dataset-profile-editor-composite-field-component class="p-0" [form]="fieldset"
|
|
[indexPath]="'indexPath' + 'cf' + 'i'" [viewOnly]="viewOnly"
|
|
[numbering]="selectedTocEntry.numbering + '.'+ (i+1)">
|
|
</app-dataset-profile-editor-composite-field-component> -->
|
|
<!-- </div> -->
|
|
|
|
<!-- <div class="col-12"><button mat-button class="full-width" (click)="addField()"
|
|
[disabled]="viewOnly">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.SECTION.ACTIONS.ADD-FIELD'
|
|
| translate}}</button></div> -->
|
|
<!-- </div> -->
|
|
<!-- </div> --> |