mirror of
https://github.com/glanceapp/glance.git
synced 2024-11-26 18:34:56 +01:00
40 lines
1.4 KiB
HTML
40 lines
1.4 KiB
HTML
{{ template "widget-base.html" . }}
|
|
|
|
{{ define "widget-content" }}
|
|
{{ if ne .Style "dynamic-columns-experimental" }}
|
|
<ul class="list list-gap-20 list-with-separator">
|
|
{{ range .Markets }}
|
|
<li class="flex items-center gap-15">
|
|
{{ template "market" . }}
|
|
</li>
|
|
{{ end }}
|
|
</ul>
|
|
{{ else }}
|
|
<div class="dynamic-columns">
|
|
{{ range .Markets }}
|
|
<div class="flex items-center gap-15">
|
|
{{ template "market" . }}
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
{{ end }}
|
|
{{ end }}
|
|
|
|
{{ define "market" }}
|
|
<div class="min-width-0">
|
|
<a{{ if ne "" .SymbolLink }} href="{{ .SymbolLink }}" target="_blank" rel="noreferrer"{{ end }} class="color-highlight size-h3 block text-truncate">{{ .Symbol }}</a>
|
|
<div class="text-truncate">{{ .Name }}</div>
|
|
</div>
|
|
|
|
<a class="market-chart" {{ if ne "" .ChartLink }} href="{{ .ChartLink }}" target="_blank" rel="noreferrer"{{ end }}>
|
|
<svg class="market-chart shrink-0" viewBox="0 0 100 50">
|
|
<polyline fill="none" stroke="var(--color-text-subdue)" stroke-width="1.5px" points="{{ .SvgChartPoints }}" vector-effect="non-scaling-stroke"></polyline>
|
|
</svg>
|
|
</a>
|
|
|
|
<div class="market-values shrink-0">
|
|
<div class="size-h3 text-right {{ if eq .PercentChange 0.0 }}{{ else if gt .PercentChange 0.0 }}color-positive{{ else }}color-negative{{ end }}">{{ printf "%+.2f" .PercentChange }}%</div>
|
|
<div class="text-right">{{ .Currency }}{{ .Price | formatPrice }}</div>
|
|
</div>
|
|
{{ end }}
|