init
This commit is contained in:
Pavel Flegr
commit
ef105e1cac
22 changed files with 3001 additions and 0 deletions
300
web/templates/pages/home.gohtml
Normal file
300
web/templates/pages/home.gohtml
Normal file
|
|
@ -0,0 +1,300 @@
|
|||
{{ define "home" }}
|
||||
{{ $stats := .Data }}
|
||||
<section class="hero">
|
||||
<div>
|
||||
<p class="eyebrow">Fast SSR banking demo</p>
|
||||
<h1>Transfer money by account number with real ledger rules.</h1>
|
||||
<p class="lede">Each new user receives a generated CZK account number and a 10 000,00 CZK signup bonus. Admins use a separate login and every privileged action is audited.</p>
|
||||
<div class="actions">
|
||||
<a class="button primary" href="/register">Create account</a>
|
||||
<a class="button secondary" href="/login">User login</a>
|
||||
</div>
|
||||
</div>
|
||||
<aside class="card stats-card">
|
||||
<h2>System snapshot</h2>
|
||||
<dl class="stats-grid">
|
||||
<div>
|
||||
<dt>Registered users</dt>
|
||||
<dd>{{ $stats.UserCount }}</dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt>Transactions</dt>
|
||||
<dd>{{ $stats.TransactionCount }}</dd>
|
||||
</div>
|
||||
</dl>
|
||||
<ul class="clean-list">
|
||||
<li>Internal transfers by account number</li>
|
||||
<li>Separate admin authentication</li>
|
||||
<li>Signup bonus on registration</li>
|
||||
<li>Admin freeze, unfreeze, and adjustments</li>
|
||||
</ul>
|
||||
</aside>
|
||||
</section>
|
||||
{{ end }}
|
||||
|
||||
{{ define "register" }}
|
||||
<section class="panel narrow">
|
||||
<h1>Create user account</h1>
|
||||
<p class="muted">Every signup gets a new account number and 10 000,00 CZK.</p>
|
||||
<form method="post" action="/register" class="stack-form">
|
||||
<input type="hidden" name="csrf_token" value="{{ .CSRFToken }}">
|
||||
<label>Email<input type="email" name="email" required></label>
|
||||
<label>Username<input type="text" name="username" required></label>
|
||||
<label>Password<input type="password" name="password" minlength="8" required></label>
|
||||
<button class="button primary" type="submit">Create account</button>
|
||||
</form>
|
||||
</section>
|
||||
{{ end }}
|
||||
|
||||
{{ define "login" }}
|
||||
<section class="panel narrow">
|
||||
<h1>User login</h1>
|
||||
<form method="post" action="/login" class="stack-form">
|
||||
<input type="hidden" name="csrf_token" value="{{ .CSRFToken }}">
|
||||
<label>Email<input type="email" name="email" required></label>
|
||||
<label>Password<input type="password" name="password" required></label>
|
||||
<button class="button primary" type="submit">Sign in</button>
|
||||
</form>
|
||||
</section>
|
||||
{{ end }}
|
||||
|
||||
{{ define "admin_login" }}
|
||||
<section class="panel narrow">
|
||||
<h1>Admin login</h1>
|
||||
<p class="muted">Separate authentication from customer accounts.</p>
|
||||
<form method="post" action="/admin/login" class="stack-form">
|
||||
<input type="hidden" name="csrf_token" value="{{ .CSRFToken }}">
|
||||
<label>Email<input type="email" name="email" required></label>
|
||||
<label>Password<input type="password" name="password" required></label>
|
||||
<button class="button primary" type="submit">Admin sign in</button>
|
||||
</form>
|
||||
</section>
|
||||
{{ end }}
|
||||
|
||||
{{ define "dashboard" }}
|
||||
{{ $page := .Data }}
|
||||
<section class="stack-section">
|
||||
<div class="card balance-card compact-balance-card">
|
||||
<p class="eyebrow">Current balance</p>
|
||||
<h1 class="balance-value">{{ money $page.User.BalanceMinor }}</h1>
|
||||
<p class="meta-line">Account number: <strong>{{ $page.User.AccountNumber }}</strong></p>
|
||||
<p class="meta-line">User: {{ $page.User.Username }}</p>
|
||||
<div class="actions">
|
||||
<a class="button primary" href="/app/transfer">Send money</a>
|
||||
<a class="button secondary" href="/app/transactions">Full history</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h2>Recent activity</h2>
|
||||
{{ template "transaction_table" $page.Transactions }}
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
|
||||
{{ define "leaderboard" }}
|
||||
{{ $page := .Data }}
|
||||
<section class="panel wide">
|
||||
<div class="toolbar">
|
||||
<div>
|
||||
<h1>Leaderboard</h1>
|
||||
<p class="muted">All active users ranked by current account balance.</p>
|
||||
</div>
|
||||
<div class="leaderboard-note">Ordered highest to lowest balance.</div>
|
||||
</div>
|
||||
<table class="table leaderboard-table">
|
||||
<thead><tr><th>#</th><th>User</th><th>Account</th><th>Balance</th></tr></thead>
|
||||
<tbody>
|
||||
{{ range $page.Entries }}
|
||||
<tr>
|
||||
<td><span class="rank-pill">{{ .Rank }}</span></td>
|
||||
<td>{{ .Username }}</td>
|
||||
<td>{{ .AccountNumber }}</td>
|
||||
<td>{{ money .BalanceMinor }}</td>
|
||||
</tr>
|
||||
{{ else }}
|
||||
<tr><td colspan="4" class="muted">No users available yet.</td></tr>
|
||||
{{ end }}
|
||||
</tbody>
|
||||
</table>
|
||||
</section>
|
||||
{{ end }}
|
||||
|
||||
{{ define "transfer" }}
|
||||
<section class="panel medium">
|
||||
<h1>Send money</h1>
|
||||
<form method="post" action="/app/transfer" class="stack-form">
|
||||
<input type="hidden" name="csrf_token" value="{{ .CSRFToken }}">
|
||||
<label>Destination account number<input type="text" name="account_number" inputmode="numeric" required></label>
|
||||
<label>Amount in CZK<input type="text" name="amount" placeholder="250,00" required></label>
|
||||
<label>Reference note<input type="text" name="description" maxlength="120"></label>
|
||||
<button class="button primary" type="submit">Send transfer</button>
|
||||
</form>
|
||||
</section>
|
||||
{{ end }}
|
||||
|
||||
{{ define "transactions" }}
|
||||
{{ $page := .Data }}
|
||||
<section class="panel wide">
|
||||
<h1>Transaction history</h1>
|
||||
{{ template "transaction_table" $page.Transactions }}
|
||||
</section>
|
||||
{{ end }}
|
||||
|
||||
{{ define "admin_dashboard" }}
|
||||
{{ $page := .Data }}
|
||||
<section class="stack-section">
|
||||
<div class="stats-row">
|
||||
<article class="card stat-box"><span>Users</span><strong>{{ $page.Dashboard.UserCount }}</strong></article>
|
||||
<article class="card stat-box"><span>Accounts</span><strong>{{ $page.Dashboard.AccountCount }}</strong></article>
|
||||
<article class="card stat-box"><span>Transactions</span><strong>{{ $page.Dashboard.TransactionCount }}</strong></article>
|
||||
<article class="card stat-box"><span>Frozen users</span><strong>{{ $page.Dashboard.FrozenUserCount }}</strong></article>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h2>Recent transactions</h2>
|
||||
{{ template "transaction_table" $page.Dashboard.RecentTransactions }}
|
||||
</div>
|
||||
<div class="card">
|
||||
<h2>Recent audit activity</h2>
|
||||
<div class="table-wrap">
|
||||
<table class="table">
|
||||
<thead><tr><th>When</th><th>Admin</th><th>Action</th><th>Target</th></tr></thead>
|
||||
<tbody>
|
||||
{{ range $page.Dashboard.RecentAuditActivity }}
|
||||
<tr><td>{{ dt .CreatedAt }}</td><td>{{ .AdminEmail }}</td><td>{{ .Action }}</td><td>{{ .TargetType }} / {{ .TargetID }}</td></tr>
|
||||
{{ else }}
|
||||
<tr><td colspan="4" class="muted">No audit activity yet.</td></tr>
|
||||
{{ end }}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
|
||||
{{ define "admin_users" }}
|
||||
{{ $page := .Data }}
|
||||
<section class="panel wide">
|
||||
<div class="toolbar">
|
||||
<div>
|
||||
<h1>Users</h1>
|
||||
<p class="muted">Search by email, username, or account number.</p>
|
||||
</div>
|
||||
<form method="get" action="/admin/users" class="search-form">
|
||||
<input type="text" name="q" value="{{ $page.Search }}" placeholder="Search users">
|
||||
<button class="button secondary" type="submit">Search</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="table-wrap">
|
||||
<table class="table">
|
||||
<thead><tr><th>User</th><th>Account</th><th>Status</th><th>Balance</th><th>Created</th></tr></thead>
|
||||
<tbody>
|
||||
{{ range $page.Users }}
|
||||
<tr>
|
||||
<td><a href="/admin/users/{{ .ID }}">{{ .Username }}</a><div class="subtle">{{ .Email }}</div></td>
|
||||
<td>{{ .AccountNumber }}</td>
|
||||
<td>{{ .Status }}</td>
|
||||
<td>{{ money .BalanceMinor }}</td>
|
||||
<td>{{ dt .CreatedAt }}</td>
|
||||
</tr>
|
||||
{{ else }}
|
||||
<tr><td colspan="5" class="muted">No users found.</td></tr>
|
||||
{{ end }}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
|
||||
{{ define "admin_user_detail" }}
|
||||
{{ $page := .Data }}
|
||||
<section class="stack-section">
|
||||
<div class="page-grid">
|
||||
<div class="card">
|
||||
<h1>{{ $page.User.Username }}</h1>
|
||||
<p class="meta-line">{{ $page.User.Email }}</p>
|
||||
<p class="meta-line">Account number: <strong>{{ $page.User.AccountNumber }}</strong></p>
|
||||
<p class="meta-line">Balance: <strong>{{ money $page.User.BalanceMinor }}</strong></p>
|
||||
<p class="meta-line">Status: <strong>{{ $page.User.Status }}</strong></p>
|
||||
<div class="actions">
|
||||
{{ if eq $page.User.Status "active" }}
|
||||
<form method="post" action="/admin/users/{{ $page.User.ID }}/freeze" class="inline-form">
|
||||
<input type="hidden" name="csrf_token" value="{{ $.CSRFToken }}">
|
||||
<button class="button danger" type="submit">Freeze user</button>
|
||||
</form>
|
||||
{{ else }}
|
||||
<form method="post" action="/admin/users/{{ $page.User.ID }}/unfreeze" class="inline-form">
|
||||
<input type="hidden" name="csrf_token" value="{{ $.CSRFToken }}">
|
||||
<button class="button secondary" type="submit">Unfreeze user</button>
|
||||
</form>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h2>Adjust balance</h2>
|
||||
<form method="post" action="/admin/accounts/{{ $page.User.AccountID }}/adjust" class="stack-form">
|
||||
<input type="hidden" name="csrf_token" value="{{ $.CSRFToken }}">
|
||||
<label>Direction
|
||||
<select name="direction">
|
||||
<option value="credit">Credit</option>
|
||||
<option value="debit">Debit</option>
|
||||
</select>
|
||||
</label>
|
||||
<label>Amount<input type="text" name="amount" placeholder="500,00" required></label>
|
||||
<label>Reason<input type="text" name="reason" maxlength="150" required></label>
|
||||
<button class="button primary" type="submit">Apply adjustment</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h2>Recent transactions</h2>
|
||||
{{ template "transaction_table" $page.Transactions }}
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
|
||||
{{ define "admin_audit_logs" }}
|
||||
<section class="panel wide">
|
||||
<h1>Audit logs</h1>
|
||||
<div class="table-wrap">
|
||||
<table class="table">
|
||||
<thead><tr><th>When</th><th>Admin</th><th>Action</th><th>Target</th><th>Metadata</th></tr></thead>
|
||||
<tbody>
|
||||
{{ range .Data }}
|
||||
<tr>
|
||||
<td>{{ dt .CreatedAt }}</td>
|
||||
<td>{{ .AdminEmail }}</td>
|
||||
<td>{{ .Action }}</td>
|
||||
<td>{{ .TargetType }} / {{ .TargetID }}</td>
|
||||
<td><code>{{ .Metadata }}</code></td>
|
||||
</tr>
|
||||
{{ else }}
|
||||
<tr><td colspan="5" class="muted">No audit logs yet.</td></tr>
|
||||
{{ end }}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
|
||||
{{ define "transaction_table" }}
|
||||
<div class="table-wrap">
|
||||
<table class="table transaction-table">
|
||||
<thead><tr><th>When</th><th>Type</th><th>Direction</th><th>Sender</th><th>Recipient</th><th>Amount</th><th>Description</th></tr></thead>
|
||||
<tbody>
|
||||
{{ range . }}
|
||||
<tr>
|
||||
<td>{{ dt .CreatedAt }}</td>
|
||||
<td>{{ .Type }}</td>
|
||||
<td>{{ .Direction }}</td>
|
||||
<td>{{ if .SenderAccount }}{{ .SenderAccount }}{{ else }}-{{ end }}</td>
|
||||
<td>{{ if .RecipientAccount }}{{ .RecipientAccount }}{{ else }}-{{ end }}</td>
|
||||
<td>{{ money .AmountMinor }}</td>
|
||||
<td>{{ .Description }}</td>
|
||||
</tr>
|
||||
{{ else }}
|
||||
<tr><td colspan="7" class="muted">No transactions yet.</td></tr>
|
||||
{{ end }}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{{ end }}
|
||||
Loading…
Add table
Add a link
Reference in a new issue