|
|
@ -66,9 +66,7 @@ |
|
|
<div [class.text-muted]="user?.subscription?.type === 'Basic'"> |
|
|
<div [class.text-muted]="user?.subscription?.type === 'Basic'"> |
|
|
<div class="mb-2"> |
|
|
<div class="mb-2"> |
|
|
<ng-container i18n |
|
|
<ng-container i18n |
|
|
>If you retire today, you would be able to withdraw</ng-container |
|
|
>If you retire today, you would be able to withdraw |
|
|
> |
|
|
|
|
|
<ng-container> </ng-container> |
|
|
|
|
|
<span class="font-weight-bold" |
|
|
<span class="font-weight-bold" |
|
|
><gf-value |
|
|
><gf-value |
|
|
class="d-inline-block" |
|
|
class="d-inline-block" |
|
|
@ -77,12 +75,9 @@ |
|
|
[unit]="user?.settings?.baseCurrency" |
|
|
[unit]="user?.settings?.baseCurrency" |
|
|
[value]="withdrawalRatePerYear?.toNumber()" |
|
|
[value]="withdrawalRatePerYear?.toNumber()" |
|
|
/> |
|
|
/> |
|
|
<ng-container> </ng-container> |
|
|
per year</span |
|
|
<ng-container i18n>per year</ng-container></span |
|
|
|
|
|
> |
|
|
> |
|
|
<ng-container> </ng-container> |
|
|
or |
|
|
<ng-container i18n>or</ng-container> |
|
|
|
|
|
<ng-container> </ng-container> |
|
|
|
|
|
<span class="font-weight-bold" |
|
|
<span class="font-weight-bold" |
|
|
><gf-value |
|
|
><gf-value |
|
|
class="d-inline-block" |
|
|
class="d-inline-block" |
|
|
@ -91,11 +86,8 @@ |
|
|
[unit]="user?.settings?.baseCurrency" |
|
|
[unit]="user?.settings?.baseCurrency" |
|
|
[value]="withdrawalRatePerMonth?.toNumber()" |
|
|
[value]="withdrawalRatePerMonth?.toNumber()" |
|
|
/> |
|
|
/> |
|
|
<ng-container> </ng-container> |
|
|
per month</span |
|
|
<ng-container i18n>per month</ng-container></span |
|
|
>, based on your total assets of |
|
|
> |
|
|
|
|
|
<ng-container i18n>, based on your total assets of</ng-container> |
|
|
|
|
|
<ng-container> </ng-container> |
|
|
|
|
|
<span class="font-weight-bold" |
|
|
<span class="font-weight-bold" |
|
|
><gf-value |
|
|
><gf-value |
|
|
class="d-inline-block" |
|
|
class="d-inline-block" |
|
|
@ -103,10 +95,9 @@ |
|
|
[locale]="user?.settings?.locale" |
|
|
[locale]="user?.settings?.locale" |
|
|
[unit]="user?.settings?.baseCurrency" |
|
|
[unit]="user?.settings?.baseCurrency" |
|
|
[value]="fireWealth?.today.valueInBaseCurrency" |
|
|
[value]="fireWealth?.today.valueInBaseCurrency" |
|
|
/> |
|
|
/></span> |
|
|
</span> |
|
|
and a safe withdrawal rate (SWR) of</ng-container |
|
|
<ng-container> </ng-container> |
|
|
> |
|
|
<ng-container i18n>and a safe withdrawal rate (SWR) of</ng-container> |
|
|
|
|
|
@if ( |
|
|
@if ( |
|
|
!hasImpersonationId && |
|
|
!hasImpersonationId && |
|
|
hasPermissionToUpdateUserSettings && |
|
|
hasPermissionToUpdateUserSettings && |
|
|
@ -137,16 +128,9 @@ |
|
|
|
|
|
|
|
|
@if (user?.settings?.isExperimentalFeatures) { |
|
|
@if (user?.settings?.isExperimentalFeatures) { |
|
|
<div> |
|
|
<div> |
|
|
<ng-container i18n>By</ng-container> |
|
|
<ng-container i18n |
|
|
<ng-container> </ng-container> |
|
|
>By <span class="font-weight-bold">{{ retirementDateLabel }}</span |
|
|
<span class="font-weight-bold">{{ |
|
|
>, this is projected to increase to |
|
|
user?.settings?.retirementDate ?? retirementDate |
|
|
|
|
|
| date: 'MMMM yyyy' |
|
|
|
|
|
}}</span> |
|
|
|
|
|
<ng-container i18n="@@page.fire.projected.1">,</ng-container> |
|
|
|
|
|
<ng-container> </ng-container> |
|
|
|
|
|
<ng-container i18n>this is projected to increase to</ng-container> |
|
|
|
|
|
<ng-container> </ng-container> |
|
|
|
|
|
<span class="font-weight-bold" |
|
|
<span class="font-weight-bold" |
|
|
><gf-value |
|
|
><gf-value |
|
|
class="d-inline-block" |
|
|
class="d-inline-block" |
|
|
@ -155,12 +139,9 @@ |
|
|
[unit]="user?.settings?.baseCurrency" |
|
|
[unit]="user?.settings?.baseCurrency" |
|
|
[value]="withdrawalRatePerYearProjected?.toNumber()" |
|
|
[value]="withdrawalRatePerYearProjected?.toNumber()" |
|
|
/> |
|
|
/> |
|
|
<ng-container> </ng-container> |
|
|
per year</span |
|
|
<ng-container i18n>per year</ng-container></span |
|
|
|
|
|
> |
|
|
> |
|
|
<ng-container> </ng-container> |
|
|
or |
|
|
<ng-container i18n>or</ng-container> |
|
|
|
|
|
<ng-container> </ng-container> |
|
|
|
|
|
<span class="font-weight-bold" |
|
|
<span class="font-weight-bold" |
|
|
><gf-value |
|
|
><gf-value |
|
|
class="d-inline-block" |
|
|
class="d-inline-block" |
|
|
@ -169,11 +150,8 @@ |
|
|
[unit]="user?.settings?.baseCurrency" |
|
|
[unit]="user?.settings?.baseCurrency" |
|
|
[value]="withdrawalRatePerMonthProjected?.toNumber()" |
|
|
[value]="withdrawalRatePerMonthProjected?.toNumber()" |
|
|
/> |
|
|
/> |
|
|
<ng-container> </ng-container> |
|
|
per month</span |
|
|
<ng-container i18n>per month</ng-container></span |
|
|
>, assuming a |
|
|
> |
|
|
|
|
|
<ng-container i18n>, assuming a</ng-container> |
|
|
|
|
|
<ng-container> </ng-container> |
|
|
|
|
|
<span class="font-weight-bold" |
|
|
<span class="font-weight-bold" |
|
|
><gf-value |
|
|
><gf-value |
|
|
class="d-inline-block" |
|
|
class="d-inline-block" |
|
|
@ -182,8 +160,8 @@ |
|
|
[precision]="2" |
|
|
[precision]="2" |
|
|
[value]="user?.settings?.annualInterestRate / 100" |
|
|
[value]="user?.settings?.annualInterestRate / 100" |
|
|
/></span> |
|
|
/></span> |
|
|
<ng-container> </ng-container> |
|
|
annual interest rate.</ng-container |
|
|
<ng-container i18n>annual interest rate</ng-container>. |
|
|
> |
|
|
</div> |
|
|
</div> |
|
|
} |
|
|
} |
|
|
</div> |
|
|
</div> |
|
|
|