etalon
c59aea42ef
- theme rework (user request): white paper bg, brown ink, ordered-dither halftone textures, hard offset Y2K shadows, dithered masthead bands; dark theme matched; token test + DECISIONS updated - fix: .card + .card stacking margin leaked into grid layouts, shifting every card except the first (the 'always the first item' reports) - fix: CSP style-src 'self' silently dropped every inline style attribute (misaligned save button, stat values, editor attach button, bell badge); styles now allow inline, scripts remain strict per §12 - fix: [hidden] is now display:none !important so flex containers cannot defeat it (chat panel/footers) - board + metrics filters live in boxed .toolbar rows with baseline-aligned controls; metric stat cards use a uniform .stat layout - new-conversation dialog: fixed 440px width and 180px results list (no more resizing while searching), full-width result rows, picked people drop out of the list - floating messages bubble bottom-right on all pages (except /messages): unread badge, mini panel with conversation list, thread view, quick composer, live WS updates; toasts moved up to clear it Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
50 lines
1.6 KiB
HTML
50 lines
1.6 KiB
HTML
{{define "content"}}
|
|
<h1>Metrics</h1>
|
|
<div class="error-box" id="error" role="alert"></div>
|
|
|
|
<div class="toolbar mt">
|
|
<div class="field tight">
|
|
<label for="m-from">From</label>
|
|
<input type="date" id="m-from">
|
|
</div>
|
|
<div class="field tight">
|
|
<label for="m-to">To</label>
|
|
<input type="date" id="m-to">
|
|
</div>
|
|
<button class="btn" id="m-apply">Apply</button>
|
|
<a class="btn" id="m-csv" href="#">Export CSV</a>
|
|
</div>
|
|
|
|
<section id="dev-metrics" hidden>
|
|
<div class="grid mt" id="dev-cards"></div>
|
|
<div class="card mt"><h2>Earnings over time (weekly)</h2><div id="dev-weekly"></div></div>
|
|
<div class="card mt"><h2>Per customer</h2><div id="dev-customers"></div></div>
|
|
</section>
|
|
|
|
<section id="cons-metrics" hidden>
|
|
<div class="toolbar mt">
|
|
<div class="field tight">
|
|
<label for="m-customer">Customer</label>
|
|
<select id="m-customer"><option value="">All</option></select>
|
|
</div>
|
|
</div>
|
|
<div class="grid mt" id="cons-cards"></div>
|
|
<div class="card mt"><h2>Awarded over time (weekly)</h2><div id="cons-weekly"></div></div>
|
|
<div class="row mt">
|
|
<div class="card"><h2>Per developer</h2><div id="cons-devs"></div></div>
|
|
<div class="card"><h2>Per customer</h2><div id="cons-customers"></div></div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="card mt">
|
|
<div class="spread">
|
|
<h2>Leaderboard — top developers</h2>
|
|
<label class="muted"><input type="checkbox" id="lb-optout"> Hide me from the leaderboard</label>
|
|
</div>
|
|
<table class="list" id="leaderboard">
|
|
<thead><tr><th>#</th><th>Developer</th><th>Tasks</th><th>Bounty</th></tr></thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
</div>
|
|
{{end}}
|