From af502ea4be04674f6fc46c15e9d70110f98ef649 Mon Sep 17 00:00:00 2001
From: Sofia Papacharalampous <spapacharalampous@cite.gr>
Date: Mon, 13 May 2024 14:19:02 +0300
Subject: [PATCH] fix stepper labels of description-template-editor

---
 .../editor/description-template-editor.component.html     | 8 ++------
 .../editor/description-template-editor.component.ts       | 4 ++++
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/dmp-frontend/src/app/ui/admin/description-template/editor/description-template-editor.component.html b/dmp-frontend/src/app/ui/admin/description-template/editor/description-template-editor.component.html
index 97acd6517..6f2896f54 100644
--- a/dmp-frontend/src/app/ui/admin/description-template/editor/description-template-editor.component.html
+++ b/dmp-frontend/src/app/ui/admin/description-template/editor/description-template-editor.component.html
@@ -24,18 +24,14 @@
 			<!-- Steps Navigation -->
 			<div id="stepper-navigation-wrapper">
 				<div class="col-12 d-flex" *ngIf="steps" id="stepper-navigation">
-
 					<div class="col-7 bg-white" style="overflow: hidden; padding: 0px" id="progress-container">
 						<div id="progress" [ngStyle]="progressStyle"></div>
 						<div class="row h-100 progress-min-height">
 							<div class="col text-center align-self-center" *ngFor="let step of steps; index as idx">
 								<span (click)="stepper.selectedIndex=idx" class="stepper-title-label" [ngClass]="{'stepper-title-label-locked': !isStepUnlocked(idx),'stepper-title-label-completed':idx < stepper.selectedIndex} ">
-									<ng-container *ngIf="(step.completed &&(idx!=steps.length-1)) else numberLabel">
+									<ng-container *ngIf="(step.completed &&(idx!=steps.length-1))">
 										<mat-icon style="font-size:0.7em; height: 0px;">done</mat-icon>
 									</ng-container>
-									<ng-template #numberLabel>
-										{{idx+1}}
-									</ng-template>
 									{{step.label}}
 								</span>
 							</div>
@@ -266,7 +262,7 @@
 				</div>
 			</div>
 		</mat-step>
-		<mat-step [label]="'DESCRIPTION-TEMPLATE-EDITOR.ACTIONS.PREVIEW-AND-FINALIZE' | translate">
+		<mat-step [label]="previewLabel">
 			<ng-container *ngIf="formGroup">
 				<div class="col-9">
 					<div class="col">
diff --git a/dmp-frontend/src/app/ui/admin/description-template/editor/description-template-editor.component.ts b/dmp-frontend/src/app/ui/admin/description-template/editor/description-template-editor.component.ts
index eae125eef..cd009a865 100644
--- a/dmp-frontend/src/app/ui/admin/description-template/editor/description-template-editor.component.ts
+++ b/dmp-frontend/src/app/ui/admin/description-template/editor/description-template-editor.component.ts
@@ -94,6 +94,10 @@ export class DescriptionTemplateEditorComponent extends BaseEditor<DescriptionTe
 	get fromStepperLabel(): string {
 		return '2 ' + this.language.instant('DESCRIPTION-TEMPLATE-EDITOR.STEPS.FORM.TITLE');
 	}
+	
+	get previewLabel(): string {
+		return '3 ' + this.language.instant('DESCRIPTION-TEMPLATE-EDITOR.ACTIONS.PREVIEW-AND-FINALIZE');
+	}
 
 	protected get canDelete(): boolean {
 		return !this.isDeleted && !this.isNew && this.hasPermission(this.authService.permissionEnum.DeleteDescriptionTemplate);