Shane MaynardandClaude Fable 5
8b80c3fa6f
Test and deploy / test-and-deploy (push) Successful in 59s
Co-Authored-By: Claude Fable 5 <[email protected]>
238 lines
9.8 KiB
HTML
238 lines
9.8 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
<title>Roast history — Roast Planner</title>
|
|
<link rel="stylesheet" href="/app.css?v=__ASSET_VERSION__" />
|
|
<link rel="icon" href="/icon.svg?v=__ASSET_VERSION__" type="image/svg+xml" />
|
|
<meta name="theme-color" content="#A8481A" />
|
|
</head>
|
|
<body>
|
|
<div class="app-shell">
|
|
<nav class="side-nav" id="side-nav" aria-label="Main navigation">
|
|
<div class="side-nav-brand">
|
|
<img class="brand-mark" src="/brand-mark.svg?v=__ASSET_VERSION__" alt="" aria-hidden="true" />
|
|
<span class="brand-name">Roast Planner</span>
|
|
</div>
|
|
<div id="nav-links"></div>
|
|
<div class="nav-spacer"></div>
|
|
<button
|
|
class="icon-btn nav-collapse-toggle"
|
|
type="button"
|
|
id="nav-collapse"
|
|
aria-label="Collapse navigation"
|
|
title="Collapse navigation"
|
|
>
|
|
«
|
|
</button>
|
|
<div class="nav-user">
|
|
<div class="nav-user-avatar" id="nav-user-avatar" aria-hidden="true"></div>
|
|
<div class="nav-user-detail">
|
|
<span class="nav-user-email" id="account-email"></span>
|
|
<button class="nav-user-logout" type="button" id="btn-logout">
|
|
Log out
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="app-workspace" id="app-workspace">
|
|
<header class="app-header">
|
|
<div class="header-row-top">
|
|
<button
|
|
class="icon-btn nav-hamburger"
|
|
type="button"
|
|
id="nav-hamburger"
|
|
aria-label="Open navigation"
|
|
aria-expanded="false"
|
|
>
|
|
☰
|
|
</button>
|
|
<div class="brand">
|
|
<div class="brand-text">
|
|
<h1>Roast history</h1>
|
|
<p class="brand-sub">
|
|
Finished roasts uploaded from Artisan, with LLM reviews
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<div class="drawer-overlay hidden" id="drawer-overlay"></div>
|
|
|
|
<main class="page-content">
|
|
<section class="panel-card" id="roasts">
|
|
<div class="panel-head">
|
|
<h2>Actual roasts</h2>
|
|
<label class="filebtn ghost-btn small"
|
|
>Upload .alog<input
|
|
type="file"
|
|
id="roast-upload"
|
|
accept=".alog"
|
|
multiple
|
|
/></label>
|
|
</div>
|
|
<div class="panel-body">
|
|
<p class="field-note" id="upload-status" hidden></p>
|
|
<div class="table-wrap">
|
|
<table class="data-table" id="roasts-table">
|
|
<thead>
|
|
<tr>
|
|
<th>Roast</th>
|
|
<th>Plan</th>
|
|
<th>First crack</th>
|
|
<th>Drop</th>
|
|
<th>DTR</th>
|
|
<th>Loss</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="roasts-body"></tbody>
|
|
</table>
|
|
</div>
|
|
<p class="field-note">
|
|
Upload finished roasts here (they stay unattached to a plan), or
|
|
from the planner's Reference curve drawer to attach them to the
|
|
open plan. Click a row for the full review and curve.
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="panel-card hidden" id="roast-detail-card">
|
|
<div class="panel-head">
|
|
<h2 id="detail-title">Roast detail</h2>
|
|
<div style="display:flex;gap:8px;flex-wrap:wrap">
|
|
<a class="ghost-btn small" id="detail-download" href="#" download
|
|
>Original .alog</a
|
|
>
|
|
<a
|
|
class="ghost-btn small"
|
|
id="detail-download-updated"
|
|
href="#"
|
|
download
|
|
title="The original file with this app's data (weights, notes, cupping) written back as Artisan fields — importable into Artisan"
|
|
>Updated .alog</a
|
|
>
|
|
<button class="ghost-btn small" type="button" id="detail-reevaluate">
|
|
Re-evaluate
|
|
</button>
|
|
<button class="ghost-btn small" type="button" id="detail-delete">
|
|
Delete
|
|
</button>
|
|
<button class="ghost-btn small" type="button" id="detail-close">
|
|
Close
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="panel-body">
|
|
<p class="field-note" id="detail-meta"></p>
|
|
<div class="table-wrap">
|
|
<svg
|
|
id="roast-graph"
|
|
viewBox="0 0 714 360"
|
|
style="width:100%;max-width:900px;display:block"
|
|
role="img"
|
|
aria-label="Bean temperature curve of this roast"
|
|
></svg>
|
|
</div>
|
|
<div id="detail-stats" class="field-grid" style="margin-top:10px"></div>
|
|
|
|
<div id="detail-after" style="margin-top:16px">
|
|
<h3 style="margin:0 0 4px">After the roast</h3>
|
|
<p class="field-note" style="margin-top:0">
|
|
One change per batch. Weight loss is the honest instrument —
|
|
match the cup to a symptom, write the winner into "One
|
|
change", and the planner's ± Refine picks it up next time
|
|
you roast this lot. These values also go into the updated
|
|
.alog download.
|
|
</p>
|
|
<form id="after-form">
|
|
<div class="field-grid">
|
|
<label class="field"
|
|
><span class="field-label">Green in</span>
|
|
<div class="unit-input">
|
|
<input class="field-input" name="greenIn" /><span class="unit">g</span>
|
|
</div></label
|
|
>
|
|
<label class="field"
|
|
><span class="field-label">Out</span>
|
|
<div class="unit-input">
|
|
<input class="field-input" name="out" /><span class="unit">g</span>
|
|
</div></label
|
|
>
|
|
<label class="field"
|
|
><span class="field-label">Weight loss</span>
|
|
<div class="unit-input">
|
|
<input class="field-input" name="weightLossPct" /><span class="unit">%</span>
|
|
</div></label
|
|
>
|
|
<label class="field"
|
|
><span class="field-label">Actual DTR</span>
|
|
<div class="unit-input">
|
|
<input class="field-input" name="actualDtrPct" /><span class="unit">%</span>
|
|
</div></label
|
|
>
|
|
<label class="field"
|
|
><span class="field-label">vs target</span
|
|
><input class="field-input" name="vsTarget"
|
|
/></label>
|
|
<label class="field"
|
|
><span class="field-label">Colour WB/GR</span
|
|
><input class="field-input" name="colour"
|
|
/></label>
|
|
<label class="field"
|
|
><span class="field-label">Rested</span>
|
|
<div class="unit-input">
|
|
<input class="field-input" name="restedDays" /><span class="unit">days</span>
|
|
</div></label
|
|
>
|
|
<label class="field"
|
|
><span class="field-label">Brew ratio</span
|
|
><input class="field-input" name="brewRatio"
|
|
/></label>
|
|
<label class="field"
|
|
><span class="field-label">Method</span
|
|
><input class="field-input" name="method"
|
|
/></label>
|
|
</div>
|
|
<label class="field"
|
|
><span class="field-label">Cup notes</span
|
|
><textarea class="field-input" name="cupNotes" rows="2"></textarea></label
|
|
>
|
|
<p class="field-note" style="display:flex;gap:10px;align-items:center;flex-wrap:wrap">
|
|
<button class="ghost-btn small" type="button" id="open-cupping">
|
|
Open cupping session
|
|
</button>
|
|
<span
|
|
>Score it properly on the cupping sheet — the session
|
|
links through this roast's plan and lands in the updated
|
|
.alog.</span
|
|
>
|
|
</p>
|
|
<label class="field"
|
|
><span class="field-label">One change next batch</span
|
|
><input
|
|
class="field-input"
|
|
name="oneChange"
|
|
placeholder="e.g. first crack +0:30"
|
|
/></label>
|
|
<label class="field"
|
|
><span class="field-label">What would disprove it</span
|
|
><input class="field-input" name="disproof"
|
|
/></label>
|
|
<button class="primary-btn" type="submit" id="after-save">
|
|
Save after-roast
|
|
</button>
|
|
</form>
|
|
</div>
|
|
|
|
<div id="detail-evaluation" style="margin-top:14px"></div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
<script type="module" src="/js/roasts.js?v=__ASSET_VERSION__"></script>
|
|
</body>
|
|
</html>
|