sudacode/ghostfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity
ghostfolio/apps/client/src/app/pages/analysis/analysis-page.html

187 lines
6.1 KiB
HTML
Raw Normal View History

Initial commit
2021-04-13 21:53:58 +02:00
<div class="container">
<div class="mb-5 row">
<div class="col">
<h3 class="d-flex justify-content-center mb-3" i18n>Analysis</h3>
<gf-positions-table
[baseCurrency]="user?.settings?.baseCurrency"
[deviceType]="deviceType"
[locale]="user?.settings?.locale"
[positions]="positionsArray"
></gf-positions-table>
</div>
</div>
<div class="proportion-charts row">
<div class="col-md-6">
<mat-card class="mb-3">
<mat-card-header class="w-100">
<mat-card-title i18n>By Type</mat-card-title>
<gf-toggle
[defaultValue]="period"
[isLoading]="false"
[options]="periodOptions"
(change)="onChangePeriod($event.value)"
></gf-toggle>
</mat-card-header>
<mat-card-content>
<gf-portfolio-proportion-chart
key="type"
[baseCurrency]="user?.settings?.baseCurrency"
[isInPercent]="true"
[locale]="user?.settings?.locale"
[positions]="positions"
></gf-portfolio-proportion-chart>
</mat-card-content>
</mat-card>
</div>
<div class="col-md-6">
<mat-card class="mb-3">
<mat-card-header class="w-100">
Feature/create and update accounts (#60) * Allow to create and update accounts * Activate account selector in transaction dialog * Refactor analytics and report from platforms to accounts
2021-05-02 21:18:52 +02:00
<mat-card-title i18n>By Account</mat-card-title>
Initial commit
2021-04-13 21:53:58 +02:00
<gf-toggle
[defaultValue]="period"
[isLoading]="false"
[options]="periodOptions"
(change)="onChangePeriod($event.value)"
></gf-toggle>
</mat-card-header>
<mat-card-content>
<gf-portfolio-proportion-chart
key="name"
[baseCurrency]="user?.settings?.baseCurrency"
[isInPercent]="hasImpersonationId"
[locale]="user?.settings?.locale"
Feature/create and update accounts (#60) * Allow to create and update accounts * Activate account selector in transaction dialog * Refactor analytics and report from platforms to accounts
2021-05-02 21:18:52 +02:00
[positions]="accounts"
Initial commit
2021-04-13 21:53:58 +02:00
></gf-portfolio-proportion-chart>
</mat-card-content>
</mat-card>
</div>
<div class="col-md-6">
<mat-card class="mb-3">
<mat-card-header class="w-100">
<mat-card-title i18n>By Sector</mat-card-title>
<gf-toggle
[defaultValue]="period"
[isLoading]="false"
[options]="periodOptions"
(change)="onChangePeriod($event.value)"
></gf-toggle>
</mat-card-header>
<mat-card-content>
<gf-portfolio-proportion-chart
key="sector"
[baseCurrency]="user?.settings?.baseCurrency"
[isInPercent]="true"
[locale]="user?.settings?.locale"
[positions]="positions"
></gf-portfolio-proportion-chart>
</mat-card-content>
</mat-card>
</div>
<div class="col-md-6">
<mat-card class="mb-3">
<mat-card-header class="w-100">
<mat-card-title i18n>By Industry</mat-card-title>
<gf-toggle
[defaultValue]="period"
[isLoading]="false"
[options]="periodOptions"
(change)="onChangePeriod($event.value)"
></gf-toggle>
</mat-card-header>
<mat-card-content>
<gf-portfolio-proportion-chart
key="industry"
[baseCurrency]="user?.settings?.baseCurrency"
[isInPercent]="true"
[locale]="user?.settings?.locale"
[positions]="positions"
></gf-portfolio-proportion-chart>
</mat-card-content>
</mat-card>
</div>
<div class="col-md-6">
<mat-card class="mb-3">
<mat-card-header class="w-100">
<mat-card-title i18n>By Currency</mat-card-title>
<gf-toggle
[defaultValue]="period"
[isLoading]="false"
[options]="periodOptions"
(change)="onChangePeriod($event.value)"
></gf-toggle>
</mat-card-header>
<mat-card-content>
<gf-portfolio-proportion-chart
key="currency"
[baseCurrency]="user?.settings?.baseCurrency"
[isInPercent]="true"
[locale]="user?.settings?.locale"
[positions]="positions"
></gf-portfolio-proportion-chart>
</mat-card-content>
</mat-card>
</div>
<div class="col-md-6">
<mat-card class="mb-3">
<mat-card-header class="w-100">
<mat-card-title i18n>By Exchange</mat-card-title>
<gf-toggle
[defaultValue]="period"
[isLoading]="false"
[options]="periodOptions"
(change)="onChangePeriod($event.value)"
></gf-toggle>
</mat-card-header>
<mat-card-content>
<gf-portfolio-proportion-chart
key="exchange"
[baseCurrency]="user?.settings?.baseCurrency"
[isInPercent]="true"
[locale]="user?.settings?.locale"
[positions]="positions"
></gf-portfolio-proportion-chart>
</mat-card-content>
</mat-card>
</div>
</div>
<div class="d-block d-sm-none row">
<div class="col-lg">
<mat-card class="mb-3">
<mat-card-content>
<div class="d-flex align-items-center justify-content-center">
<div class="mr-2">
<ion-icon
name="information-circle-outline"
size="small"
></ion-icon>
</div>
<div i18n>
You can find more charts on your desktop:
<a href="https://ghostfol.io" target="_blank">www.ghostfol.io</a>
</div>
</div>
</mat-card-content>
</mat-card>
</div>
</div>
<div *ngIf="!hasImpersonationId" class="d-none d-sm-block row">
<div class="col-lg">
<mat-card class="mb-3">
<mat-card-header>
Add license (#8) * Add license * Remove unnecessary style * Add license to package.json * Update url * Adapt offering to new license (#13) * Adapt offering to new license * Update changelog * Add license to about page * Adapt offering to new license
2021-04-18 19:01:31 +02:00
<mat-card-title class="align-items-center d-flex" i18n
>Investment</mat-card-title
>
Initial commit
2021-04-13 21:53:58 +02:00
</mat-card-header>
<mat-card-content>
<!--<gf-positions-chart
[portfolioItems]="portfolioItems"
></gf-positions-chart>-->
<gf-investment-chart
[portfolioItems]="portfolioItems"
></gf-investment-chart>
</mat-card-content>
</mat-card>
</div>
</div>
</div>
Reference in New Issue Copy Permalink