Change action button color to green on connect

This commit is contained in:
Peter Stockings
2023-01-26 15:54:18 +11:00
parent 7059e3e2bc
commit 693f47d784

View File

@@ -2,6 +2,8 @@ let socket = null;
let characteristic = null; let characteristic = null;
let prevRes = null; let prevRes = null;
let btn = document.querySelector("#ble-connect");
function delay(ms) { function delay(ms) {
return new Promise((resolve) => setTimeout(resolve, ms)); return new Promise((resolve) => setTimeout(resolve, ms));
} }
@@ -24,6 +26,11 @@ async function connect(props) {
console.log("> Characteristic value changed event listener added"); console.log("> Characteristic value changed event listener added");
socket = io(); socket = io();
socket.addEventListener("open", () => {
btn.classList.remove("bg-red-600");
btn.classList.add("bg-green-600");
});
socket.on("disconnect", (reason) => { socket.on("disconnect", (reason) => {
if (reason === "io server disconnect") { if (reason === "io server disconnect") {
// the disconnection was initiated by the server, you need to reconnect manually // the disconnection was initiated by the server, you need to reconnect manually
@@ -100,7 +107,7 @@ function revsToRPM(prevRes, res) {
return rpm; return rpm;
} }
document.querySelector("#ble-connect").addEventListener("click", () => btn.addEventListener("click", () =>
connect({ connect({
onChange: parseCSC, onChange: parseCSC,
}).catch(console.error) }).catch(console.error)