mirror of https://github.com/ghostfolio/ghostfolio
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
121 lines
3.3 KiB
121 lines
3.3 KiB
<gf-dialog-header
|
|
mat-dialog-title
|
|
[deviceType]="data.deviceType"
|
|
[title]="name ?? symbol"
|
|
(closeButtonClicked)="onClose()"
|
|
></gf-dialog-header>
|
|
|
|
<div class="flex-grow-1" mat-dialog-content>
|
|
<div class="container p-0">
|
|
<gf-line-chart
|
|
class="mb-4"
|
|
benchmarkLabel="Buy Price"
|
|
[benchmarkDataItems]="benchmarkDataItems"
|
|
[historicalDataItems]="historicalDataItems"
|
|
[showGradient]="true"
|
|
[showXAxis]="true"
|
|
[showYAxis]="true"
|
|
[symbol]="data.symbol"
|
|
></gf-line-chart>
|
|
|
|
<div class="row">
|
|
<div class="col-6 mb-3">
|
|
<gf-value
|
|
label="Change"
|
|
size="medium"
|
|
[colorizeSign]="true"
|
|
[currency]="data.baseCurrency"
|
|
[locale]="data.locale"
|
|
[value]="netPerformance"
|
|
></gf-value>
|
|
</div>
|
|
<div class="col-6 mb-3">
|
|
<gf-value
|
|
label="Performance"
|
|
size="medium"
|
|
[colorizeSign]="true"
|
|
[isPercent]="true"
|
|
[locale]="data.locale"
|
|
[value]="netPerformancePercent"
|
|
></gf-value>
|
|
</div>
|
|
<div class="col-6 mb-3">
|
|
<gf-value
|
|
label="Ø Buy Price"
|
|
size="medium"
|
|
[currency]="currency"
|
|
[locale]="data.locale"
|
|
[value]="averagePrice"
|
|
></gf-value>
|
|
</div>
|
|
<div class="col-6 mb-3">
|
|
<gf-value
|
|
label="Market Price"
|
|
size="medium"
|
|
[currency]="currency"
|
|
[locale]="data.locale"
|
|
[value]="marketPrice"
|
|
></gf-value>
|
|
</div>
|
|
<div class="col-6 mb-3">
|
|
<gf-value
|
|
label="Minimum Price"
|
|
size="medium"
|
|
[currency]="currency"
|
|
[locale]="data.locale"
|
|
[ngClass]="{ 'text-danger': minPrice?.toFixed(2) === marketPrice?.toFixed(2) && maxPrice?.toFixed(2) !== minPrice?.toFixed(2) }"
|
|
[value]="minPrice"
|
|
></gf-value>
|
|
</div>
|
|
<div class="col-6 mb-3">
|
|
<gf-value
|
|
label="Maximum Price"
|
|
size="medium"
|
|
[currency]="currency"
|
|
[locale]="data.locale"
|
|
[ngClass]="{ 'text-success': maxPrice?.toFixed(2) === marketPrice?.toFixed(2) && maxPrice?.toFixed(2) !== minPrice?.toFixed(2) }"
|
|
[value]="maxPrice"
|
|
></gf-value>
|
|
</div>
|
|
<div class="col-6 mb-3">
|
|
<gf-value
|
|
label="Quantity"
|
|
size="medium"
|
|
[locale]="data.locale"
|
|
[precision]="quantityPrecision"
|
|
[value]="quantity"
|
|
></gf-value>
|
|
</div>
|
|
<div class="col-6 mb-3">
|
|
<gf-value
|
|
label="Investment"
|
|
size="medium"
|
|
[currency]="data.baseCurrency"
|
|
[locale]="data.locale"
|
|
[value]="investment"
|
|
></gf-value>
|
|
</div>
|
|
<div class="col-6 mb-3">
|
|
<gf-value
|
|
label="First Buy Date"
|
|
size="medium"
|
|
[value]="firstBuyDate"
|
|
></gf-value>
|
|
</div>
|
|
<div class="col-6 mb-3">
|
|
<gf-value
|
|
size="medium"
|
|
[label]="transactionCount === 1 ? 'Transaction' : 'Transactions'"
|
|
[locale]="data.locale"
|
|
[value]="transactionCount"
|
|
></gf-value>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<gf-dialog-footer
|
|
mat-dialog-actions
|
|
[deviceType]="data.deviceType"
|
|
(closeButtonClicked)="onClose()"
|
|
></gf-dialog-footer>
|
|
|