mirror of https://github.com/ghostfolio/ghostfolio
Thomas Kaul
2 years ago
committed by
GitHub
GitHub
40 changed files with 1027 additions and 790 deletions
@ -1,100 +1,100 @@ |
|||||
<div |
<div |
||||
class="align-items-center container d-flex flex-column h-100 justify-content-center overview p-0 position-relative" |
class="align-items-center container d-flex flex-column h-100 justify-content-center overview p-0 position-relative" |
||||
> |
> |
||||
@if(hasPermissionToCreateOrder && historicalDataItems?.length === 0) { |
@if (hasPermissionToCreateOrder && historicalDataItems?.length === 0) { |
||||
<div class="justify-content-center row w-100"> |
<div class="justify-content-center row w-100"> |
||||
<div class="col introduction"> |
<div class="col introduction"> |
||||
<h4 i18n>Welcome to Ghostfolio</h4> |
<h4 i18n>Welcome to Ghostfolio</h4> |
||||
<p i18n>Ready to take control of your personal finances?</p> |
<p i18n>Ready to take control of your personal finances?</p> |
||||
<ol class="font-weight-bold"> |
<ol class="font-weight-bold"> |
||||
<li |
<li |
||||
class="mb-2" |
class="mb-2" |
||||
[ngClass]="{ 'text-muted': user?.accounts?.length > 1 }" |
[ngClass]="{ 'text-muted': user?.accounts?.length > 1 }" |
||||
> |
|
||||
<a class="d-block" [routerLink]="['/accounts']" |
|
||||
><span i18n>Setup your accounts</span><br /> |
|
||||
<span class="font-weight-normal" i18n |
|
||||
>Get a comprehensive financial overview by adding your bank and |
|
||||
brokerage accounts.</span |
|
||||
></a |
|
||||
> |
> |
||||
</li> |
<a class="d-block" [routerLink]="['/accounts']" |
||||
<li class="mb-2"> |
><span i18n>Setup your accounts</span><br /> |
||||
<a class="d-block" [routerLink]="['/portfolio', 'activities']"> |
<span class="font-weight-normal" i18n |
||||
<span i18n>Capture your activities</span><br /> |
>Get a comprehensive financial overview by adding your bank and |
||||
<span class="font-weight-normal" i18n |
brokerage accounts.</span |
||||
>Record your investment activities to keep your portfolio up to |
></a |
||||
date.</span |
> |
||||
></a |
</li> |
||||
> |
<li class="mb-2"> |
||||
</li> |
<a class="d-block" [routerLink]="['/portfolio', 'activities']"> |
||||
<li class="mb-2"> |
<span i18n>Capture your activities</span><br /> |
||||
<a class="d-block" [routerLink]="['/portfolio']"> |
<span class="font-weight-normal" i18n |
||||
<span i18n>Monitor and analyze your portfolio</span><br /> |
>Record your investment activities to keep your portfolio up to |
||||
<span class="font-weight-normal" i18n |
date.</span |
||||
>Track your progress in real-time with comprehensive analysis and |
></a |
||||
insights.</span |
|
||||
> |
> |
||||
|
</li> |
||||
|
<li class="mb-2"> |
||||
|
<a class="d-block" [routerLink]="['/portfolio']"> |
||||
|
<span i18n>Monitor and analyze your portfolio</span><br /> |
||||
|
<span class="font-weight-normal" i18n |
||||
|
>Track your progress in real-time with comprehensive analysis |
||||
|
and insights.</span |
||||
|
> |
||||
|
</a> |
||||
|
</li> |
||||
|
</ol> |
||||
|
<div class="d-flex justify-content-center"> |
||||
|
<a |
||||
|
*ngIf="user?.accounts?.length === 1" |
||||
|
color="primary" |
||||
|
mat-flat-button |
||||
|
[routerLink]="['/accounts']" |
||||
|
> |
||||
|
<ng-container i18n>Setup accounts</ng-container> |
||||
|
</a> |
||||
|
<a |
||||
|
*ngIf="user?.accounts?.length > 1" |
||||
|
color="primary" |
||||
|
mat-flat-button |
||||
|
[routerLink]="['/portfolio', 'activities']" |
||||
|
> |
||||
|
<ng-container i18n>Add activity</ng-container> |
||||
</a> |
</a> |
||||
</li> |
</div> |
||||
</ol> |
|
||||
<div class="d-flex justify-content-center"> |
|
||||
<a |
|
||||
*ngIf="user?.accounts?.length === 1" |
|
||||
color="primary" |
|
||||
mat-flat-button |
|
||||
[routerLink]="['/accounts']" |
|
||||
> |
|
||||
<ng-container i18n>Setup accounts</ng-container> |
|
||||
</a> |
|
||||
<a |
|
||||
*ngIf="user?.accounts?.length > 1" |
|
||||
color="primary" |
|
||||
mat-flat-button |
|
||||
[routerLink]="['/portfolio', 'activities']" |
|
||||
> |
|
||||
<ng-container i18n>Add activity</ng-container> |
|
||||
</a> |
|
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
</div> |
|
||||
} @else { |
} @else { |
||||
<div class="row w-100"> |
<div class="row w-100"> |
||||
<div class="col p-0"> |
<div class="col p-0"> |
||||
<div class="chart-container mx-auto position-relative"> |
<div class="chart-container mx-auto position-relative"> |
||||
<gf-line-chart |
<gf-line-chart |
||||
class="position-absolute" |
class="position-absolute" |
||||
symbol="Performance" |
symbol="Performance" |
||||
unit="%" |
unit="%" |
||||
[colorScheme]="user?.settings?.colorScheme" |
[colorScheme]="user?.settings?.colorScheme" |
||||
[hidden]="historicalDataItems?.length === 0" |
[hidden]="historicalDataItems?.length === 0" |
||||
[historicalDataItems]="historicalDataItems" |
[historicalDataItems]="historicalDataItems" |
||||
[isAnimated]="user?.settings?.dateRange === '1d' ? false : true" |
[isAnimated]="user?.settings?.dateRange === '1d' ? false : true" |
||||
|
[locale]="user?.settings?.locale" |
||||
|
[ngClass]="{ 'pr-3': deviceType === 'mobile' }" |
||||
|
[showGradient]="true" |
||||
|
[showLoader]="false" |
||||
|
[showXAxis]="false" |
||||
|
[showYAxis]="false" |
||||
|
/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="overview-container row mt-1"> |
||||
|
<div class="col"> |
||||
|
<gf-portfolio-performance |
||||
|
class="pb-4" |
||||
|
[deviceType]="deviceType" |
||||
|
[errors]="errors" |
||||
|
[isAllTimeHigh]="isAllTimeHigh" |
||||
|
[isAllTimeLow]="isAllTimeLow" |
||||
|
[isLoading]="isLoadingPerformance" |
||||
[locale]="user?.settings?.locale" |
[locale]="user?.settings?.locale" |
||||
[ngClass]="{ 'pr-3': deviceType === 'mobile' }" |
[performance]="performance" |
||||
[showGradient]="true" |
[showDetails]="showDetails" |
||||
[showLoader]="false" |
[unit]="unit" |
||||
[showXAxis]="false" |
|
||||
[showYAxis]="false" |
|
||||
/> |
/> |
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
</div> |
|
||||
<div class="overview-container row mt-1"> |
|
||||
<div class="col"> |
|
||||
<gf-portfolio-performance |
|
||||
class="pb-4" |
|
||||
[deviceType]="deviceType" |
|
||||
[errors]="errors" |
|
||||
[isAllTimeHigh]="isAllTimeHigh" |
|
||||
[isAllTimeLow]="isAllTimeLow" |
|
||||
[isLoading]="isLoadingPerformance" |
|
||||
[locale]="user?.settings?.locale" |
|
||||
[performance]="performance" |
|
||||
[showDetails]="showDetails" |
|
||||
[unit]="unit" |
|
||||
/> |
|
||||
</div> |
|
||||
</div> |
|
||||
} |
} |
||||
</div> |
</div> |
||||
|
|||||
Loading…
Reference in new issue