41 lines
1.8 KiB
HTML
41 lines
1.8 KiB
HTML
|
{{define "base"}}<!doctype html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
<title>Basis — Crypto Portfolio</title>
|
||
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||
|
|
<link rel="stylesheet" href="/static/style.css">
|
||
|
|
</head>
|
||
|
|
<body data-page="{{.Page}}" data-current="{{.CurrentTab}}" data-poll="{{.PollSeconds}}" data-currency-symbol="{{curSymbol}}">
|
||
|
|
<header class="topbar">
|
||
|
|
<a href="/" class="topbar-total tab-link" data-topbar data-open-tab="portfolio">
|
||
|
|
<span class="topbar-value" data-field="topbar-value">{{money .TotalValue}}</span>
|
||
|
|
<span class="topbar-pl {{signClass .TotalPL}}" data-field="topbar-pl">{{money .TotalPL}} ({{printf "%+.2f" .TotalPLPercent}}%)</span>
|
||
|
|
</a>
|
||
|
|
<nav>
|
||
|
|
<a href="/" class="{{if or (eq .Page "settings") (eq .Page "account")}}{{else}}active{{end}}">Dashboard</a>
|
||
|
|
<a href="/settings" class="{{if eq .Page "settings"}}active{{end}}">Settings</a>
|
||
|
|
<a href="/account" class="{{if eq .Page "account"}}active{{end}}">Account</a>
|
||
|
|
<form method="post" action="/logout" class="logout-form"><button type="submit" class="logout-btn">Sign out</button></form>
|
||
|
|
</nav>
|
||
|
|
</header>
|
||
|
|
<main>
|
||
|
|
{{if or (eq .Page "settings") (eq .Page "account")}}
|
||
|
|
{{template "content" .}}
|
||
|
|
{{else}}
|
||
|
|
<div class="tabbar" id="tabbar" role="tablist"></div>
|
||
|
|
<div id="tab-panels">
|
||
|
|
<div class="tab-panel active" data-panel="{{if eq .Page "position"}}pos:{{.CurrentTab}}{{else if eq .Page "transfers"}}transfers{{else}}portfolio{{end}}">
|
||
|
|
{{template "content" .}}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{{end}}
|
||
|
|
</main>
|
||
|
|
<script src="/static/app.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
{{end}}
|