From 693f47d7840c8bb8d278a374aa0899366d64dd75 Mon Sep 17 00:00:00 2001
From: Peter Stockings <pstockings@jadeworld.com>
Date: Thu, 26 Jan 2023 15:54:18 +1100
Subject: [PATCH] Change action button color to green on connect

---
 static/js/BLE.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

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