|
|
@ -1,8 +1,22 @@
|
|
|
|
<div class="container">
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
<div class="row mb-5">
|
|
|
|
<div class="col-lg">
|
|
|
|
<div class="col-lg">
|
|
|
|
<h3 class="d-flex justify-content-center mb-3" i18n>FIRE</h3>
|
|
|
|
<h3 class="d-flex justify-content-center mb-3" i18n>FIRE</h3>
|
|
|
|
<div class="mb-5">
|
|
|
|
<div>
|
|
|
|
|
|
|
|
<h4 class="mb-3" i18n>Calculator</h4>
|
|
|
|
|
|
|
|
<gf-fire-calculator
|
|
|
|
|
|
|
|
[currency]="user?.settings?.baseCurrency"
|
|
|
|
|
|
|
|
[deviceType]="deviceType"
|
|
|
|
|
|
|
|
[fireWealth]="fireWealth?.toNumber()"
|
|
|
|
|
|
|
|
[hasPermissionToUpdateUserSettings]="hasPermissionToUpdateUserSettings"
|
|
|
|
|
|
|
|
[locale]="user?.settings?.locale"
|
|
|
|
|
|
|
|
[savingsRate]="user?.settings?.savingsRate"
|
|
|
|
|
|
|
|
(savingsRateChanged)="onSavingsRateChange($event)"
|
|
|
|
|
|
|
|
></gf-fire-calculator>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
<h4 i18n>4% Rule</h4>
|
|
|
|
<h4 i18n>4% Rule</h4>
|
|
|
|
<div *ngIf="isLoading">
|
|
|
|
<div *ngIf="isLoading">
|
|
|
|
<ngx-skeleton-loader
|
|
|
|
<ngx-skeleton-loader
|
|
|
@ -52,17 +66,3 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
|
|
<h4 class="mb-3" i18n>Calculator</h4>
|
|
|
|
|
|
|
|
<gf-fire-calculator
|
|
|
|
|
|
|
|
[currency]="user?.settings?.baseCurrency"
|
|
|
|
|
|
|
|
[deviceType]="deviceType"
|
|
|
|
|
|
|
|
[fireWealth]="fireWealth?.toNumber()"
|
|
|
|
|
|
|
|
[hasPermissionToUpdateUserSettings]="hasPermissionToUpdateUserSettings"
|
|
|
|
|
|
|
|
[locale]="user?.settings?.locale"
|
|
|
|
|
|
|
|
[savingsRate]="user?.settings?.savingsRate"
|
|
|
|
|
|
|
|
(savingsRateChanged)="onSavingsRateChange($event)"
|
|
|
|
|
|
|
|
></gf-fire-calculator>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|