abrendan_dev/MicDropMessages
1
0
Fork 0
mirror of https://github.com/abrendan/MicDropMessages.git synced 2025-12-15 01:44:04 +01:00
Code Issues Packages Projects Releases Wiki Activity

Added a error message when trying to connect without a username or room

Browse Source
This commit is contained in:
abrendan
2024-01-29 20:50:29 +00:00
parent 7f8151dfeb
commit fa1c78031c
3 changed files with 82 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
html/script.js
View File

@@ -44,25 +44,33 @@ function onload(){
document.getElementById("Message"+i).style.color = getComputedStyle(document.body).color;
}
})
// Ensure that the error popup is not displayed when the page is loaded
document.getElementById('errorPopup').style.display = 'none';
}
function Connect(){
// Get the username and room from the input fields
var username = usernameInput.value.trim();
var room = chatIDInput.value.trim();
// Check if the username and room are not empty
if(username && room){
socket.emit("join", room, username);
chatRoom.innerHTML = "Chatroom : " + room;
// Hide the chat div initially when attempting to connect
document.getElementById("Chat").style.display = "none";
document.getElementById('AccessPort').style.display = 'none';
} else {
// Maybe show an error message to the user that they need to fill in both fields
showErrorPopup("Please enter a username and a chatroom.");
}
}
function showErrorPopup(message) {
document.getElementById('errorText').textContent = message;
document.getElementById('errorPopup').style.display = 'flex';
}
function closeErrorPopup() {
document.getElementById('errorPopup').style.display = 'none';
}
function LeaveRoom(){
// Show access port to join another chat room.
document.getElementById('AccessPort').style.display = 'block';