hestia/www/views/index.html

77 lines
3.4 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>
2023-01-10 18:40:44 +00:00
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap -->
2023-01-10 18:17:06 +00:00
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
2023-01-10 18:14:54 +00:00
<!-- <link rel="stylesheet" href="/main.css"> -->
2022-12-20 20:17:30 +00:00
</head>
<body onload="refreshData()" class="container">
2022-12-20 20:53:25 +00:00
<%- include('trial.html') -%>
<div id="title" class="text-center mb-4">
<a href='./'>Hestia Web Portal</a>
</div>
<div id="status" class="row">
2023-01-07 02:53:54 +00:00
<!--
| Auger | rows[0].cells[1] | On Time | rows[0].cells[3] |
| Feed Rate | rows[1].cells[1] | Off Time | rows[1].cells[3] |
-->
<table id="status-table" class="table table-bordered col-sm-12 col-md-6">
2023-01-07 02:53:54 +00:00
<tr>
<td>Auger</td>
<td></td>
<td>On Time</td>
<td></td>
</tr>
<tr>
<td>Feed Rate</td>
<td></td>
<td>Off Time</td>
<td></td>
</tr>
</table>
</div>
2023-01-07 02:29:28 +00:00
<div class="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 -->
<div class="button-container d-flex justify-content-between">
<input class="btn btn-outline-secondary" type="submit" id="ignite" value="Enable Auger" name="start">
<input class="btn btn-outline-secondary" type="submit" id="shutdown" value="Disable Auger" name="shutdown">
2022-12-20 20:17:30 +00:00
</div>
<!-- Set feed rates -->
<div class="form-group">
<label for="feedRate">Feed Rate: </label>
<select name="feedRate" class="form-control">
<option value="600">Low</option>
<option value="800">Medium</option>
<option value="1000">High</option>
</select>
</div>
<div class="button-container d-flex justify-content-end">
<input class="btn btn-outline-secondary" type="submit" id="reload" value="Reload" name="reload">
2023-01-07 02:33:12 +00:00
</div>
2022-12-20 20:17:30 +00:00
</form>
</div>
<div class="text-center my-4">
<img src="./dancing_jesus.gif" class="img-fluid">
2022-12-22 02:07:46 +00:00
</div>
<div id="log-container" class="row">
<iframe id="log-area" src="log.txt" class="col-sm-12 col-md-6"></iframe>
2022-12-20 20:17:30 +00:00
</div>
2023-01-07 02:29:28 +00:00
<div class="controls-container">
<form action="/" method="POST">
<input class="btn btn-danger" type="submit" id="quit" value="Quit!!" name="quit" style="visibility: hidden;">
2023-01-07 02:29:28 +00:00
</form>
</div>
2022-12-23 03:22:35 +00:00
<script src="./main.js"></script>
2022-12-20 20:17:30 +00:00
</body>
</html>