update: breadcrumbs for url based localization

Author: sumeyyeKurtulus

npm/ng-packs/packages/theme-shared/src/lib/components/breadcrumb-items/breadcrumb-items.component.html

@@ -14,7 +14,7 @@
 }
 
 <ng-template #linkTemplate let-item>
-  <a [routerLink]="item.path"> {{ item.name | abpLocalization }}</a>
+  <a [routerLink]="item.path | abpRouteCultureUrl"> {{ item.name | abpLocalization }}</a>
 </ng-template>
 
 <ng-template #textTemplate let-item>

npm/ng-packs/packages/theme-shared/src/lib/components/breadcrumb-items/breadcrumb-items.component.ts

@@ -1,12 +1,12 @@
 import { Component, input } from '@angular/core';
 import { NgTemplateOutlet } from '@angular/common';
 import { RouterLink } from '@angular/router';
-import { ABP, LocalizationPipe } from '@abp/ng.core';
+import { ABP, AbpRouteCultureUrlPipe, LocalizationPipe } from '@abp/ng.core';
 
 @Component({
   selector: 'abp-breadcrumb-items',
   templateUrl: './breadcrumb-items.component.html',
-  imports: [NgTemplateOutlet, RouterLink, LocalizationPipe],
+  imports: [NgTemplateOutlet, RouterLink, LocalizationPipe, AbpRouteCultureUrlPipe],
 })
 export class BreadcrumbItemsComponent {
   readonly items = input<Partial<ABP.Route>[]>([]);

npm/ng-packs/packages/theme-shared/src/lib/components/breadcrumb/breadcrumb.component.ts

@@ -1,6 +1,6 @@
 import {
   ABP,
-  getRoutePath,
+  RouteBasedCultureUrlService,
   RouterEvents,
   RoutesService,
   SubscriptionService,
@@ -25,14 +25,17 @@ export class BreadcrumbComponent implements OnInit {
   private routes = inject(RoutesService);
   private subscription = inject(SubscriptionService);
   private routerEvents = inject(RouterEvents);
+  private routeCultureUrl = inject(RouteBasedCultureUrlService);
 
   segments: Partial<ABP.Route>[] = [];
 
   ngOnInit(): void {
     this.subscription.addOne(
       this.routerEvents.getNavigationEvents('End').pipe(
         startWith(null),
-        map(() => this.routes.search({ path: getRoutePath(this.router) })),
+        map(() =>
+          this.routes.search({ path: this.routeCultureUrl.getRoutePathForMatching(this.router) }),
+        ),
       ),
       route => {
         this.segments = [];