This commit is contained in:
Skylar Grant 2022-12-19 21:55:50 -05:00
parent 7f1a6d51b2
commit 84c8ff3708
3 changed files with 46 additions and 4 deletions

View File

@ -1,6 +1,11 @@
/* Pellet Stove Control Panel
* Web Configuration Server
* v0.0.0 by Skylar Grant
*
* TODOs:
* Implement Express to make it easier
* Add actual data into the responses
* Launching point: https://stackoverflow.com/questions/18831783/how-to-call-a-server-side-function-from-client-side-e-g-html-button-onclick-i
*/
const http = require('http');

View File

@ -2,6 +2,7 @@
<html>
<head>
<title>Pellet Stove Web Portal</title>
<link rel="stylesheet" href="./main.css">
</head>
<body>
<div id="title">Pellet Stove Web Portal</div>
@ -10,11 +11,13 @@
<div id="controls-container">
<form>
<!-- Start | Shutdown | Reload Settings -->
<button id="ignite">Start</button><button id="shutdown">Shutdown</button><button id="reload">Reload Settings</button><br>
<div id="buttons">
<button id="ignite" onclick="">Start</button><button id="shutdown">Shutdown</button><button id="reload">Reload Settings</button><br>
</div>
<!-- Set feed rates -->
<label for="augerOn">Auger On Interval: </label><input type="number" id="augerOn" name="augerOn" min="500" max="1000">ms<br>
<label for="augerOff">Auger Off Interval: </label><input type="number" id="augerOff" name="augerOff" min="1000" max="2000">ms<br>
<label for="pauseInt">App Pause Interval: </label><input type="number" id="pauseInt" name="pauseInt" min="1000" max="600000">ms<br>
<label for="augerOn">Auger On Interval: </label><input type="number" id="augerOn" name="augerOn" min="500" max="1000" value="500">ms<br>
<label for="augerOff">Auger Off Interval: </label><input type="number" id="augerOff" name="augerOff" min="1000" max="2000" value="1500">ms<br>
<label for="pauseInt">App Pause Interval: </label><input type="number" id="pauseInt" name="pauseInt" min="1000" max="600000" value="10000">ms<br>
</form>

34
www/main.css Normal file
View File

@ -0,0 +1,34 @@
html, body {
background-color: #333;
color: aqua;
font-family: sans-serif;
}
#title {
text-align: center;
font-size: 35px;
padding-bottom: 15px;
}
#status {
text-align: center;
}
#safeties {
text-align: center;
}
#controls-container {
text-align: center;
}
#buttons button {
margin: 20px 5px;
font-size: 20px;
width: 150px;
height: 30px;
}
#controls-container input {
margin: 5px;
}