From 288edf6b3a3c71904f75386d1e34884f30c0f525 Mon Sep 17 00:00:00 2001
From: Elijah R <elijah@computernewb.com>
Date: Fri, 2 Feb 2024 09:26:15 -0500
Subject: [PATCH] add users online count to list

---
 src/ts/main.ts | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/ts/main.ts b/src/ts/main.ts
index 8875086..471b546 100644
--- a/src/ts/main.ts
+++ b/src/ts/main.ts
@@ -44,6 +44,10 @@ function multicollab(url : string) {
         await new Promise<void>(res => client.on('open', () => res()));
         // Get the list of VMs
         var list = await client.list();
+        // Get the number of online users
+        var online = client.getUsers().length;
+        // Close the client
+        client.close();
         // Add to the list
         vms.push(...list);
         // Add to the DOM
@@ -59,7 +63,10 @@ function multicollab(url : string) {
             cardBody.classList.add("card-body");
             var cardTitle = document.createElement('h5');
             cardTitle.innerHTML = vm.displayName;
+            var usersOnline = document.createElement("span");
+            usersOnline.innerHTML = `(<i class="fa-solid fa-users"></i> ${online})`;
             cardBody.appendChild(cardTitle);
+            cardBody.appendChild(usersOnline);
             card.appendChild(vm.thumbnail);
             card.appendChild(cardBody);
             div.appendChild(card);