Add holdings

apps/client/src/app/components/home-overview/home-overview.component.ts

@@ -33,7 +33,7 @@ import {
 } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { MatButtonModule } from '@angular/material/button';
-import { RouterModule } from '@angular/router';
+import { Router, RouterModule } from '@angular/router';
 import { DeviceDetectorService } from 'ngx-device-detector';
 
 @Component({
@@ -106,6 +106,7 @@ export class GfHomeOverviewComponent implements OnInit {
     ImpersonationStorageService
   );
   private readonly layoutService = inject(LayoutService);
+  private readonly router = inject(Router);
   private readonly userService = inject(UserService);
 
   public constructor() {
@@ -134,6 +135,14 @@ export class GfHomeOverviewComponent implements OnInit {
       });
   }
 
+  protected onHoldingClicked({ dataSource, symbol }: AssetProfileIdentifier) {
+    if (dataSource && symbol) {
+      this.router.navigate([], {
+        queryParams: { dataSource, symbol, holdingDetailDialog: true }
+      });
+    }
+  }
+
   private update() {
     this.historicalDataItems.set(null);
     this.isLoadingPerformance.set(true);

apps/client/src/app/components/home-overview/home-overview.html

@@ -99,9 +99,9 @@
         <div class="col-lg-3 d-none d-lg-block holdings-table-container p-0">
           <gf-holdings-table
             mode="simple"
-            [hasPermissionToOpenDetails]="false"
             [holdings]="holdings()"
             [locale]="user()?.settings?.locale ?? DEFAULT_LOCALE"
+            (holdingClicked)="onHoldingClicked($event)"
           />
         </div>
       }