From 5c24018d1265f53ec312ce79f03bbc7af14a53f5 Mon Sep 17 00:00:00 2001
From: Dan Percic <dan@devplant.ro>
Date: Fri, 31 Mar 2023 13:38:39 +0300
Subject: [PATCH] fix routerLinks for multi tenancy

---
 src/lib/listing/listing.module.ts                |  2 ++
 .../table-content/table-content.component.html   |  4 ++--
 src/lib/tenants/index.ts                         |  1 +
 src/lib/tenants/tenant.pipe.ts                   | 16 ++++++++++++++++
 src/lib/utils/tokens.ts                          |  2 ++
 5 files changed, 23 insertions(+), 2 deletions(-)
 create mode 100644 src/lib/tenants/tenant.pipe.ts

diff --git a/src/lib/listing/listing.module.ts b/src/lib/listing/listing.module.ts
index bd16572..575ac93 100644
--- a/src/lib/listing/listing.module.ts
+++ b/src/lib/listing/listing.module.ts
@@ -21,6 +21,7 @@ import { CircleButtonComponent, IconButtonComponent } from '../buttons';
 import { MatIconModule } from '@angular/material/icon';
 import { EmptyStateComponent } from '../empty-state';
 import { InputWithActionComponent, RoundCheckboxComponent } from '../inputs';
+import { TenantPipe } from '../tenants/tenant.pipe';
 
 const matModules = [MatTooltipModule, MatIconModule];
 const components = [
@@ -50,6 +51,7 @@ const modules = [DragDropModule, TranslateModule, IqserFiltersModule, ScrollingM
         RoundCheckboxComponent,
         InputWithActionComponent,
         SyncWidthDirective,
+        TenantPipe,
     ],
 })
 export class IqserListingModule {}
diff --git a/src/lib/listing/table-content/table-content.component.html b/src/lib/listing/table-content/table-content.component.html
index af9337d..d2c8ecc 100644
--- a/src/lib/listing/table-content/table-content.component.html
+++ b/src/lib/listing/table-content/table-content.component.html
@@ -17,7 +17,7 @@
                 [class.help-mode]="helpModeService?.isHelpModeActive$ | async"
                 [id]="'item-' + entity.id"
                 [ngClass]="getTableItemClasses(entity)"
-                [routerLink]="entity.routerLink"
+                [routerLink]="entity.routerLink | tenant"
             >
                 <iqser-table-item
                     (click)="multiSelect(entity, $event)"
@@ -31,7 +31,7 @@
                     [class.help-mode]="helpModeService?.isHelpModeActive$ | async"
                     [id]="'item-' + entity.id"
                     [ngClass]="getTableItemClasses(entity)"
-                    [routerLink]="entity.routerLink"
+                    [routerLink]="entity.routerLink | tenant"
                 >
                     <iqser-table-item
                         (click)="multiSelect(entity, $event)"
diff --git a/src/lib/tenants/index.ts b/src/lib/tenants/index.ts
index 9893fb6..07c61f4 100644
--- a/src/lib/tenants/index.ts
+++ b/src/lib/tenants/index.ts
@@ -1,3 +1,4 @@
 export * from './services';
+export * from './tenant.pipe';
 export * from './tenants.module';
 export * from './tenant-resolve/tenant-resolve.component';
diff --git a/src/lib/tenants/tenant.pipe.ts b/src/lib/tenants/tenant.pipe.ts
new file mode 100644
index 0000000..6a66daa
--- /dev/null
+++ b/src/lib/tenants/tenant.pipe.ts
@@ -0,0 +1,16 @@
+import { inject, Pipe, PipeTransform } from '@angular/core';
+import { TenantContextHolder } from './services';
+
+@Pipe({
+    name: 'tenant',
+    pure: true,
+    standalone: true,
+})
+export class TenantPipe implements PipeTransform {
+    readonly #tenant = inject(TenantContextHolder);
+
+    transform(value: string | string[]): string {
+        const _value = Array.isArray(value) ? value.join('/') : value;
+        return '/' + this.#tenant.currentTenant + _value;
+    }
+}
diff --git a/src/lib/utils/tokens.ts b/src/lib/utils/tokens.ts
index 0943d7f..a7cef86 100644
--- a/src/lib/utils/tokens.ts
+++ b/src/lib/utils/tokens.ts
@@ -12,6 +12,8 @@ export const BASE_HREF = new InjectionToken<string>('BASE_HREF', {
             return baseUrl.substring(0, baseUrl.length - 1);
         }
 
+        console.log('Base URL:', baseUrl);
+
         return baseUrl;
     },
 });