feat: update user status to online/offline/idle and corresponding UI changes

Author: frankpagan

src/client.js

@@ -227,16 +227,16 @@ const CoCreateUser = {
 			return;
 
 		let redirectTag;
-		if (userStatus == "on" || userStatus == "idle") {
+		if (userStatus == "online" || userStatus == "idle") {
 			redirectTag = document.querySelector('[session="true"]');
-		} else if (userStatus == "off") {
+		} else if (userStatus == "offline") {
 			redirectTag = document.querySelector('[session="false"]');
 		}
 
 		if (redirectTag) {
 			let redirectLink = redirectTag.getAttribute("href");
 			if (redirectLink) {
-				if (userStatus == "off") {
+				if (userStatus == "offline") {
 					localStorage.removeItem("user_id");
 					localStorage.removeItem("token");
 				}

src/index.css

@@ -1,7 +1,7 @@
-[user-status="on"] {
+[user-status="online"] {
     background-color:yellowgreen;
 }
-[user-status="off"] {
+[user-status="offline"] {
     background-color:red;
 }
 [user-status="idle"] {

src/server.js

@@ -90,7 +90,7 @@ class CoCreateUser {
 					method: "signIn",
 					success: false,
 					message: "signIn failed",
-					userStatus: "off",
+					userStatus: "offline",
 					organization_id: data.organization_id,
 					uid: data.uid
 				};
@@ -114,7 +114,7 @@ class CoCreateUser {
 						socket.user_id = user_id;
 						response.success = true;
 						response.message = "signIn successful";
-						response.userStatus = "on";
+						response.userStatus = "online";
 						response.user_id = user_id;
 						response.token = token;
 					}
@@ -135,7 +135,7 @@ class CoCreateUser {
 	}
 
 	/**
-	 * status: 'on/off/idle'
+	 * status: 'online/offline/idle'
 	 */
 	async userStatus(data) {
 		const self = this;