75 lines
4.1 KiB
HTML
75 lines
4.1 KiB
HTML
|
{{define "content"}}
|
||
|
|
<section class="hero" data-ws-hero="{{if .Pair}}{{wsSymbol .Currency .Quote}}{{end}}" data-holdings="{{sortVal .Amount}}" data-cost="{{sortVal .Cost}}" data-fx-rate="{{sortVal .FXRate}}">
|
||
|
|
<div class="hero-label"><a href="/" class="back tab-link" data-open-tab="portfolio">← Dashboard</a></div>
|
||
|
|
<div class="hero-value">{{.Currency}}</div>
|
||
|
|
<div class="hero-sub">
|
||
|
|
<span class="mono">{{amt .Amount}} held{{if .Staked}} ({{amt .Staked}} staked){{end}}</span> ·
|
||
|
|
<span class="mono" data-field="hero-value">{{money .Value}} value</span> ·
|
||
|
|
<span class="mono {{signClass .PLDollar}}" data-field="hero-pl">{{money .PLDollar}} ({{printf "%+.2f" .PLPercent}}%)</span>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<div class="chart-card" data-advanced-chart data-currency="{{.Currency}}">
|
||
|
|
<div class="chart-controls" data-chart="currency" data-currency="{{.Currency}}">
|
||
|
|
<button type="button" data-range="24h">24H</button>
|
||
|
|
<button type="button" data-range="7d">7D</button>
|
||
|
|
<button type="button" data-range="30d">30D</button>
|
||
|
|
<button type="button" data-range="1y">1Y</button>
|
||
|
|
<button type="button" data-range="all" class="active">All</button>
|
||
|
|
<button type="button" class="mode-toggle" data-chart-mode-toggle>Advanced view</button>
|
||
|
|
</div>
|
||
|
|
<div data-chart-simple>
|
||
|
|
<svg class="chart" data-chart-target="currency:{{.Currency}}" data-symbol="{{curSymbol}}" viewBox="0 0 600 220" aria-hidden="true"></svg>
|
||
|
|
<p class="chart-empty" data-chart-empty="currency:{{.Currency}}" hidden>Not enough price history yet for this range.</p>
|
||
|
|
<p class="chart-caption" data-chart-caption="currency:{{.Currency}}"></p>
|
||
|
|
</div>
|
||
|
|
<div data-chart-advanced hidden>
|
||
|
|
<svg class="chart candle-chart" data-candle-price viewBox="0 0 600 260" aria-hidden="true"></svg>
|
||
|
|
<p class="chart-empty" data-candle-empty hidden></p>
|
||
|
|
<p class="chart-sublabel">RSI (14)</p>
|
||
|
|
<svg class="chart rsi-chart" data-candle-rsi viewBox="0 0 600 90" aria-hidden="true"></svg>
|
||
|
|
<p class="hint">Bollinger Bands (20, 2) and RSI computed from Kraken's own OHLC candles, in the pair's native price.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
{{if .Entries}}
|
||
|
|
<div class="table-scroll">
|
||
|
|
<table class="ledger sortable" data-sort-key="position:{{.Currency}}">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th data-sort="date">Date</th>
|
||
|
|
<th data-sort="type">Type</th>
|
||
|
|
<th data-sort="source">Source</th>
|
||
|
|
<th data-sort="amount">Amount</th>
|
||
|
|
<th data-sort="price">Price</th>
|
||
|
|
<th data-sort="fee">Fee</th>
|
||
|
|
<th data-sort="cost">Cost / Proceeds</th>
|
||
|
|
<th data-sort="value">Current Value</th>
|
||
|
|
<th data-sort="pl">P/L</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
{{range .Entries}}
|
||
|
|
<tr>
|
||
|
|
<td data-label="Date" data-sort-value="{{.OccurredAt.Unix}}">{{dateStr .OccurredAt}}</td>
|
||
|
|
<td data-label="Type"><span class="badge {{.EntryType}}">{{capitalize .EntryType}}</span></td>
|
||
|
|
<td class="source" data-label="Source">{{.Source}}</td>
|
||
|
|
<td class="mono" data-label="Amount" data-sort-value="{{sortVal .Amount}}">{{amt .Amount}}</td>
|
||
|
|
<td class="mono" data-label="Price" data-sort-value="{{sortVal .Price}}">{{if .Price}}{{money .Price}}{{else}}—{{end}}</td>
|
||
|
|
<td class="mono" data-label="Fee" data-sort-value="{{sortVal .Fee}}">{{money .Fee}}</td>
|
||
|
|
<td class="mono" data-label="Cost / Proceeds" data-sort-value="{{sortVal .Cost}}">{{if .Cost}}{{money .Cost}}{{else}}—{{end}}</td>
|
||
|
|
<td class="mono" data-label="Current Value" data-sort-value="{{sortVal .CurrentValue}}">{{money .CurrentValue}}</td>
|
||
|
|
<td class="mono {{if eq .EntryType "buy"}}{{signClass .PLDollar}}{{end}}" data-label="P/L" data-sort-value="{{if eq .EntryType "buy"}}{{sortVal .PLDollar}}{{end}}">
|
||
|
|
{{if eq .EntryType "buy"}}{{money .PLDollar}} ({{printf "%+.1f" .PLPercent}}%){{else}}—{{end}}
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
{{end}}
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
<p class="hint">A buy row's P/L assumes that specific purchase is still fully held — the total above (which matches your live Kraken balance when connected) is the accurate figure once you've sold or moved coins around.</p>
|
||
|
|
{{else}}
|
||
|
|
<p class="empty">No activity recorded for {{.Currency}} yet.</p>
|
||
|
|
{{end}}
|
||
|
|
{{end}}
|