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.
44 lines
1.2 KiB
44 lines
1.2 KiB
<div class="container">
|
|
<h3 class="mb-3 text-center" i18n>Markets</h3>
|
|
<div class="mb-5 row">
|
|
<div class="col-xs-12 col-md-8 offset-md-2">
|
|
<div class="mb-2 text-center text-muted">
|
|
<small i18n>Last {{ numberOfDays }} Days</small>
|
|
</div>
|
|
<gf-line-chart
|
|
class="mb-3"
|
|
symbol="Fear & Greed Index"
|
|
yMax="100"
|
|
yMaxLabel="Greed"
|
|
yMin="0"
|
|
yMinLabel="Fear"
|
|
[historicalDataItems]="historicalData"
|
|
[locale]="user?.settings?.locale"
|
|
[showXAxis]="true"
|
|
[showYAxis]="true"
|
|
></gf-line-chart>
|
|
<gf-fear-and-greed-index
|
|
class="d-flex justify-content-center"
|
|
[fearAndGreedIndex]="fearAndGreedIndex"
|
|
[hidden]="isLoading"
|
|
></gf-fear-and-greed-index>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mb-3 row">
|
|
<div class="col-xs-12 col-md-8 offset-md-2">
|
|
<gf-benchmark
|
|
[benchmarks]="benchmarks"
|
|
[locale]="user?.settings?.locale"
|
|
></gf-benchmark>
|
|
<ngx-skeleton-loader
|
|
*ngIf="isLoading"
|
|
animation="pulse"
|
|
[theme]="{
|
|
height: '1.5rem',
|
|
width: '100%'
|
|
}"
|
|
></ngx-skeleton-loader>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|