Files
Manual-Coffee-Roasting-Plan/src/roast.html

49 lines
1.8 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Stovetop Coffee Roast Logger</title>
<link rel="stylesheet" href="./roast.css">
</head>
<body>
<div id="timer">0:00</div>
<div id="create-plan">
<input type="text" id="plan-input" placeholder="Enter temperatures (comma separated)">
<button onclick="setPlan()">Set Plan</button>
</div>
<div id="controls" class="hidden">
<div id="temp-buttons" class="button-group"></div>
<div id="event-buttons" class="button-group">
<button onclick="logEvent('Charge')">Charge</button>
<button onclick="logEvent('Yellow')">Yellow</button>
<button onclick="logEvent('First Crack')">First Crack</button>
<button onclick="logEvent('Second Crack')">Second Crack</button>
<button onclick="logEvent('Drop')">Drop</button>
</div>
<div id="export-csv">
<button onclick="exportCSV()">Export CSV</button>
<button onclick="showGraph()">Show Graph</button>
<button onclick="resetSystem()">Reset</button>
</div>
</div>
<div id="log-table">
<table>
<thead>
<tr>
<th>Time</th>
<th>Event</th>
<th>Temperature</th>
</tr>
</thead>
<tbody id="log-body">
<!-- Log entries will be inserted here -->
</tbody>
</table>
</div>
<div id="graph-container" class="hidden">
<button onclick="hideGraph()" id="close-btn">X</button>
<canvas id="myChart"></canvas>
</div>
<!--script type="module" src="./tempgraph.ts"></script-->
<script type="module" src="./roast.ts"></script></body>
</html>