2021-02-17 17:39:07 +01:00
|
|
|
<!-- <span style="cursor: pointer;" [ngClass]="{'active': itemSelected?.id == parentLink?.id}" (click)="itemClicked(parentLink)" *ngIf="!(parentLink.type == undefined)" >
|
|
|
|
{{parentLink?.numbering}} {{parentLink?.label? parentLink?.label : 'DATASET-PROFILE-EDITOR.STEPS.GENERAL-INFO.UNTITLED' | translate}}
|
|
|
|
<span class="mat-button" (click)="deleteEntry(parentLink)" *ngIf="itemSelected?.id == parentLink?.id"><mat-icon>delete</mat-icon></span>
|
|
|
|
</span> -->
|
2021-02-12 12:23:39 +01:00
|
|
|
|
2021-02-17 17:39:07 +01:00
|
|
|
<div class="table-item row" *ngIf="!(parentLink.type == undefined)">
|
2021-02-19 15:35:14 +01:00
|
|
|
<div class="col link-info"
|
|
|
|
[ngStyle]="{'padding-top': (!((parentLink?.subEntriesType == tocEntryType.FieldSet) && !selectedItemInLinks) || itemSelected?.id == parentLink.id)? '0em': '.6em'}"
|
|
|
|
>
|
|
|
|
<!-- <span style="cursor: pointer;" [ngClass]="{'active': itemSelected?.id == parentLink?.id}" (click)="itemClicked(parentLink)" >
|
2021-02-17 17:39:07 +01:00
|
|
|
{{parentLink?.numbering}} {{parentLink?.label? parentLink?.label : 'DATASET-PROFILE-EDITOR.STEPS.GENERAL-INFO.UNTITLED' | translate}}
|
2021-02-19 15:35:14 +01:00
|
|
|
</span> -->
|
|
|
|
|
|
|
|
<span style="cursor: pointer;" [ngClass]="{'active': itemSelected?.id == parentLink?.id}" (click)="itemClicked(parentLink)"
|
|
|
|
[matBadge]="parentLink.subEntries?.length"
|
|
|
|
matBadgeOverlap="false"
|
|
|
|
[matBadgeHidden]="!((parentLink?.subEntriesType == tocEntryType.FieldSet) && !selectedItemInLinks) || itemSelected?.id == parentLink.id"
|
|
|
|
matBadgePosition="before"
|
|
|
|
matBadgeColor="accent"
|
|
|
|
matBadgeSize="small"
|
|
|
|
|
|
|
|
[ngStyle]="{'font-size' : (parentLink.type == tocEntryType.FieldSet? '.9rem':'1rem')}"
|
|
|
|
>
|
|
|
|
<!-- {{parentLink?.numbering}} {{parentLink?.label? parentLink?.label : 'DATASET-PROFILE-EDITOR.STEPS.GENERAL-INFO.UNTITLED' | translate}} -->
|
|
|
|
{{parentLink?.numbering}} {{parentLink?.form.get('title').value? parentLink?.form.get('title').value : 'DATASET-PROFILE-EDITOR.STEPS.GENERAL-INFO.UNTITLED' | translate}}
|
2021-02-17 17:39:07 +01:00
|
|
|
</span>
|
2021-02-19 15:35:14 +01:00
|
|
|
|
|
|
|
|
2021-02-12 12:23:39 +01:00
|
|
|
</div>
|
2021-02-17 17:39:07 +01:00
|
|
|
<div class="col-auto" *ngIf="!viewOnly && (itemSelected?.id == parentLink?.id)">
|
2021-02-19 15:35:14 +01:00
|
|
|
<span style="cursor: pointer;" (click)="deleteEntry(parentLink)"><mat-icon>delete</mat-icon></span>
|
2021-02-12 12:23:39 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2021-02-17 17:39:07 +01:00
|
|
|
<!-- When item is not selected then show only the pages (first level) -->
|
|
|
|
<!-- <ng-container *ngIf="tocEntryIsChildOf(itemSelected,parentLink) || (!itemSelected && parentLink?.subEntriesType == tocEntryType.Page)"> -->
|
2021-02-19 15:35:14 +01:00
|
|
|
<div cdkDropList class="ml-2" [ngClass]="{'border-left-active':itemSelected?.id == parentLink?.id, 'pl-1':itemSelected?.id == parentLink?.id}"
|
|
|
|
*ngIf="(parentLink?.subEntriesType!= tocEntryType.FieldSet) || selectedItemInLinks || parentLink?.id === itemSelected?.id"
|
|
|
|
(cdkDropListDropped)="drop($event)"
|
|
|
|
class="cdk-link-list"
|
|
|
|
>
|
|
|
|
<div *ngFor="let link of links; last as isLast"
|
|
|
|
[ngClass]="{'mb-3': link.type === tocEntryType.Page}"
|
|
|
|
cdkDrag
|
|
|
|
[cdkDragStartDelay]="50"
|
|
|
|
>
|
|
|
|
<div class="docs-link mt-0">
|
2021-02-18 16:13:56 +01:00
|
|
|
<!-- <div class="link-name"> -->
|
|
|
|
|
|
|
|
<!-- <div class="table-item row">
|
|
|
|
<div class="col link-info">
|
|
|
|
<span style="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>
|
|
|
|
<div class="table-item-actions col-auto" *ngIf="!viewOnly">
|
|
|
|
<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> -->
|
|
|
|
<!-- <button cdkDragHandle>drab</button> -->
|
2021-02-19 15:35:14 +01:00
|
|
|
<div class="ml-3">
|
2021-02-18 16:13:56 +01:00
|
|
|
<app-dataset-profile-table-of-contents-internal-section
|
|
|
|
[links]="link.subEntries"
|
|
|
|
(itemClick)="itemClicked($event)"
|
|
|
|
(removeEntry)="deleteEntry($event)"
|
|
|
|
[parentLink]="link"
|
|
|
|
[itemSelected] = "itemSelected"
|
|
|
|
(createFooEntry)="createNewEntry($event)"
|
2021-02-19 15:35:14 +01:00
|
|
|
[viewOnly]="viewOnly"
|
|
|
|
(dataNeedsRefresh)="onDataNeedsRefresh()">
|
2021-02-18 16:13:56 +01:00
|
|
|
</app-dataset-profile-table-of-contents-internal-section>
|
2021-02-19 15:35:14 +01:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <div *ngIf="links && !viewOnly && !(parentLink?.subEntriesType == tocEntryType.Page) " > -->
|
|
|
|
<ng-container *ngIf="selectedItemInLinks && (link.type != tocEntryType.Page) && isLast && (!viewOnly)">
|
|
|
|
<button class="mat-button add-new-entry" style="padding-left: 0px;" (click)="createNewEntry({childType:link.type,parent:parentLink})">
|
|
|
|
<mat-icon>add</mat-icon>
|
|
|
|
<ng-container [ngSwitch]="link.type">
|
|
|
|
<ng-container *ngSwitchCase="tocEntryType.Section">
|
|
|
|
Subsection
|
|
|
|
</ng-container>
|
|
|
|
<!-- <ng-container *ngSwitchCase="tocEntryType.Page">
|
|
|
|
Section
|
|
|
|
</ng-container> -->
|
|
|
|
<ng-container *ngSwitchCase="tocEntryType.FieldSet">
|
|
|
|
Fieldset
|
|
|
|
</ng-container>
|
|
|
|
|
|
|
|
</ng-container>
|
|
|
|
</button>
|
|
|
|
</ng-container>
|
|
|
|
<!-- </div> -->
|
2021-02-17 17:39:07 +01:00
|
|
|
</div>
|
2021-02-19 15:35:14 +01:00
|
|
|
</div>
|
2021-02-12 12:23:39 +01:00
|
|
|
|
2021-02-19 15:35:14 +01:00
|
|
|
</div> <!-- END OF LOOP-->
|
2021-02-18 16:13:56 +01:00
|
|
|
|
|
|
|
</div>
|
2021-02-17 17:39:07 +01:00
|
|
|
<!-- BUILD SUBENTRIES IF THEY DONT EXIST -- CURRENT ITEM DOES HAVE CHILDREN -->
|
|
|
|
<div *ngIf="(!links && parentLink.type!= tocEntryType.FieldSet) && !viewOnly &&parentLink?.id == itemSelected?.id" class="docs-link mt-0">
|
2021-02-19 15:35:14 +01:00
|
|
|
<div class="ml-3">
|
2021-02-17 17:39:07 +01:00
|
|
|
|
|
|
|
<!-- 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>Sebsection
|
|
|
|
</button>
|
|
|
|
|
|
|
|
|
2021-02-19 15:35:14 +01:00
|
|
|
<!-- 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})">
|
2021-02-17 17:39:07 +01:00
|
|
|
<mat-icon>add</mat-icon> Fieldset
|
2021-02-19 15:35:14 +01:00
|
|
|
</button>
|
2021-02-17 17:39:07 +01:00
|
|
|
|
|
|
|
|
|
|
|
</div>
|
2021-02-12 12:23:39 +01:00
|
|
|
</div>
|
|
|
|
|
2021-02-17 17:39:07 +01:00
|
|
|
<!-- BUILD TYPE OF SAME LEVEL AS LINK OF LINKS -->
|
2021-02-19 15:35:14 +01:00
|
|
|
<!-- <div *ngIf="links && !viewOnly && !(parentLink?.subEntriesType == tocEntryType.Page) " >
|
|
|
|
<ng-container >
|
2021-02-17 17:39:07 +01:00
|
|
|
<button class="mat-button" style="padding-left: 0px;" (click)="createNewEntry({childType:parentLink.subEntriesType,parent:parentLink})">
|
|
|
|
<mat-icon>add</mat-icon>
|
|
|
|
<ng-container [ngSwitch]="parentLink?.subEntriesType">
|
|
|
|
<ng-container *ngSwitchCase="tocEntryType.Section">
|
|
|
|
Subsection
|
|
|
|
</ng-container>
|
|
|
|
<ng-container *ngSwitchCase="tocEntryType.Page">
|
|
|
|
Section
|
|
|
|
</ng-container>
|
2021-02-19 15:35:14 +01:00
|
|
|
<ng-container *ngSwitchCase="tocEntryType.FieldSet">
|
2021-02-17 17:39:07 +01:00
|
|
|
Fieldset
|
2021-02-19 15:35:14 +01:00
|
|
|
</ng-container>
|
2021-02-17 17:39:07 +01:00
|
|
|
|
|
|
|
</ng-container>
|
|
|
|
</button>
|
2021-02-12 12:23:39 +01:00
|
|
|
</ng-container>
|
2021-02-19 15:35:14 +01:00
|
|
|
</div> -->
|
2021-02-17 17:39:07 +01:00
|
|
|
<!-- </ng-container> -->
|
|
|
|
|
|
|
|
<!-- Only for the page -->
|
|
|
|
<div *ngIf="parentLink?.subEntriesType == tocEntryType.Page && !viewOnly">
|
2021-02-19 15:35:14 +01:00
|
|
|
<button class="mat-button ml-3 mt-2" (click)="createNewEntry({childType:parentLink.subEntriesType,parent:parentLink})" style="padding-left:0px">
|
2021-02-17 17:39:07 +01:00
|
|
|
<mat-icon>add</mat-icon> Section
|
2021-02-12 12:23:39 +01:00
|
|
|
</button>
|
2021-02-04 11:22:52 +01:00
|
|
|
</div>
|