voidf1sh/hestia
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Tweak display of elements

Browse Source
This commit is contained in:
Skylar Grant 2023-11-17 10:31:01 -05:00
parent ceab174d04
commit c52fca4b5a
1 changed files with 22 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
www/views/index.html
View File

@ -21,17 +21,14 @@
</div> </div>
<div id="status" class="row"> <div id="status" class="row">
<!-- <!--
| Auger | rows[0].cells[1] | Igniter | rows[0].cells[1]
| Igniter | rows[1].cells[1] | Exhaust | rows[1].cells[1]
| Exhaust | rows[2].cells[1] | Auger | rows[2].cells[1]
| Feed Rate | rows[3].cells[1] | Feed Rate | rows[3].cells[1]
--> -->
<table id="status-table" class="table table-bordered col-sm-12 col-md-6"> <table id="status-table" class="table table-bordered col-sm-12 col-md-6">
<tr> <tr>
<td>Auger</td>
<td></td>
</tr>
<tr> <tr>
<td>Igniter</td> <td>Igniter</td>
<td></td> <td></td>
@ -40,6 +37,9 @@
<td>Exhaust</td> <td>Exhaust</td>
<td></td> <td></td>
</tr> </tr>
<td>Auger</td>
<td></td>
</tr>
<tr> <tr>
<td>Feed Rate</td> <td>Feed Rate</td>
<td></td> <td></td>
@ -53,13 +53,19 @@
<form action="/" method="post"> <form action="/" method="post">
<!-- Start | Shutdown | Reload Settings --> <!-- Start | Shutdown | Reload Settings -->
<div class="button-container d-flex justify-content-between"> <div class="button-container d-flex justify-content-between">
<input class="btn btn-outline-secondary" type="submit" id="auger-on" value="Enable Auger" name="augerOn">
<input class="btn btn-outline-secondary" type="submit" id="auger-off" value="Disable Auger" name="augerOff">
<input class="btn btn-outline-secondary" type="submit" id="igniter-on" value="Enable Igniter" name="igniterOn"> <input class="btn btn-outline-secondary" type="submit" id="igniter-on" value="Enable Igniter" name="igniterOn">
<input class="btn btn-outline-secondary" type="submit" id="igniter-off" value="Disable Igniter" name="igniterOff"> <input class="btn btn-outline-secondary" type="submit" id="igniter-off" value="Disable Igniter" name="igniterOff">
</div>
<div class="button-container d-flex justify-content-between">
<input class="btn btn-outline-secondary" type="submit" id="exhaust-on" value="Enable Exhaust" name="exhaustOn"> <input class="btn btn-outline-secondary" type="submit" id="exhaust-on" value="Enable Exhaust" name="exhaustOn">
<input class="btn btn-outline-secondary" type="submit" id="exhaust-off" value="Disable Exhaust" name="exhaustOff"> <input class="btn btn-outline-secondary" type="submit" id="exhaust-off" value="Disable Exhaust" name="exhaustOff">
</div> </div>
<div class="button-container d-flex justify-content-between">
<input class="btn btn-outline-secondary" type="submit" id="auger-on" value="Enable Auger" name="augerOn">
<input class="btn btn-outline-secondary" type="submit" id="auger-off" value="Disable Auger" name="augerOff">
</div>
<!-- Set feed rates --> <!-- Set feed rates -->
<div class="form-group"> <div class="form-group">
<label for="feedRate">Feed Rate: </label> <label for="feedRate">Feed Rate: </label>
@ -125,9 +131,9 @@
// Get the elements we need to update // Get the elements we need to update
const statusTable = document.getElementById('status-table'); const statusTable = document.getElementById('status-table');
const augerStatus = statusTable.rows[0].cells[1]; const igniterStatus = statusTable.rows[0].cells[1];
const igniterStatus = statusTable.rows[1].cells[1]; const exhaustStatus = statusTable.rows[1].cells[1];
const exhaustStatus = statusTable.rows[2].cells[1] const augerStatus = statusTable.rows[2].cells[1];
const feedRate = statusTable.rows[3].cells[1]; const feedRate = statusTable.rows[3].cells[1];
const feedRateSelect = document.getElementById('feed-rate-select'); const feedRateSelect = document.getElementById('feed-rate-select');