hestia/www/views/index.html

42 lines
2.0 KiB
HTML
Raw Normal View History

2022-12-20 20:17:30 +00:00
<!DOCTYPE html>
<html>
<head>
2022-12-21 19:16:29 +00:00
<title>Hestia Web Portal</title>
2022-12-20 20:17:30 +00:00
<link rel="stylesheet" href="/main.css">
</head>
2022-12-21 18:50:09 +00:00
<body onload="refreshData()">
2022-12-20 20:53:25 +00:00
<%- include('trial.html') -%>
2023-01-06 22:04:46 +00:00
<div id="title"><a href='./'>Hestia Web Portal</a></div>
<div id="status">Auger: <span id="auger-status"></span> | On Time: <span id="auger-on"></span> | Off Time: <span id="auger-off"></span> | Feed Rate: <span id="feed-rate"></span></div>
2022-12-20 20:17:30 +00:00
<div id="controls-container">
2022-12-21 02:12:22 +00:00
<form action="/" method="post">
2022-12-20 20:17:30 +00:00
<!-- Start | Shutdown | Reload Settings -->
2022-12-22 02:07:46 +00:00
<div class="button-container">
2023-01-06 22:04:46 +00:00
<input class="button-unselected" type="submit" id="ignite" value="Enable Auger" name="start"><input class="button-unselected" type="submit" id="shutdown" value="Disable Auger" name="shutdown"><input class="button-unselected" type="submit" id="reload" value="Reload" name="reload"><br>
2022-12-20 20:17:30 +00:00
</div>
<!-- Set feed rates -->
2023-01-06 23:33:44 +00:00
<label for="feedRate">Feed Rate: </label>
<select name="feedRate">
2023-01-06 23:33:44 +00:00
<option value="600">Low</option>
<option value="800">Medium</option>
<option value="1000">High</option>
</select>
2022-12-20 20:17:30 +00:00
</form>
</div>
2023-01-06 22:04:46 +00:00
<!-- <div class="subheading">
2022-12-22 02:07:46 +00:00
Pellet Feed Rate
</div>
<div class="button-container">
<button class="button-unselected" id="low-level">LOW</button><button class="button-unselected" id="med-level">MED</button><button class="button-unselected" id="hi-level">HI</button>
2023-01-06 22:04:46 +00:00
</div> -->
2022-12-22 02:07:46 +00:00
<div class="button-container">
<img src="./dancing_jesus.gif">
</div>
2022-12-20 20:17:30 +00:00
<div id="log-container">
2023-01-06 22:04:46 +00:00
<button id="refresh-log" onclick="refreshData()">Refresh Log</button><br>
2022-12-21 18:50:09 +00:00
<!-- <textarea id="log-area"></textarea> -->
2022-12-20 20:53:25 +00:00
<iframe id="log-area" src="log.txt"></iframe>
2022-12-20 20:17:30 +00:00
</div>
2022-12-23 03:22:35 +00:00
<script src="./main.js"></script>
2022-12-20 20:17:30 +00:00
</body>
</html>