2021-03-17 10:08:59 +01:00
|
|
|
<div *ngFor="let entry of tocentries; index as idx">
|
|
|
|
<!-- check if is visible -->
|
2021-04-12 18:08:09 +02:00
|
|
|
<ng-container *ngIf="!hiddenEntries.includes(entry.id)">
|
2021-03-17 10:08:59 +01:00
|
|
|
|
|
|
|
<!-- Is fieldset and has no visible inputs -->
|
|
|
|
<ng-container *ngIf="!(entry.type === tocEntryTypeEnum.FieldSet && !visibilityRulesService.scanIfChildsOfCompositeFieldHasVisibleItems(entry.form))">
|
|
|
|
|
|
|
|
<span class="table-entry"
|
|
|
|
(click)="toggleExpand(idx);navigateToFieldSet(entry, $event); onEntrySelected(entry)"
|
|
|
|
[ngStyle]="calculateStyle(entry)"
|
|
|
|
[ngClass]="calculateClass(entry)"
|
|
|
|
>
|
2021-03-19 11:04:01 +01:00
|
|
|
<span [class.text-danger]="showErrors && entry.form.invalid && entry.type === tocEntryTypeEnum.FieldSet">
|
2021-03-18 09:52:18 +01:00
|
|
|
{{entry.numbering}}. {{entry.label}}
|
|
|
|
</span>
|
2021-03-19 11:04:01 +01:00
|
|
|
<mat-icon style="transform: translateY(3px);" class="text-danger"
|
|
|
|
*ngIf="showErrors && entry.form.invalid && entry.type !== tocEntryTypeEnum.FieldSet && !expandChildren[idx]">
|
|
|
|
priority_high
|
|
|
|
</mat-icon>
|
2021-03-17 10:08:59 +01:00
|
|
|
<!-- <ng-container *ngIf="entry.subEntries && entry.subEntries.length && !expandChildren[idx]">
|
|
|
|
<small>
|
|
|
|
({{entry.subEntries.length}})
|
|
|
|
</small>
|
|
|
|
|
|
|
|
</ng-container> -->
|
|
|
|
</span>
|
|
|
|
<!-- <div class="table-entry-container">
|
|
|
|
</div> -->
|
|
|
|
<div class="internal-table">
|
|
|
|
<table-of-contents-internal
|
|
|
|
[tocentries]="entry.subEntries"
|
|
|
|
*ngIf="entry.subEntries && entry.subEntries.length && expandChildren[idx]"
|
|
|
|
(entrySelected)="onEntrySelected($event)"
|
2021-03-17 16:49:42 +01:00
|
|
|
[selected]="selected"
|
2021-03-19 11:04:01 +01:00
|
|
|
[TOCENTRY_ID_PREFIX]="TOCENTRY_ID_PREFIX"
|
2021-04-12 18:08:09 +02:00
|
|
|
[showErrors]="showErrors"
|
|
|
|
[hiddenEntries]="hiddenEntries">
|
2021-03-17 10:08:59 +01:00
|
|
|
|
|
|
|
</table-of-contents-internal>
|
|
|
|
</div>
|
|
|
|
</ng-container>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</ng-container>
|
|
|
|
|
|
|
|
</div>
|