From 7cb6651401a8f101bfbeed22fe280bf82f74d443 Mon Sep 17 00:00:00 2001
From: Sofia Papacharalampous <spapacharalampous@cite.gr>
Date: Tue, 14 May 2024 14:32:35 +0300
Subject: [PATCH] fix description-template toc

---
 ...te-table-of-contents-internal-section.html | 84 +++++++++++++------
 ...late-table-of-contents-internal-section.ts |  6 ++
 2 files changed, 64 insertions(+), 26 deletions(-)

diff --git a/dmp-frontend/src/app/ui/admin/description-template/editor/table-of-contents/table-of-contents-internal-section/description-template-table-of-contents-internal-section.html b/dmp-frontend/src/app/ui/admin/description-template/editor/table-of-contents/table-of-contents-internal-section/description-template-table-of-contents-internal-section.html
index f73e78289..ee4d54980 100644
--- a/dmp-frontend/src/app/ui/admin/description-template/editor/table-of-contents/table-of-contents-internal-section/description-template-table-of-contents-internal-section.html
+++ b/dmp-frontend/src/app/ui/admin/description-template/editor/table-of-contents/table-of-contents-internal-section/description-template-table-of-contents-internal-section.html
@@ -85,33 +85,65 @@
 
 
 	<!-- 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">
-		<div class="ml-3">
-
-			<!-- Give option to generate fieldset (only if parent is section) -->
-			<button *ngIf="parentLink.type == tocEntryType.Section" mat-button style="padding-left: 0px;" (click)="createNewEntry({childType:tocEntryType.FieldSet,parent:parentLink})">
-				<img src="/assets/images/editor/icons/add_input_set.svg" alt="" style="margin-left: -0.2em;" class="add-input-icon">
-				{{'DESCRIPTION-TEMPLATE-EDITOR.STEPS.TOOLKIT.NEW-INPUT-SET' | translate}}
-			</button>
-
-			<!-- Give option to generate section -->
-			<button mat-button style="padding-left: 0px; display: block;" (click)="createNewEntry({childType:tocEntryType.Section,parent:parentLink})">
-				<!-- Subsection + -->
-
-				<div class="d-flex" style="align-items: center;">
-					<mat-icon color="accent" style="font-size: 1.6em;margin-left: -0.3em;">add</mat-icon>
-					<!-- Create new subsection -->
-					{{'DESCRIPTION-TEMPLATE-EDITOR.STEPS.PAGE-INFO.ACTIONS.CREATE-NEW-SUBSECTION' | translate}}
-				</div>
-
-			</button>
-
-
-
-
-
+	<ng-container *ngIf="parentLink?.type != tocEntryType.FieldSet && !viewOnly && parentLink?.id == itemSelected?.id" >
+		<div *ngIf="parentLink?.type == tocEntryType.Page; else notAPage" class="docs-link mt-0">
+			<div class="ml-3">
+				<button mat-button style="padding-left: 0px; display: block;" (click)="createNewEntry({childType:tocEntryType.Section,parent:parentLink})">
+					<div class="d-flex" style="align-items: center;">
+						<mat-icon color="accent" style="font-size: 1.6em;margin-left: -0.3em;">add</mat-icon>
+						<!-- Create new subsection -->
+						{{'DESCRIPTION-TEMPLATE-EDITOR.STEPS.PAGE-INFO.ACTIONS.CREATE-NEW-SUBSECTION' | translate}}
+					</div>
+				</button>
+			</div>
 		</div>
-	</div>
+		<ng-template #notAPage>
+			<div *ngIf="!links; else withSubItems" class="docs-link mt-0">
+				<div class="ml-3">
+					<!-- Give option to generate fieldset (only if parent is section) -->
+					<button *ngIf="parentLink.type == tocEntryType.Section" mat-button style="padding-left: 0px;" (click)="createNewEntry({childType:tocEntryType.FieldSet,parent:parentLink})">
+						<img src="/assets/images/editor/icons/add_input_set.svg" alt="" style="margin-left: -0.2em;" class="add-input-icon">
+						{{'DESCRIPTION-TEMPLATE-EDITOR.STEPS.TOOLKIT.NEW-INPUT-SET' | translate}}
+					</button>
+
+					<!-- Give option to generate section -->
+					<button mat-button style="padding-left: 0px; display: block;" (click)="createNewEntry({childType:tocEntryType.Section,parent:parentLink})">
+						<!-- Subsection + -->
+
+						<div class="d-flex" style="align-items: center;">
+							<mat-icon color="accent" style="font-size: 1.6em;margin-left: -0.3em;">add</mat-icon>
+							<!-- Create new subsection -->
+							{{'DESCRIPTION-TEMPLATE-EDITOR.STEPS.PAGE-INFO.ACTIONS.CREATE-NEW-SUBSECTION' | translate}}
+						</div>
+
+					</button>
+				</div>
+			</div>
+		</ng-template>
+		<ng-template #withSubItems>
+			<div class="docs-link mt-0">
+				<div class="ml-3">
+					<ng-container [ngSwitch]="linksType">
+						<ng-container *ngSwitchCase="tocEntryType.Section">
+							<button mat-button style="padding-left: 0px; display: block;" (click)="createNewEntry({childType:tocEntryType.Section,parent:parentLink})">
+								<div class="d-flex" style="align-items: center;">
+									<mat-icon color="accent" style="font-size: 1.6em;margin-left: -0.3em;">add</mat-icon>
+									<!-- Create new subsection -->
+									{{'DESCRIPTION-TEMPLATE-EDITOR.STEPS.PAGE-INFO.ACTIONS.CREATE-NEW-SUBSECTION' | translate}}
+								</div>
+							</button>
+						</ng-container>
+						<ng-container *ngSwitchCase="tocEntryType.FieldSet">
+							<button *ngIf="parentLink.type == tocEntryType.Section" mat-button style="padding-left: 0px;" (click)="createNewEntry({childType:tocEntryType.FieldSet,parent:parentLink})">
+								<img src="/assets/images/editor/icons/add_input_set.svg" alt="" style="margin-left: -0.2em;" class="add-input-icon">
+								{{'DESCRIPTION-TEMPLATE-EDITOR.STEPS.TOOLKIT.NEW-INPUT-SET' | translate}}
+							</button>
+						</ng-container>
+					</ng-container>
+				</div>
+			</div>
+		</ng-template>
+	</ng-container>
 
 	<!-- BUILD TYPE OF SAME LEVEL AS LINK OF  LINKS -->
 
diff --git a/dmp-frontend/src/app/ui/admin/description-template/editor/table-of-contents/table-of-contents-internal-section/description-template-table-of-contents-internal-section.ts b/dmp-frontend/src/app/ui/admin/description-template/editor/table-of-contents/table-of-contents-internal-section/description-template-table-of-contents-internal-section.ts
index 48bc0160d..3627438fe 100644
--- a/dmp-frontend/src/app/ui/admin/description-template/editor/table-of-contents/table-of-contents-internal-section/description-template-table-of-contents-internal-section.ts
+++ b/dmp-frontend/src/app/ui/admin/description-template/editor/table-of-contents/table-of-contents-internal-section/description-template-table-of-contents-internal-section.ts
@@ -73,6 +73,12 @@ export class DescriptionTemplateTableOfContentsInternalSection extends BaseCompo
 		this.dataNeedsRefresh.emit();
 	}
 
+	get linksType(): ToCEntryType {
+		if (!this.links || !this.itemSelected) return;
+
+		return this.links[0].type;
+	}
+
 	public _findTocEntryById(id: string, tocentries: ToCEntry[]): ToCEntry {
 		if (!tocentries) {
 			return null;