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

Touch ups

Browse Source
This commit is contained in:
Skylar Grant 2024-12-07 14:34:32 -05:00
parent 38c0497a30
commit 5b1c2882cb
2 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/assets/hestia.js
View File

@ -67,10 +67,10 @@ export function refreshState(doc, state) {
// Proof of Fire // Proof of Fire
statusString = 'Loading...'; statusString = 'Loading...';
if (state.pof.on) statusString = "On"; else statusString = "Off"; if (state.pof.on) statusString = "Lit"; else statusString = "Extinguished";
pofStatus.innerHTML = statusString; pofStatus.innerHTML = statusString;
// This is needlessly complicated but it matches the other status updates // Feed Rate
statusString = 'Loading...'; statusString = 'Loading...';
const { feedRate } = state.auger; const { feedRate } = state.auger;
if (config.feedRates.reverse[feedRate]) statusString = config.feedRates.reverse[feedRate]; if (config.feedRates.reverse[feedRate]) statusString = config.feedRates.reverse[feedRate];

22
src/index.html
View File

@ -18,11 +18,15 @@
<body class="bg-gray-900 text-white font-sans"> <body class="bg-gray-900 text-white font-sans">
<marquee style="color: yellow; background-color: red; font-weight: bold;"> <marquee style="color: yellow; background-color: red; font-weight: bold;">
PELLET STOVE FREE TRIAL HAS ENDED, PLEASE PURCHASE A LICENSE NOW! Your Hestia Free Trial has expired, please purchase a license to continue using Hestia.
</marquee> </marquee>
<div class="container mx-auto py-8 max-w-md"> <div class="container mx-auto py-8 max-w-md">
<h1 class="text-3xl text-center text-purple-400 font-bold mb-8">Hestia Control Panel</h1> <div class="text-center my-8">
<img src="./assets/dancing_jesus.gif" class="img-fluid mx-auto rounded-lg shadow-lg" alt="Dancing Jesus">
</div>
<h1 class="text-3xl text-center text-purple-400 font-bold mb-8">Hestia</h1>
<div class="controls-container bg-gray-800 p-6 rounded-lg shadow-lg space-y-4"> <div class="controls-container bg-gray-800 p-6 rounded-lg shadow-lg space-y-4">
<table class="min-w-full bg-gray-900 text-white rounded-lg shadow-lg"> <table class="min-w-full bg-gray-900 text-white rounded-lg shadow-lg">
@ -52,7 +56,7 @@
</tr> </tr>
<!-- PoF --> <!-- PoF -->
<tr class="border-b border-gray-700"> <tr class="border-b border-gray-700">
<td class="py-2 px-4">Proof of Fire</td> <td class="py-2 px-4">Fire</td>
<td class="py-2 px-4" id="pof-status">Placeholder</td> <td class="py-2 px-4" id="pof-status">Placeholder</td>
</tr> </tr>
</tbody> </tbody>
@ -66,12 +70,12 @@
<div class="button-container flex mt-4"> <div class="button-container flex mt-4">
<input class="btn bg-gray-700 hover:bg-purple-600 text-white py-2 w-full rounded mx-auto" type="submit" id="auger-toggle-btn" value="Toggle Auger" name="augerToggle" onclick="togglePower('auger')"> <input class="btn bg-gray-700 hover:bg-purple-600 text-white py-2 w-full rounded mx-auto" type="submit" id="auger-toggle-btn" value="Toggle Auger" name="augerToggle" onclick="togglePower('auger')">
</div> </div>
<div class="button-container flex mt-4"> <!-- <div class="button-container flex mt-4">
<input class="btn bg-gray-700 hover:bg-purple-600 text-white py-2 w-full rounded mx-auto" type="submit" id="start-btn" value="[Disabled]" name="startButton" onclick=""> <input class="btn bg-gray-700 hover:bg-purple-600 text-white py-2 w-full rounded mx-auto" type="submit" id="start-btn" value="[Disabled]" name="startButton" onclick="">
</div> </div> -->
<div class="button-container flex mt-4"> <!-- <div class="button-container flex mt-4">
<input class="btn bg-gray-700 hover:bg-purple-600 text-white py-2 w-full rounded mx-auto" type="submit" id="stop-btn" value="[Disabled]" name="stopButton" onclick=""> <input class="btn bg-gray-700 hover:bg-purple-600 text-white py-2 w-full rounded mx-auto" type="submit" id="stop-btn" value="[Disabled]" name="stopButton" onclick="">
</div> </div> -->
<!-- Set feed rates --> <!-- Set feed rates -->
<div class="form-group mt-4"> <div class="form-group mt-4">
<label for="feed-rate" class="block text-sm font-medium text-purple-400">Feed Rate:</label> <label for="feed-rate" class="block text-sm font-medium text-purple-400">Feed Rate:</label>
@ -88,10 +92,6 @@
</div> </div>
</div> </div>
<div class="text-center my-8">
<img src="./assets/dancing_jesus.gif" class="img-fluid mx-auto rounded-lg shadow-lg" alt="Dancing Jesus">
</div>
<div class="controls-container bg-gray-800 p-6 rounded-lg shadow-lg" id="quitContainer"> <div class="controls-container bg-gray-800 p-6 rounded-lg shadow-lg" id="quitContainer">
<input class="btn bg-green-200 hover:bg-green-400 text-black font-bold py-2 px-4 rounded w-full" type="submit" id="reload" value="Refresh State" name="refresh"> <input class="btn bg-green-200 hover:bg-green-400 text-black font-bold py-2 px-4 rounded w-full" type="submit" id="reload" value="Refresh State" name="refresh">
</div> </div>