topaLE
/
ghostfolio
mirror of https://github.com/ghostfolio/ghostfolio
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Introduce isLoading attribute

pull/7540/head
Thomas Kaul 4 weeks ago
parent
ace94fa1e9
commit
a50caeb01d
7 changed files with 121 additions and 134 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 14
      apps/client/src/app/components/portfolio-performance/portfolio-performance.component.html
  2. 91
      apps/client/src/app/components/portfolio-summary/portfolio-summary.component.html
  3. 35
      apps/client/src/app/components/user-detail-dialog/user-detail-dialog.html
  4. 7
      apps/client/src/app/pages/portfolio/allocations/allocations-page.html
  5. 57
      apps/client/src/app/pages/portfolio/analysis/analysis-page.html
  6. 18
      libs/ui/src/lib/activities-table/activities-table.component.html
  7. 21
      libs/ui/src/lib/holdings-table/holdings-table.component.html

14
apps/client/src/app/components/portfolio-performance/portfolio-performance.component.html
View File

@ -38,24 +38,18 @@
<gf-value <gf-value
[colorizeSign]="true" [colorizeSign]="true"
[isCurrency]="true" [isCurrency]="true"
[isLoading]="isLoading()"
[locale]="locale()" [locale]="locale()"
[value]=" [value]="performance().netPerformanceWithCurrencyEffect"
isLoading()
? undefined
: performance().netPerformanceWithCurrencyEffect
"
/> />
</div> </div>
<div class="col"> <div class="col">
<gf-value <gf-value
[colorizeSign]="true" [colorizeSign]="true"
[isLoading]="isLoading()"
[isPercent]="true" [isPercent]="true"
[locale]="locale()" [locale]="locale()"
[value]=" [value]="performance().netPerformancePercentageWithCurrencyEffect"
isLoading()
? undefined
: performance().netPerformancePercentageWithCurrencyEffect
"
/> />
</div> </div>
</div> </div>

91
apps/client/src/app/components/portfolio-summary/portfolio-summary.component.html
View File

@ -33,10 +33,11 @@
<gf-value <gf-value
class="justify-content-end" class="justify-content-end"
[isCurrency]="true" [isCurrency]="true"
[isLoading]="isLoading"
[locale]="locale" [locale]="locale"
[precision]="precision" [precision]="precision"
[unit]="baseCurrency" [unit]="baseCurrency"
[value]="isLoading ? undefined : summary?.totalBuy" [value]="summary?.totalBuy"
/> />
</div> </div>
</div> </div>
@ -46,10 +47,11 @@
<gf-value <gf-value
class="justify-content-end" class="justify-content-end"
[isCurrency]="true" [isCurrency]="true"
[isLoading]="isLoading"
[locale]="locale" [locale]="locale"
[precision]="precision" [precision]="precision"
[unit]="baseCurrency" [unit]="baseCurrency"
[value]="isLoading ? undefined : summary?.totalSell" [value]="summary?.totalSell"
/> />
</div> </div>
</div> </div>
@ -62,14 +64,11 @@
<gf-value <gf-value
class="justify-content-end" class="justify-content-end"
[isCurrency]="true" [isCurrency]="true"
[isLoading]="isLoading"
[locale]="locale" [locale]="locale"
[precision]="precision" [precision]="precision"
[unit]="baseCurrency" [unit]="baseCurrency"
[value]=" [value]="summary?.totalInvestmentValueWithCurrencyEffect"
isLoading
? undefined
: summary?.totalInvestmentValueWithCurrencyEffect
"
/> />
</div> </div>
</div> </div>
@ -79,12 +78,11 @@
<gf-value <gf-value
class="justify-content-end" class="justify-content-end"
[isCurrency]="true" [isCurrency]="true"
[isLoading]="isLoading"
[locale]="locale" [locale]="locale"
[precision]="precision" [precision]="precision"
[unit]="baseCurrency" [unit]="baseCurrency"
[value]=" [value]="summary?.grossPerformanceWithCurrencyEffect"
isLoading ? undefined : summary?.grossPerformanceWithCurrencyEffect
"
/> />
</div> </div>
</div> </div>
@ -97,10 +95,11 @@
<gf-value <gf-value
class="justify-content-end" class="justify-content-end"
[isCurrency]="true" [isCurrency]="true"
[isLoading]="isLoading"
[locale]="locale" [locale]="locale"
[precision]="precision" [precision]="precision"
[unit]="baseCurrency" [unit]="baseCurrency"
[value]="isLoading ? undefined : summary?.fees" [value]="summary?.fees"
/> />
</div> </div>
</div> </div>
@ -113,12 +112,11 @@
<gf-value <gf-value
class="justify-content-end" class="justify-content-end"
[isCurrency]="true" [isCurrency]="true"
[isLoading]="isLoading"
[locale]="locale" [locale]="locale"
[precision]="precision" [precision]="precision"
[unit]="baseCurrency" [unit]="baseCurrency"
[value]=" [value]="summary?.netPerformanceWithCurrencyEffect"
isLoading ? undefined : summary?.netPerformanceWithCurrencyEffect
"
/> />
</div> </div>
</div> </div>
@ -136,13 +134,10 @@
class="justify-content-end" class="justify-content-end"
position="end" position="end"
[colorizeSign]="true" [colorizeSign]="true"
[isLoading]="isLoading"
[isPercent]="true" [isPercent]="true"
[locale]="locale" [locale]="locale"
[value]=" [value]="summary?.netPerformancePercentageWithCurrencyEffect"
isLoading
? undefined
: summary?.netPerformancePercentageWithCurrencyEffect
"
/> />
</div> </div>
</div> </div>
@ -156,10 +151,11 @@
class="justify-content-end" class="justify-content-end"
position="end" position="end"
[isCurrency]="true" [isCurrency]="true"
[isLoading]="isLoading"
[locale]="locale" [locale]="locale"
[precision]="precision" [precision]="precision"
[unit]="baseCurrency" [unit]="baseCurrency"
[value]="isLoading ? undefined : summary?.totalAssetsInBaseCurrency" [value]="summary?.totalAssetsInBaseCurrency"
/> />
</div> </div>
</div> </div>
@ -188,10 +184,11 @@
) { ) {
<gf-value <gf-value
class="d-lg-inline-block d-none ml-2 small text-muted" class="d-lg-inline-block d-none ml-2 small text-muted"
[isLoading]="isLoading"
[isPercent]="true" [isPercent]="true"
[locale]="locale" [locale]="locale"
[precision]="0" [precision]="0"
[value]="isLoading ? undefined : holdingsPercentage" [value]="holdingsPercentage"
/> />
} }
</div> </div>
@ -200,10 +197,11 @@
class="justify-content-end" class="justify-content-end"
position="end" position="end"
[isCurrency]="true" [isCurrency]="true"
[isLoading]="isLoading"
[locale]="locale" [locale]="locale"
[precision]="precision" [precision]="precision"
[unit]="baseCurrency" [unit]="baseCurrency"
[value]="isLoading ? undefined : holdingsInBaseCurrency" [value]="holdingsInBaseCurrency"
/> />
</div> </div>
</div> </div>
@ -215,10 +213,11 @@
class="justify-content-end" class="justify-content-end"
position="end" position="end"
[isCurrency]="true" [isCurrency]="true"
[isLoading]="isLoading"
[locale]="locale" [locale]="locale"
[precision]="precision" [precision]="precision"
[unit]="baseCurrency" [unit]="baseCurrency"
[value]="isLoading ? undefined : investmentsInBaseCurrency" [value]="investmentsInBaseCurrency"
/> />
</div> </div>
</div> </div>
@ -229,10 +228,11 @@
class="justify-content-end" class="justify-content-end"
position="end" position="end"
[isCurrency]="true" [isCurrency]="true"
[isLoading]="isLoading"
[locale]="locale" [locale]="locale"
[precision]="precision" [precision]="precision"
[unit]="baseCurrency" [unit]="baseCurrency"
[value]="isLoading ? undefined : summary?.emergencyFund?.assets" [value]="summary?.emergencyFund?.assets"
/> />
</div> </div>
</div> </div>
@ -262,10 +262,11 @@
) { ) {
<gf-value <gf-value
class="d-lg-inline-block d-none ml-2 small text-muted" class="d-lg-inline-block d-none ml-2 small text-muted"
[isLoading]="isLoading"
[isPercent]="true" [isPercent]="true"
[locale]="locale" [locale]="locale"
[precision]="0" [precision]="0"
[value]="isLoading ? undefined : cashPercentage" [value]="cashPercentage"
/> />
} }
</div> </div>
@ -274,10 +275,11 @@
class="justify-content-end" class="justify-content-end"
position="end" position="end"
[isCurrency]="true" [isCurrency]="true"
[isLoading]="isLoading"
[locale]="locale" [locale]="locale"
[precision]="precision" [precision]="precision"
[unit]="baseCurrency" [unit]="baseCurrency"
[value]="isLoading ? undefined : summary?.totalCashInBaseCurrency" [value]="summary?.totalCashInBaseCurrency"
/> />
</div> </div>
</div> </div>
@ -289,10 +291,11 @@
class="justify-content-end" class="justify-content-end"
position="end" position="end"
[isCurrency]="true" [isCurrency]="true"
[isLoading]="isLoading"
[locale]="locale" [locale]="locale"
[precision]="precision" [precision]="precision"
[unit]="baseCurrency" [unit]="baseCurrency"
[value]="isLoading ? undefined : summary?.cash" [value]="summary?.cash"
/> />
</div> </div>
</div> </div>
@ -303,10 +306,11 @@
class="justify-content-end" class="justify-content-end"
position="end" position="end"
[isCurrency]="true" [isCurrency]="true"
[isLoading]="isLoading"
[locale]="locale" [locale]="locale"
[precision]="precision" [precision]="precision"
[unit]="baseCurrency" [unit]="baseCurrency"
[value]="isLoading ? undefined : summary?.emergencyFund?.cash" [value]="summary?.emergencyFund?.cash"
/> />
</div> </div>
</div> </div>
@ -321,20 +325,22 @@
) { ) {
<gf-value <gf-value
class="d-lg-inline-block d-none ml-2 small text-muted" class="d-lg-inline-block d-none ml-2 small text-muted"
[isLoading]="isLoading"
[isPercent]="true" [isPercent]="true"
[locale]="locale" [locale]="locale"
[precision]="0" [precision]="0"
[value]="isLoading ? undefined : excludedFromAnalysisPercentage" [value]="excludedFromAnalysisPercentage"
/> />
} }
</div> </div>
<div class="align-items-center d-flex justify-content-end"> <div class="align-items-center d-flex justify-content-end">
<gf-value <gf-value
[isCurrency]="true" [isCurrency]="true"
[isLoading]="isLoading"
[locale]="locale" [locale]="locale"
[precision]="precision" [precision]="precision"
[unit]="baseCurrency" [unit]="baseCurrency"
[value]="isLoading ? undefined : summary?.excludedAccountsAndActivities" [value]="summary?.excludedAccountsAndActivities"
/> />
</div> </div>
</div> </div>
@ -353,10 +359,11 @@
<gf-value <gf-value
class="justify-content-end" class="justify-content-end"
[isCurrency]="true" [isCurrency]="true"
[isLoading]="isLoading"
[locale]="locale" [locale]="locale"
[precision]="precision" [precision]="precision"
[unit]="baseCurrency" [unit]="baseCurrency"
[value]="isLoading ? undefined : summary?.liabilitiesInBaseCurrency" [value]="summary?.liabilitiesInBaseCurrency"
/> />
</div> </div>
</div> </div>
@ -369,10 +376,11 @@
<gf-value <gf-value
class="justify-content-end" class="justify-content-end"
[isCurrency]="true" [isCurrency]="true"
[isLoading]="isLoading"
[locale]="locale" [locale]="locale"
[precision]="precision" [precision]="precision"
[unit]="baseCurrency" [unit]="baseCurrency"
[value]="isLoading ? undefined : summary?.totalValueInBaseCurrency" [value]="summary?.totalValueInBaseCurrency"
/> />
</div> </div>
</div> </div>
@ -385,13 +393,10 @@
class="justify-content-end" class="justify-content-end"
position="end" position="end"
[colorizeSign]="true" [colorizeSign]="true"
[isLoading]="isLoading"
[isPercent]="true" [isPercent]="true"
[locale]="locale" [locale]="locale"
[value]=" [value]="summary?.annualizedPerformancePercentWithCurrencyEffect"
isLoading
? undefined
: summary?.annualizedPerformancePercentWithCurrencyEffect
"
/> />
</div> </div>
</div> </div>
@ -408,10 +413,11 @@
) { ) {
<gf-value <gf-value
class="d-lg-inline-block d-none ml-2 small text-muted" class="d-lg-inline-block d-none ml-2 small text-muted"
[isLoading]="isLoading"
[isPercent]="true" [isPercent]="true"
[locale]="locale" [locale]="locale"
[precision]="0" [precision]="0"
[value]="isLoading ? undefined : emergencyFundPercentage" [value]="emergencyFundPercentage"
/> />
} }
</div> </div>
@ -443,10 +449,11 @@
<gf-value <gf-value
class="justify-content-end" class="justify-content-end"
[isCurrency]="true" [isCurrency]="true"
[isLoading]="isLoading"
[locale]="locale" [locale]="locale"
[precision]="precision" [precision]="precision"
[unit]="baseCurrency" [unit]="baseCurrency"
[value]="isLoading ? undefined : summary?.emergencyFund?.total" [value]="summary?.emergencyFund?.total"
/> />
</div> </div>
</div> </div>
@ -456,10 +463,11 @@
<gf-value <gf-value
class="justify-content-end" class="justify-content-end"
[isCurrency]="true" [isCurrency]="true"
[isLoading]="isLoading"
[locale]="locale" [locale]="locale"
[precision]="precision" [precision]="precision"
[unit]="baseCurrency" [unit]="baseCurrency"
[value]="isLoading ? undefined : summary?.interestInBaseCurrency" [value]="summary?.interestInBaseCurrency"
/> />
</div> </div>
</div> </div>
@ -469,10 +477,11 @@
<gf-value <gf-value
class="justify-content-end" class="justify-content-end"
[isCurrency]="true" [isCurrency]="true"
[isLoading]="isLoading"
[locale]="locale" [locale]="locale"
[precision]="precision" [precision]="precision"
[unit]="baseCurrency" [unit]="baseCurrency"
[value]="isLoading ? undefined : summary?.dividendInBaseCurrency" [value]="summary?.dividendInBaseCurrency"
/> />
</div> </div>
</div> </div>

35
apps/client/src/app/components/user-detail-dialog/user-detail-dialog.html
View File

@ -36,12 +36,13 @@
i18n i18n
size="medium" size="medium"
[enableCopyToClipboardButton]="true" [enableCopyToClipboardButton]="true"
[value]="isLoading ? undefined : user.id" [isLoading]="isLoading"
[value]="user.id"
>User ID</gf-value >User ID</gf-value
> >
</div> </div>
<div class="col-6 mb-3"> <div class="col-6 mb-3">
<gf-value i18n size="medium" [value]="isLoading ? undefined : user.role" <gf-value i18n size="medium" [isLoading]="isLoading" [value]="user.role"
>Role</gf-value >Role</gf-value
> >
</div> </div>
@ -53,8 +54,9 @@
i18n i18n
size="medium" size="medium"
[isDate]="true" [isDate]="true"
[isLoading]="isLoading"
[locale]="data.locale" [locale]="data.locale"
[value]="isLoading ? undefined : user.createdAt" [value]="user.createdAt"
>Registration Date</gf-value >Registration Date</gf-value
> >
</div> </div>
@ -62,8 +64,9 @@
<gf-value <gf-value
i18n i18n
size="medium" size="medium"
[isLoading]="isLoading"
[locale]="data.locale" [locale]="data.locale"
[value]="isLoading ? undefined : user.provider" [value]="user.provider"
>Authentication</gf-value >Authentication</gf-value
> >
</div> </div>
@ -75,10 +78,9 @@
<gf-value <gf-value
i18n i18n
size="medium" size="medium"
[isLoading]="isLoading"
[locale]="data.locale" [locale]="data.locale"
[value]=" [value]="user.subscription ? 'Premium' : 'Basic'"
isLoading ? undefined : user.subscription ? 'Premium' : 'Basic'
"
>Membership</gf-value >Membership</gf-value
> >
</div> </div>
@ -86,12 +88,9 @@
<gf-value <gf-value
i18n i18n
size="medium" size="medium"
[isLoading]="isLoading"
[value]=" [value]="
isLoading user.country ? getCountryName({ code: user.country }) : '-'
? undefined
: user.country
? getCountryName({ code: user.country })
: '-'
" "
>Country</gf-value >Country</gf-value
> >
@ -104,8 +103,9 @@
<gf-value <gf-value
i18n i18n
size="medium" size="medium"
[isLoading]="isLoading"
[locale]="data.locale" [locale]="data.locale"
[value]="isLoading ? undefined : user.accountCount" [value]="user.accountCount"
>Accounts</gf-value >Accounts</gf-value
> >
</div> </div>
@ -113,8 +113,9 @@
<gf-value <gf-value
i18n i18n
size="medium" size="medium"
[isLoading]="isLoading"
[locale]="data.locale" [locale]="data.locale"
[value]="isLoading ? undefined : user.activityCount" [value]="user.activityCount"
>Activities</gf-value >Activities</gf-value
> >
</div> </div>
@ -126,9 +127,10 @@
<gf-value <gf-value
i18n i18n
size="medium" size="medium"
[isLoading]="isLoading"
[locale]="data.locale" [locale]="data.locale"
[precision]="0" [precision]="0"
[value]="isLoading ? undefined : user.engagement" [value]="user.engagement"
>Engagement per Day</gf-value >Engagement per Day</gf-value
> >
</div> </div>
@ -136,8 +138,9 @@
<gf-value <gf-value
i18n i18n
size="medium" size="medium"
[isLoading]="isLoading"
[locale]="data.locale" [locale]="data.locale"
[value]="isLoading ? undefined : user.dailyApiRequests" [value]="user.dailyApiRequests"
>API Requests Today</gf-value >API Requests Today</gf-value
> >
</div> </div>

7
apps/client/src/app/pages/portfolio/allocations/allocations-page.html
View File

@ -14,12 +14,9 @@
<gf-value <gf-value
class="justify-content-end l-2" class="justify-content-end l-2"
size="medium" size="medium"
[isLoading]="isLoading"
[isPercent]="true" [isPercent]="true"
[value]=" [value]="portfolioDetails?.summary?.filteredValueInPercentage"
isLoading
? undefined
: portfolioDetails?.summary?.filteredValueInPercentage
"
/> />
</mat-card-header> </mat-card-header>
<mat-card-content> <mat-card-content>

57
apps/client/src/app/pages/portfolio/analysis/analysis-page.html
View File

@ -83,14 +83,11 @@
i18n i18n
size="large" size="large"
[isCurrency]="true" [isCurrency]="true"
[isLoading]="isLoadingInvestmentChart"
[locale]="user?.settings?.locale" [locale]="user?.settings?.locale"
[precision]="precision" [precision]="precision"
[unit]="user?.settings?.baseCurrency" [unit]="user?.settings?.baseCurrency"
[value]=" [value]="performance?.currentValueInBaseCurrency"
isLoadingInvestmentChart
? undefined
: performance?.currentValueInBaseCurrency
"
>Total amount</gf-value >Total amount</gf-value
> >
</mat-card-content> </mat-card-content>
@ -104,14 +101,11 @@
size="large" size="large"
[colorizeSign]="true" [colorizeSign]="true"
[isCurrency]="true" [isCurrency]="true"
[isLoading]="isLoadingInvestmentChart"
[locale]="user?.settings?.locale" [locale]="user?.settings?.locale"
[precision]="precision" [precision]="precision"
[unit]="user?.settings?.baseCurrency" [unit]="user?.settings?.baseCurrency"
[value]=" [value]="performance?.netPerformanceWithCurrencyEffect"
isLoadingInvestmentChart
? undefined
: performance?.netPerformanceWithCurrencyEffect
"
>Change with currency effect</gf-value >Change with currency effect</gf-value
> >
</mat-card-content> </mat-card-content>
@ -124,13 +118,10 @@
i18n i18n
size="large" size="large"
[colorizeSign]="true" [colorizeSign]="true"
[isLoading]="isLoadingInvestmentChart"
[isPercent]="true" [isPercent]="true"
[locale]="user?.settings?.locale" [locale]="user?.settings?.locale"
[value]=" [value]="performance?.netPerformancePercentageWithCurrencyEffect"
isLoadingInvestmentChart
? undefined
: performance?.netPerformancePercentageWithCurrencyEffect
"
>Performance with currency effect</gf-value >Performance with currency effect</gf-value
> >
</mat-card-content> </mat-card-content>
@ -173,13 +164,10 @@
class="justify-content-end" class="justify-content-end"
position="end" position="end"
[isCurrency]="true" [isCurrency]="true"
[isLoading]="isLoadingInvestmentChart"
[locale]="user?.settings?.locale" [locale]="user?.settings?.locale"
[unit]="user?.settings?.baseCurrency" [unit]="user?.settings?.baseCurrency"
[value]=" [value]="performance?.netPerformance"
isLoadingInvestmentChart
? undefined
: performance?.netPerformance
"
/> />
</div> </div>
</div> </div>
@ -192,13 +180,10 @@
class="justify-content-end" class="justify-content-end"
position="end" position="end"
[colorizeSign]="true" [colorizeSign]="true"
[isLoading]="isLoadingInvestmentChart"
[isPercent]="true" [isPercent]="true"
[locale]="user?.settings?.locale" [locale]="user?.settings?.locale"
[value]=" [value]="performance?.netPerformancePercentage"
isLoadingInvestmentChart
? undefined
: performance?.netPerformancePercentage
"
/> />
</div> </div>
</div> </div>
@ -216,12 +201,11 @@
class="justify-content-end" class="justify-content-end"
position="end" position="end"
[isCurrency]="true" [isCurrency]="true"
[isLoading]="isLoadingInvestmentChart"
[locale]="user?.settings?.locale" [locale]="user?.settings?.locale"
[unit]="user?.settings?.baseCurrency" [unit]="user?.settings?.baseCurrency"
[value]=" [value]="
isLoadingInvestmentChart performance?.netPerformance === null
? undefined
: performance?.netPerformance === null
? null ? null
: performance?.netPerformanceWithCurrencyEffect - : performance?.netPerformanceWithCurrencyEffect -
performance?.netPerformance performance?.netPerformance
@ -238,12 +222,11 @@
class="justify-content-end" class="justify-content-end"
position="end" position="end"
[colorizeSign]="true" [colorizeSign]="true"
[isLoading]="isLoadingInvestmentChart"
[isPercent]="true" [isPercent]="true"
[locale]="user?.settings?.locale" [locale]="user?.settings?.locale"
[value]=" [value]="
isLoadingInvestmentChart performance?.netPerformancePercentage === null
? undefined
: performance?.netPerformancePercentage === null
? null ? null
: performance?.netPerformancePercentageWithCurrencyEffect - : performance?.netPerformancePercentageWithCurrencyEffect -
performance?.netPerformancePercentage performance?.netPerformancePercentage
@ -261,13 +244,10 @@
class="justify-content-end" class="justify-content-end"
position="end" position="end"
[isCurrency]="true" [isCurrency]="true"
[isLoading]="isLoadingInvestmentChart"
[locale]="user?.settings?.locale" [locale]="user?.settings?.locale"
[unit]="user?.settings?.baseCurrency" [unit]="user?.settings?.baseCurrency"
[value]=" [value]="performance?.netPerformanceWithCurrencyEffect"
isLoadingInvestmentChart
? undefined
: performance?.netPerformanceWithCurrencyEffect
"
/> />
</div> </div>
</div> </div>
@ -280,12 +260,11 @@
class="justify-content-end" class="justify-content-end"
position="end" position="end"
[colorizeSign]="true" [colorizeSign]="true"
[isLoading]="isLoadingInvestmentChart"
[isPercent]="true" [isPercent]="true"
[locale]="user?.settings?.locale" [locale]="user?.settings?.locale"
[value]=" [value]="
isLoadingInvestmentChart performance?.netPerformancePercentageWithCurrencyEffect
? undefined
: performance?.netPerformancePercentageWithCurrencyEffect
" "
/> />
</div> </div>

18
libs/ui/src/lib/activities-table/activities-table.component.html
View File

@ -210,8 +210,9 @@
<gf-value <gf-value
[deviceType]="deviceType" [deviceType]="deviceType"
[isDate]="true" [isDate]="true"
[isLoading]="isLoading()"
[locale]="locale" [locale]="locale"
[value]="isLoading() ? undefined : element.date" [value]="element.date"
/> />
</div> </div>
</td> </td>
@ -234,8 +235,9 @@
<div class="d-flex justify-content-end"> <div class="d-flex justify-content-end">
<gf-value <gf-value
[isCurrency]="true" [isCurrency]="true"
[isLoading]="isLoading()"
[locale]="locale" [locale]="locale"
[value]="isLoading() ? undefined : element.quantity" [value]="element.quantity"
/> />
</div> </div>
</td> </td>
@ -258,8 +260,9 @@
<div class="d-flex justify-content-end"> <div class="d-flex justify-content-end">
<gf-value <gf-value
[isCurrency]="true" [isCurrency]="true"
[isLoading]="isLoading()"
[locale]="locale" [locale]="locale"
[value]="isLoading() ? undefined : element.unitPrice" [value]="element.unitPrice"
/> />
</div> </div>
</td> </td>
@ -282,8 +285,9 @@
<div class="d-flex justify-content-end"> <div class="d-flex justify-content-end">
<gf-value <gf-value
[isCurrency]="true" [isCurrency]="true"
[isLoading]="isLoading()"
[locale]="locale" [locale]="locale"
[value]="isLoading() ? undefined : element.fee" [value]="element.fee"
/> />
</div> </div>
</td> </td>
@ -305,8 +309,9 @@
<div class="d-flex justify-content-end"> <div class="d-flex justify-content-end">
<gf-value <gf-value
[isCurrency]="true" [isCurrency]="true"
[isLoading]="isLoading()"
[locale]="locale" [locale]="locale"
[value]="isLoading() ? undefined : element.value" [value]="element.value"
/> />
</div> </div>
</td> </td>
@ -337,8 +342,9 @@
<div class="d-flex justify-content-end"> <div class="d-flex justify-content-end">
<gf-value <gf-value
[isCurrency]="true" [isCurrency]="true"
[isLoading]="isLoading()"
[locale]="locale" [locale]="locale"
[value]="isLoading() ? undefined : element.valueInBaseCurrency" [value]="element.valueInBaseCurrency"
/> />
</div> </div>
</td> </td>

21
libs/ui/src/lib/holdings-table/holdings-table.component.html
View File

@ -81,8 +81,9 @@
<div class="d-flex justify-content-end"> <div class="d-flex justify-content-end">
<gf-value <gf-value
[isCurrency]="true" [isCurrency]="true"
[isLoading]="isLoading()"
[locale]="locale()" [locale]="locale()"
[value]="isLoading() ? undefined : element.quantity" [value]="element.quantity"
/> />
</div> </div>
</td> </td>
@ -105,8 +106,9 @@
<div class="d-flex justify-content-end"> <div class="d-flex justify-content-end">
<gf-value <gf-value
[isCurrency]="true" [isCurrency]="true"
[isLoading]="isLoading()"
[locale]="locale()" [locale]="locale()"
[value]="isLoading() ? undefined : element.valueInBaseCurrency" [value]="element.valueInBaseCurrency"
/> />
</div> </div>
</td> </td>
@ -125,9 +127,10 @@
<td *matCellDef="let element" class="px-1" mat-cell> <td *matCellDef="let element" class="px-1" mat-cell>
<div class="d-flex justify-content-end"> <div class="d-flex justify-content-end">
<gf-value <gf-value
[isLoading]="isLoading()"
[isPercent]="true" [isPercent]="true"
[locale]="locale()" [locale]="locale()"
[value]="isLoading() ? undefined : element.allocationInPercentage" [value]="element.allocationInPercentage"
/> />
</div> </div>
</td> </td>
@ -147,10 +150,9 @@
<gf-value <gf-value
[colorizeSign]="true" [colorizeSign]="true"
[isCurrency]="true" [isCurrency]="true"
[isLoading]="isLoading()"
[locale]="locale()" [locale]="locale()"
[value]=" [value]="element.netPerformanceWithCurrencyEffect"
isLoading() ? undefined : element.netPerformanceWithCurrencyEffect
"
/> />
</div> </div>
</td> </td>
@ -170,13 +172,10 @@
<div class="d-flex justify-content-end"> <div class="d-flex justify-content-end">
<gf-value <gf-value
[colorizeSign]="true" [colorizeSign]="true"
[isLoading]="isLoading()"
[isPercent]="true" [isPercent]="true"
[locale]="locale()" [locale]="locale()"
[value]=" [value]="element.netPerformancePercentWithCurrencyEffect"
isLoading()
? undefined
: element.netPerformancePercentWithCurrencyEffect
"
/> />
</div> </div>
</td> </td>

Write Preview
Loading…
Cancel
Save