81 lines
2.8 KiB
HTML
81 lines
2.8 KiB
HTML
|
|
<div *ngFor="let link of links; let i = index; last as isLast " class="docs-link mt-0" style="border-left: 1px solid black; padding-left: 1em;">
|
|
<div class="link-name">
|
|
|
|
<div class="table-item">
|
|
<span style="display: inline-block; cursor: pointer;" [ngClass]="{'active': itemSelected?.id == link.id}" (click)="itemClicked(link)" >
|
|
{{link.numbering}} {{link.label? link.label : 'DATASET-PROFILE-EDITOR.STEPS.GENERAL-INFO.UNTITLED' | translate}}
|
|
</span>
|
|
<div class="table-item-actions">
|
|
<button class="mat-button" (click)="deleteEntry(link)"><mat-icon>delete</mat-icon></button>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- For dev purposes -->
|
|
<!-- <ng-container [ngSwitch]="link.type">
|
|
<div *ngSwitchCase="tocEntryType.FieldSet">
|
|
<span style="background-color: yellow;"> Fieldset</span>
|
|
</div>
|
|
<div *ngSwitchCase="tocEntryType.Page">
|
|
<span style="background-color: lightblue;"> Page</span>
|
|
</div>
|
|
<div *ngSwitchCase="tocEntryType.Section">
|
|
<span style="background-color: lightgreen;"> Section</span>
|
|
</div>
|
|
</ng-container> -->
|
|
</div>
|
|
|
|
<div class="ml-2">
|
|
<app-dataset-profile-table-of-contents-internal-section
|
|
[links]="link.subEntries"
|
|
(itemClick)="itemClicked($event)"
|
|
(removeEntry)="deleteEntry($event)"
|
|
[parentLink]="link"
|
|
[itemSelected] = "itemSelected"
|
|
(createFooEntry)="createNewEntry($event)">
|
|
</app-dataset-profile-table-of-contents-internal-section>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- BUILD SUBENTRIES IF THEY DONT EXIST -- CURRENT ITEM DOES HAVE CHILDREN -->
|
|
<div *ngIf="!links && parentLink.type!= tocEntryType.FieldSet" class="docs-link mt-0" style="border: 1px solid ;">
|
|
NoEntries
|
|
<div class="ml-2">
|
|
|
|
<!-- Give option to generate section -->
|
|
<button class="mat-button" style="padding-left: 0px; display: block;" (click)="createNewEntry({childType:tocEntryType.Section,parent:parentLink})">
|
|
<mat-icon>add</mat-icon>Section
|
|
</button>
|
|
|
|
|
|
<!-- Give option to generate fieldset (only if parent is section)-->
|
|
<button *ngIf="parentLink.type == tocEntryType.Section" class="mat-button" style="padding-left: 0px;" (click)="createNewEntry({childType:tocEntryType.FieldSet,parent:parentLink})">
|
|
<mat-icon>add</mat-icon> Fieldset
|
|
</button>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- BUILD TYPE OF SAME LEVEL AS LINK OF LINKS -->
|
|
<div *ngIf="links">
|
|
<button class="mat-button" style="padding-left: 0px;" (click)="createNewEntry({childType:parentLink.subEntriesType,parent:parentLink})">
|
|
<mat-icon>add</mat-icon>
|
|
<!-- Create => {{parentLink?.subEntriesType}} -->
|
|
<ng-container [ngSwitch]="parentLink?.subEntriesType">
|
|
<ng-container *ngSwitchCase="tocEntryType.Section">
|
|
Section
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="tocEntryType.Page">
|
|
Page
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="tocEntryType.FieldSet">
|
|
Fieldset
|
|
</ng-container>
|
|
|
|
</ng-container>
|
|
</button>
|
|
</div> |