|
|
@ -34,6 +34,108 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
@if (user?.settings?.isExperimentalFeatures) { |
|
|
|
<div class="mb-5 row"> |
|
|
|
<div class="col"> |
|
|
|
<mat-card appearance="outlined" class="mb-3"> |
|
|
|
<mat-card-content> |
|
|
|
<div class="d-flex py-1"> |
|
|
|
<div class="flex-grow-1 mr-2 text-truncate" i18n> |
|
|
|
Absolute Asset Performance |
|
|
|
</div> |
|
|
|
<div class="d-flex justify-content-end"> |
|
|
|
<gf-value |
|
|
|
class="justify-content-end" |
|
|
|
position="end" |
|
|
|
[isCurrency]="true" |
|
|
|
[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"> |
|
|
|
<div class="flex-grow-1 mr-2 text-truncate" i18n> |
|
|
|
Asset Performance |
|
|
|
</div> |
|
|
|
<div class="d-flex justify-content-end"> |
|
|
|
<gf-value |
|
|
|
class="justify-content-end" |
|
|
|
position="end" |
|
|
|
[colorizeSign]="true" |
|
|
|
[isPercent]="true" |
|
|
|
[locale]="user?.settings?.locale" |
|
|
|
[value]="isLoadingInvestmentChart ? undefined : performance?.currentNetPerformancePercent" |
|
|
|
></gf-value> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="d-flex py-1"> |
|
|
|
<div class="flex-grow-1 mr-2 text-truncate" i18n> |
|
|
|
Absolute Currency Performance |
|
|
|
</div> |
|
|
|
<div class="d-flex justify-content-end"> |
|
|
|
<gf-value |
|
|
|
class="justify-content-end" |
|
|
|
position="end" |
|
|
|
[isCurrency]="true" |
|
|
|
[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"> |
|
|
|
<div class="flex-grow-1 mr-2 text-truncate" i18n> |
|
|
|
Currency Performance |
|
|
|
</div> |
|
|
|
<div class="d-flex justify-content-end"> |
|
|
|
<gf-value |
|
|
|
class="justify-content-end" |
|
|
|
position="end" |
|
|
|
[colorizeSign]="true" |
|
|
|
[isPercent]="true" |
|
|
|
[locale]="user?.settings?.locale" |
|
|
|
[value]="isLoadingInvestmentChart ? undefined : performance?.currentNetPerformancePercentWithCurrencyEffect - performance?.currentNetPerformancePercent" |
|
|
|
></gf-value> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div><hr /></div> |
|
|
|
<div class="d-flex py-1"> |
|
|
|
<div class="flex-grow-1 mr-2 text-truncate" i18n> |
|
|
|
Absolute Net Performance |
|
|
|
</div> |
|
|
|
<div class="d-flex justify-content-end"> |
|
|
|
<gf-value |
|
|
|
class="justify-content-end" |
|
|
|
position="end" |
|
|
|
[isCurrency]="true" |
|
|
|
[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"> |
|
|
|
<div class="flex-grow-1 mr-2 text-truncate" i18n> |
|
|
|
Net Performance |
|
|
|
</div> |
|
|
|
<div class="d-flex justify-content-end"> |
|
|
|
<gf-value |
|
|
|
class="justify-content-end" |
|
|
|
position="end" |
|
|
|
[colorizeSign]="true" |
|
|
|
[isPercent]="true" |
|
|
|
[locale]="user?.settings?.locale" |
|
|
|
[value]="isLoadingInvestmentChart ? undefined : performance?.currentNetPerformancePercentWithCurrencyEffect" |
|
|
|
></gf-value> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</mat-card-content> |
|
|
|
</mat-card> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
} |
|
|
|
|
|
|
|
<div class="mb-5 row"> |
|
|
|
<div class="col-md-6"> |
|
|
|
<mat-card appearance="outlined" class="mb-3"> |
|
|
|