CreeperVM/webapp
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add users online count to list

Browse Source
This commit is contained in:
Elijah R 2024-02-02 09:26:15 -05:00 committed by Elijah R
parent 7ef0f20189
commit 288edf6b3a
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/ts/main.ts
View File

@ -44,6 +44,10 @@ function multicollab(url : string) {
await new Promise<void>(res => client.on('open', () => res())); await new Promise<void>(res => client.on('open', () => res()));
// Get the list of VMs // Get the list of VMs
var list = await client.list(); 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 // Add to the list
vms.push(...list); vms.push(...list);
// Add to the DOM // Add to the DOM
@ -59,7 +63,10 @@ function multicollab(url : string) {
cardBody.classList.add("card-body"); cardBody.classList.add("card-body");
var cardTitle = document.createElement('h5'); var cardTitle = document.createElement('h5');
cardTitle.innerHTML = vm.displayName; cardTitle.innerHTML = vm.displayName;
var usersOnline = document.createElement("span");
usersOnline.innerHTML = `(<i class="fa-solid fa-users"></i> ${online})`;
cardBody.appendChild(cardTitle); cardBody.appendChild(cardTitle);
cardBody.appendChild(usersOnline);
card.appendChild(vm.thumbnail); card.appendChild(vm.thumbnail);
card.appendChild(cardBody); card.appendChild(cardBody);
div.appendChild(card); div.appendChild(card);