open-source-mirrors
/
ghostfolio
mirror of https://github.com/ghostfolio/ghostfolio
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Feature/improve wording on allocations page (#3479)

Browse Source
pull/3480/head
Thomas Kaul 4 months ago committed by GitHub
parent cc92592d86
commit 118e17f78c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 57 additions and 67 deletions
Show Stats Download Patch File Download Diff File

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

@ -59,12 +59,11 @@
<div class="col-md-4"> <div class="col-md-4">
<mat-card appearance="outlined" class="mb-3"> <mat-card appearance="outlined" class="mb-3">
<mat-card-header class="overflow-hidden w-100"> <mat-card-header class="overflow-hidden w-100">
<mat-card-title class="align-items-center d-flex text-truncate" <mat-card-title class="align-items-center d-flex text-truncate">
><span i18n>By Currency</span> <span i18n>By Currency</span>
<gf-premium-indicator @if (user?.subscription?.type === 'Basic') {
*ngIf="user?.subscription?.type === 'Basic'" <gf-premium-indicator class="ml-1" />
class="ml-1" }
/>
</mat-card-title> </mat-card-title>
</mat-card-header> </mat-card-header>
<mat-card-content> <mat-card-content>
@ -82,12 +81,11 @@
<div class="col-md-4"> <div class="col-md-4">
<mat-card appearance="outlined" class="mb-3"> <mat-card appearance="outlined" class="mb-3">
<mat-card-header class="overflow-hidden w-100"> <mat-card-header class="overflow-hidden w-100">
<mat-card-title class="align-items-center d-flex text-truncate" <mat-card-title class="align-items-center d-flex text-truncate">
><span i18n>By Asset Class</span <span i18n>By Asset Class</span>
><gf-premium-indicator @if (user?.subscription?.type === 'Basic') {
*ngIf="user?.subscription?.type === 'Basic'" <gf-premium-indicator class="ml-1" />
class="ml-1" }
/>
</mat-card-title> </mat-card-title>
</mat-card-header> </mat-card-header>
<mat-card-content> <mat-card-content>
@ -128,12 +126,11 @@
<div class="col-md-4"> <div class="col-md-4">
<mat-card appearance="outlined" class="mb-3"> <mat-card appearance="outlined" class="mb-3">
<mat-card-header class="overflow-hidden w-100"> <mat-card-header class="overflow-hidden w-100">
<mat-card-title class="align-items-center d-flex text-truncate" <mat-card-title class="align-items-center d-flex text-truncate">
><span i18n>By Sector</span <span i18n>By Sector</span>
><gf-premium-indicator @if (user?.subscription?.type === 'Basic') {
*ngIf="user?.subscription?.type === 'Basic'" <gf-premium-indicator class="ml-1" />
class="ml-1" }
/>
</mat-card-title> </mat-card-title>
</mat-card-header> </mat-card-header>
<mat-card-content> <mat-card-content>
@ -152,12 +149,11 @@
<div class="col-md-4"> <div class="col-md-4">
<mat-card appearance="outlined" class="mb-3"> <mat-card appearance="outlined" class="mb-3">
<mat-card-header class="overflow-hidden w-100"> <mat-card-header class="overflow-hidden w-100">
<mat-card-title class="align-items-center d-flex text-truncate" <mat-card-title class="align-items-center d-flex text-truncate">
><span i18n>By Continent</span <span i18n>By Continent</span>
><gf-premium-indicator @if (user?.subscription?.type === 'Basic') {
*ngIf="user?.subscription?.type === 'Basic'" <gf-premium-indicator class="ml-1" />
class="ml-1" }
/>
</mat-card-title> </mat-card-title>
</mat-card-header> </mat-card-header>
<mat-card-content> <mat-card-content>
@ -175,12 +171,11 @@
<div class="col-md-4"> <div class="col-md-4">
<mat-card appearance="outlined" class="mb-3"> <mat-card appearance="outlined" class="mb-3">
<mat-card-header class="overflow-hidden w-100"> <mat-card-header class="overflow-hidden w-100">
<mat-card-title class="align-items-center d-flex text-truncate" <mat-card-title class="align-items-center d-flex text-truncate">
><span i18n>By Market</span <span i18n>By Market</span>
><gf-premium-indicator @if (user?.subscription?.type === 'Basic') {
*ngIf="user?.subscription?.type === 'Basic'" <gf-premium-indicator class="ml-1" />
class="ml-1" }
/>
</mat-card-title> </mat-card-title>
</mat-card-header> </mat-card-header>
<mat-card-content> <mat-card-content>
@ -199,12 +194,11 @@
<div class="col-lg"> <div class="col-lg">
<mat-card appearance="outlined" class="mb-3"> <mat-card appearance="outlined" class="mb-3">
<mat-card-header class="overflow-hidden w-100"> <mat-card-header class="overflow-hidden w-100">
<mat-card-title class="align-items-center d-flex text-truncate" <mat-card-title class="align-items-center d-flex text-truncate">
><span i18n>Regions</span <span i18n>Regions</span>
><gf-premium-indicator @if (user?.subscription?.type === 'Basic') {
*ngIf="user?.subscription?.type === 'Basic'" <gf-premium-indicator class="ml-1" />
class="ml-1" }
/>
</mat-card-title> </mat-card-title>
</mat-card-header> </mat-card-header>
<mat-card-content> <mat-card-content>
@ -246,18 +240,17 @@
>Other Markets</gf-value >Other Markets</gf-value
> >
</div> </div>
<div @if (markets?.[UNKNOWN_KEY]?.value > 0) {
*ngIf="markets?.[UNKNOWN_KEY]?.value > 0" <div class="col-xs-12 col-md my-2">
class="col-xs-12 col-md my-2" <gf-value
> i18n
<gf-value size="large"
i18n [isPercent]="true"
size="large" [value]="markets?.[UNKNOWN_KEY]?.value"
[isPercent]="true" >No data available</gf-value
[value]="markets?.[UNKNOWN_KEY]?.value" >
>No data available</gf-value </div>
> }
</div>
</div> </div>
</mat-card-content> </mat-card-content>
</mat-card> </mat-card>
@ -267,12 +260,11 @@
<div class="col-md-4"> <div class="col-md-4">
<mat-card appearance="outlined" class="mb-3"> <mat-card appearance="outlined" class="mb-3">
<mat-card-header class="overflow-hidden w-100"> <mat-card-header class="overflow-hidden w-100">
<mat-card-title class="align-items-center d-flex text-truncate" <mat-card-title class="align-items-center d-flex text-truncate">
><span i18n>By Country</span <span i18n>By Country</span>
><gf-premium-indicator @if (user?.subscription?.type === 'Basic') {
*ngIf="user?.subscription?.type === 'Basic'" <gf-premium-indicator class="ml-1" />
class="ml-1" }
/>
</mat-card-title> </mat-card-title>
</mat-card-header> </mat-card-header>
<mat-card-content> <mat-card-content>
@ -310,12 +302,11 @@
<div class="col-md-4"> <div class="col-md-4">
<mat-card appearance="outlined" class="mb-3"> <mat-card appearance="outlined" class="mb-3">
<mat-card-header class="overflow-hidden w-100"> <mat-card-header class="overflow-hidden w-100">
<mat-card-title class="align-items-center d-flex text-truncate" <mat-card-title class="align-items-center d-flex text-truncate">
><span i18n>By ETF Provider</span <span i18n>By ETF Provider</span>
><gf-premium-indicator @if (user?.subscription?.type === 'Basic') {
*ngIf="user?.subscription?.type === 'Basic'" <gf-premium-indicator class="ml-1" />
class="ml-1" }
/>
</mat-card-title> </mat-card-title>
</mat-card-header> </mat-card-header>
<mat-card-content> <mat-card-content>
@ -338,16 +329,15 @@
> >
<mat-card appearance="outlined" class="mb-3"> <mat-card appearance="outlined" class="mb-3">
<mat-card-header class="overflow-hidden w-100"> <mat-card-header class="overflow-hidden w-100">
<mat-card-title class="align-items-center d-flex text-truncate" <mat-card-title class="align-items-center d-flex text-truncate">
><span i18n>By ETF Holding</span> <span i18n>By ETF Holding</span>
<gf-premium-indicator @if (user?.subscription?.type === 'Basic') {
*ngIf="user?.subscription?.type === 'Basic'" <gf-premium-indicator class="ml-1" />
class="ml-1" }
/>
</mat-card-title> </mat-card-title>
<mat-card-subtitle> <mat-card-subtitle>
<ng-container i18n <ng-container i18n
>Approximation based on the Top 15 holdings per ETF</ng-container >Approximation based on the top holdings of each ETF</ng-container
> >
</mat-card-subtitle> </mat-card-subtitle>
</mat-card-header> </mat-card-header>

Write Preview
Loading…
Cancel
Save