added descriptin breadcrumbs

dmp-frontend/src/app/ui/description/editor/description-editor.component.html

@@ -86,10 +86,13 @@
 						</div>
 						<div class="col-auto dmp-label ml-1">{{'DESCRIPTION-EDITOR.DMP' | translate}}</div>
 					</div>
-					<div class="row stepper-title"> <div class="col-auto"><span>{{'DESCRIPTION-EDITOR.TOC.TITLE' | translate}}</span></div></div>
+					<div class="row stepper-title">
+						<div class="col-12 pl-0 mb-1"><span>{{'DESCRIPTION-EDITOR.TOC.TITLE' | translate}}</span></div>
+						<div class="col-12 pl-0"><app-navigation-breadcrumb /></div>
+					</div>
 					<div class="row stepper-options" id="stepper-options">
 						<div class="col-12">
-							<div class="container stepper-list">
+							<div class="container stepper-list ml-1">
 								<div class="row" *ngIf="!descriptionInfoValid()">
 									<div (click)="table0fContents.onToCentrySelected()" class="col-12 main-info" [ngClass]="{'active': this.step === 0, 'text-danger': countErrorsOfBaseInfoPage > 0}">{{'DESCRIPTION-EDITOR.TOC.MAIN-INFO' | translate}} <span *ngIf="countErrorsOfBaseInfoPage > 0">({{ countErrorsOfBaseInfoPage }})</span></div>
 								</div>

dmp-frontend/src/app/ui/description/editor/description-editor.routing.ts

@@ -19,8 +19,9 @@ const routes: Routes = [
 			'entity': DescriptionEditorResolver
 		},
 		data: {
+			breadcrumbs: true,
 			...BreadcrumbService.generateRouteDataConfiguration({
-				title: 'BREADCRUMBS.EDIT-DESCRIPTION'
+				hideNavigationItem: true
 			}),
 			getFromTitleService: true,
 			usePrefix: false
@@ -40,8 +41,9 @@ const routes: Routes = [
 			'entity': DescriptionEditorResolver
 		},
 		data: {
+			breadcrumbs: true,
 			...BreadcrumbService.generateRouteDataConfiguration({
-				title: 'BREADCRUMBS.EDIT-DESCRIPTION'
+				hideNavigationItem: true
 			}),
 			title: 'DESCRIPTION-EDITOR.TITLE-EDIT-DESCRIPTION'
 			// ,
@@ -59,8 +61,9 @@ const routes: Routes = [
 			'entity': DescriptionEditorResolver
 		},
 		data: {
+			breadcrumbs: true,
 			...BreadcrumbService.generateRouteDataConfiguration({
-				title: 'BREADCRUMBS.EDIT-DESCRIPTION'
+				hideNavigationItem: true
 			}),
 			title: 'DESCRIPTION-EDITOR.TITLE-NEW'
 			// ,
@@ -78,8 +81,9 @@ const routes: Routes = [
 			'entity': DescriptionEditorResolver
 		},
 		data: {
+			breadcrumbs: true,
 			...BreadcrumbService.generateRouteDataConfiguration({
-				title: 'BREADCRUMBS.EDIT-DESCRIPTION'
+				hideNavigationItem: true
 			}),
 			title: 'DESCRIPTION-EDITOR.TITLE-NEW'
 			// ,

dmp-frontend/src/app/ui/description/listing/description-listing.component.html

@@ -15,7 +15,16 @@
 					</div>
 				</div>
 			</div>
-			<p *ngIf="listingItems && listingItems.length > 0 || this.lookup.like" class="col-auto header-title">{{(isPublic ? 'DESCRIPTION-LISTING.TITLE-EXPLORE' : 'DESCRIPTION-LISTING.TITLE') | translate}}</p>
+			<div class="col-auto header-title">
+				<div class="row">
+					<div class="col-12">
+						<p *ngIf="listingItems && listingItems.length > 0 || this.lookup.like">{{(isPublic ? 'DESCRIPTION-LISTING.TITLE-EXPLORE' : 'DESCRIPTION-LISTING.TITLE') | translate}}</p>
+					</div>
+					<div class="col-12">
+						<app-navigation-breadcrumb />
+					</div>
+				</div>
+			</div>
 			<div *ngIf="listingItems && listingItems.length > 0 && !isPublic || this.lookup.like" class="ml-auto">
 				<div class="col-auto">
 					<button mat-raised-button class="add-description align-self-center yellow-btn" (click)="addNewDescription()">

dmp-frontend/src/app/ui/description/overview/description-overview.component.html

@@ -1,10 +1,17 @@
 <div class="main-content pl-5 pr-5">
 	<div class="container-fluid pl-0 pr-0">
 		<div *ngIf="description">
-			<a class="row mb-2 pl-1" (click)="goBack()" role="button">
+			<div class="row">
+				<div class="col-12 pl-2 mb-3">
+					<app-navigation-breadcrumb />
+				</div>
+				<div class="col-12 mb-4 pl-1">
+					<a (click)="goBack()" role="button">
 						<mat-icon class="back-icon pointer">chevron_left</mat-icon>
-				<p class="label-txt pointer">{{'DESCRIPTION-OVERVIEW.ACTIONS.BACK' | translate}}</p>
+						<span class="label-txt pointer">{{'DESCRIPTION-OVERVIEW.ACTIONS.BACK' | translate}}</span>
 					</a>
+				</div>
+			</div>
 			<div class="row">
 				<div class="col-12 col-lg-8 pl-2">
 					<div class="row">

dmp-frontend/src/app/ui/description/overview/description-overview.routing.ts

@@ -1,6 +1,7 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { DescriptionOverviewComponent } from './description-overview.component';
+import { BreadcrumbService } from '@app/ui/misc/breadcrumb/breadcrumb.service';
 
 const routes: Routes = [
 	{
@@ -8,6 +9,9 @@ const routes: Routes = [
 		component: DescriptionOverviewComponent,
 		data: {
 			breadcrumb: true,
+			...BreadcrumbService.generateRouteDataConfiguration({
+				hideNavigationItem: true
+			}),
 			title: 'GENERAL.TITLES.DATASET-OVERVIEW'
 		},
 	},
@@ -16,6 +20,9 @@ const routes: Routes = [
 		component: DescriptionOverviewComponent,
 		data: {
 			breadcrumb: true,
+			...BreadcrumbService.generateRouteDataConfiguration({
+				hideNavigationItem: true
+			}),
 			title: 'GENERAL.TITLES.DATASET-OVERVIEW'
 		},
 	}

dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.html

@@ -5,8 +5,6 @@
 				<div class="col-12 pl-2 mb-3">
 					<app-navigation-breadcrumb />
 				</div>
-			</div>
-			<div class="row">
 				<div class="col-12 mb-4 pl-1">
 					<a (click)="goBack()" role="button">
 						<mat-icon class="back-icon pointer">chevron_left</mat-icon>