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.
47 lines
1.3 KiB
47 lines
1.3 KiB
<div>
|
|
<gf-line-chart
|
|
class="mb-4"
|
|
[colorScheme]="user?.settings?.colorScheme"
|
|
[historicalDataItems]="historicalDataItems"
|
|
[isAnimated]="true"
|
|
[locale]="locale"
|
|
[showXAxis]="true"
|
|
[showYAxis]="true"
|
|
[symbol]="symbol"
|
|
/>
|
|
<div
|
|
*ngFor="let itemByMonth of marketDataByMonth | keyvalue"
|
|
class="d-flex"
|
|
[hidden]="!marketData.length > 0"
|
|
>
|
|
<div class="date px-1 text-nowrap">{{ itemByMonth.key }}</div>
|
|
<div class="align-items-center d-flex flex-grow-1 px-1">
|
|
<div
|
|
*ngFor="let dayItem of days; let i = index"
|
|
class="day"
|
|
[ngClass]="{
|
|
'cursor-pointer valid': isDateOfInterest(
|
|
itemByMonth.key + '-' + (i + 1 < 10 ? '0' + (i + 1) : i + 1)
|
|
),
|
|
available:
|
|
marketDataByMonth[itemByMonth.key][
|
|
i + 1 < 10 ? '0' + (i + 1) : i + 1
|
|
]?.marketPrice,
|
|
today: isToday(
|
|
itemByMonth.key + '-' + (i + 1 < 10 ? '0' + (i + 1) : i + 1)
|
|
)
|
|
}"
|
|
[title]="
|
|
(itemByMonth.key + '-' + (i + 1 < 10 ? '0' + (i + 1) : i + 1)
|
|
| date: defaultDateFormat) ?? ''
|
|
"
|
|
(click)="
|
|
onOpenMarketDataDetail({
|
|
day: i + 1 < 10 ? '0' + (i + 1) : i + 1,
|
|
yearMonth: itemByMonth.key
|
|
})
|
|
"
|
|
></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|