|
|
|
@ -7,14 +7,14 @@
|
|
|
|
|
[isLoading]="isLoadingBenchmarkComparator || isLoadingInvestmentChart"
|
|
|
|
|
[options]="dateRangeOptions"
|
|
|
|
|
(change)="onChangeDateRange($event.value)"
|
|
|
|
|
></gf-toggle>
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<gf-activities-filter
|
|
|
|
|
[allFilters]="allFilters"
|
|
|
|
|
[isLoading]="isLoadingBenchmarkComparator || isLoadingInvestmentChart"
|
|
|
|
|
[placeholder]="placeholder"
|
|
|
|
|
(valueChanged)="filters$.next($event)"
|
|
|
|
|
></gf-activities-filter>
|
|
|
|
|
/>
|
|
|
|
|
}
|
|
|
|
|
<div class="mb-5 row">
|
|
|
|
|
<div class="col-lg">
|
|
|
|
@ -30,7 +30,7 @@
|
|
|
|
|
[performanceDataItems]="performanceDataItemsInPercentage"
|
|
|
|
|
[user]="user"
|
|
|
|
|
(benchmarkChanged)="onChangeBenchmark($event)"
|
|
|
|
|
></gf-benchmark-comparator>
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
@ -51,7 +51,7 @@
|
|
|
|
|
[locale]="user?.settings?.locale"
|
|
|
|
|
[unit]="user?.settings?.baseCurrency"
|
|
|
|
|
[value]="isLoadingInvestmentChart ? undefined : performance?.currentNetPerformance"
|
|
|
|
|
></gf-value>
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="d-flex mb-3 ml-3 py-1">
|
|
|
|
@ -66,7 +66,7 @@
|
|
|
|
|
[isPercent]="true"
|
|
|
|
|
[locale]="user?.settings?.locale"
|
|
|
|
|
[value]="isLoadingInvestmentChart ? undefined : performance?.currentNetPerformancePercent"
|
|
|
|
|
></gf-value>
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="d-flex py-1">
|
|
|
|
@ -81,7 +81,7 @@
|
|
|
|
|
[locale]="user?.settings?.locale"
|
|
|
|
|
[unit]="user?.settings?.baseCurrency"
|
|
|
|
|
[value]="isLoadingInvestmentChart ? undefined : (performance?.currentNetPerformanceWithCurrencyEffect === null ? null : performance?.currentNetPerformanceWithCurrencyEffect - performance?.currentNetPerformance)"
|
|
|
|
|
></gf-value>
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="d-flex ml-3 py-1">
|
|
|
|
@ -96,7 +96,7 @@
|
|
|
|
|
[isPercent]="true"
|
|
|
|
|
[locale]="user?.settings?.locale"
|
|
|
|
|
[value]="isLoadingInvestmentChart ? undefined : performance?.currentNetPerformancePercentWithCurrencyEffect - performance?.currentNetPerformancePercent"
|
|
|
|
|
></gf-value>
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div><hr /></div>
|
|
|
|
@ -112,7 +112,7 @@
|
|
|
|
|
[locale]="user?.settings?.locale"
|
|
|
|
|
[unit]="user?.settings?.baseCurrency"
|
|
|
|
|
[value]="isLoadingInvestmentChart ? undefined : performance?.currentNetPerformanceWithCurrencyEffect"
|
|
|
|
|
></gf-value>
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="d-flex ml-3 py-1">
|
|
|
|
@ -127,7 +127,7 @@
|
|
|
|
|
[isPercent]="true"
|
|
|
|
|
[locale]="user?.settings?.locale"
|
|
|
|
|
[value]="isLoadingInvestmentChart ? undefined : performance?.currentNetPerformancePercentWithCurrencyEffect"
|
|
|
|
|
></gf-value>
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</mat-card-content>
|
|
|
|
@ -167,7 +167,7 @@
|
|
|
|
|
[isPercent]="true"
|
|
|
|
|
[locale]="user?.settings?.locale"
|
|
|
|
|
[value]="position.netPerformancePercentage"
|
|
|
|
|
></gf-value>
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
@ -215,7 +215,7 @@
|
|
|
|
|
[isPercent]="true"
|
|
|
|
|
[locale]="user?.settings?.locale"
|
|
|
|
|
[value]="position.netPerformancePercentage"
|
|
|
|
|
></gf-value>
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
@ -245,7 +245,7 @@
|
|
|
|
|
<gf-premium-indicator
|
|
|
|
|
*ngIf="user?.subscription?.type === 'Basic'"
|
|
|
|
|
class="ml-1"
|
|
|
|
|
></gf-premium-indicator>
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="chart-container">
|
|
|
|
@ -260,7 +260,7 @@
|
|
|
|
|
[isLoading]="isLoadingInvestmentChart"
|
|
|
|
|
[locale]="user?.settings?.locale"
|
|
|
|
|
[range]="user?.settings?.dateRange"
|
|
|
|
|
></gf-investment-chart>
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -275,7 +275,7 @@
|
|
|
|
|
<gf-premium-indicator
|
|
|
|
|
*ngIf="user?.subscription?.type === 'Basic'"
|
|
|
|
|
class="ml-1"
|
|
|
|
|
></gf-premium-indicator>
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<gf-toggle
|
|
|
|
|
class="d-none d-lg-block"
|
|
|
|
@ -283,7 +283,7 @@
|
|
|
|
|
[isLoading]="false"
|
|
|
|
|
[options]="modeOptions"
|
|
|
|
|
(change)="onChangeGroupBy($event.value)"
|
|
|
|
|
></gf-toggle>
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div *ngIf="streaks" class="row">
|
|
|
|
|
<div class="col-md-6 col-xs-12 my-2">
|
|
|
|
@ -317,7 +317,7 @@
|
|
|
|
|
[locale]="user?.settings?.locale"
|
|
|
|
|
[range]="user?.settings?.dateRange"
|
|
|
|
|
[savingsRate]="savingsRate"
|
|
|
|
|
></gf-investment-chart>
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -332,7 +332,7 @@
|
|
|
|
|
<gf-premium-indicator
|
|
|
|
|
*ngIf="user?.subscription?.type === 'Basic'"
|
|
|
|
|
class="ml-1"
|
|
|
|
|
></gf-premium-indicator>
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<gf-toggle
|
|
|
|
|
class="d-none d-lg-block"
|
|
|
|
@ -340,7 +340,7 @@
|
|
|
|
|
[isLoading]="false"
|
|
|
|
|
[options]="modeOptions"
|
|
|
|
|
(change)="onChangeGroupBy($event.value)"
|
|
|
|
|
></gf-toggle>
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="chart-container">
|
|
|
|
|
<gf-investment-chart
|
|
|
|
@ -353,7 +353,7 @@
|
|
|
|
|
[isInPercent]="hasImpersonationId || user.settings.isRestrictedView"
|
|
|
|
|
[locale]="user?.settings?.locale"
|
|
|
|
|
[range]="user?.settings?.dateRange"
|
|
|
|
|
></gf-investment-chart>
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|