diff --git a/libs/ui/src/lib/holdings-table/holdings-table.component.html b/libs/ui/src/lib/holdings-table/holdings-table.component.html
index e96c7bef0..2ed948478 100644
--- a/libs/ui/src/lib/holdings-table/holdings-table.component.html
+++ b/libs/ui/src/lib/holdings-table/holdings-table.component.html
@@ -34,7 +34,7 @@
({{ element.assetProfile.assetSubClassLabel }})
}
- @if (!isSimplified()) {
+ @if (mode() === 'default') {
{{ element.assetProfile.symbol }}
@@ -186,7 +186,7 @@
();
- public readonly isSimplified = input(false);
public readonly locale = input(getLocale());
+ public readonly mode = input<'default' | 'simple'>('default');
public readonly pageSize = model(Number.MAX_SAFE_INTEGER);
public readonly holdingClicked = output();
@@ -63,7 +63,7 @@ export class GfHoldingsTableComponent {
protected readonly dataSource = new MatTableDataSource([]);
protected readonly displayedColumns = computed(() => {
- if (this.isSimplified()) {
+ if (this.mode() === 'simple') {
return ['icon', 'nameWithSymbol', 'performanceInPercentage'];
}
@@ -92,11 +92,13 @@ export class GfHoldingsTableComponent {
});
protected readonly sortActive = computed(() => {
- return this.isSimplified() ? 'assetProfile.name' : 'allocationInPercentage';
+ return this.mode() === 'default'
+ ? 'allocationInPercentage'
+ : 'assetProfile.name';
});
protected readonly sortDirection = computed(() => {
- return this.isSimplified() ? 'asc' : 'desc';
+ return this.mode() === 'default' ? 'desc' : 'asc';
});
public constructor() {