49 lines
1.8 KiB
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> |