53 lines
1.5 KiB
JavaScript
53 lines
1.5 KiB
JavaScript
const activitySocket = new WebSocket(
|
|
'ws://'
|
|
+ window.location.host
|
|
+ '/ws/event/'
|
|
+ eventId
|
|
+ '/'
|
|
);
|
|
|
|
activitySocket.onmessage = function(e) {
|
|
console.log(e);
|
|
data = JSON.parse(e.data);
|
|
|
|
// Activity attendees (when everyone can join)
|
|
attendees = document.querySelector('#activity-' + data.activity + ' .numatt');
|
|
if(attendees){
|
|
attendees.innerHTML = data.attendees;
|
|
}
|
|
|
|
// Activity capacity (when there is a guest limit)
|
|
capacity = document.querySelector('#activity-' + data.activity + ' .numcap');
|
|
if(capacity){
|
|
capacity.innerHTML = data.capacity;
|
|
}
|
|
|
|
// Activity capacity (when there is a guest limit)
|
|
activity = document.querySelector('#activity-' + data.activity);
|
|
if(activity){
|
|
if(data.capacity >= guestCount){
|
|
activity.classList.remove("bg-gray");
|
|
activity.classList.remove("bd-gray");
|
|
}
|
|
else{
|
|
activity.classList.add("bg-gray");
|
|
activity.classList.add("bd-gray");
|
|
}
|
|
}
|
|
|
|
// Activity capacity (when there is a guest limit)
|
|
attendees_names = document.querySelector('#activity-' + data.activity + ' .stratt');
|
|
if(attendees_names){
|
|
html = "";
|
|
|
|
for(index in data.guests){
|
|
html += "<span class='badge bg-blue'>" + data.guests[index].join(", ") + "</span>";
|
|
}
|
|
|
|
attendees_names.innerHTML = html;
|
|
}
|
|
};
|
|
|
|
activitySocket.onclose = function(e) {
|
|
console.error('Activity socket closed unexpectedly');
|
|
}; |