slawk0/web-chat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

contact is fully working

Browse Source
This commit is contained in:
slawk0
2024-09-15 17:05:42 +02:00
parent 2e0ef74edf
commit d7e3acbacc
2 changed files with 11 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/js/chat.js
View File

@@ -167,12 +167,20 @@ async function initializeSocket() {
usernameSpan.textContent = contactUsername; usernameSpan.textContent = contactUsername;
usernameSpan.className = 'contact-username'; usernameSpan.className = 'contact-username';
const removeButton = createRemoveButton(contactUsername, contact); const removeButton = document.createElement('button');
removeButton.textContent = 'X';
removeButton.className = 'remove-contact';
removeButton.addEventListener('click', (e) => {
e.stopPropagation();
socket.emit('delete contact', contactUsername);
contacts.removeChild(contact);
addedContacts.delete(contactUsername);
});
contact.appendChild(usernameSpan); contact.appendChild(usernameSpan);
contact.appendChild(removeButton); contact.appendChild(removeButton);
usernameSpan.addEventListener('click', () => { contact.addEventListener('click', () => {
currentRecipient = contactUsername; currentRecipient = contactUsername;
recipientInput.value = contactUsername; recipientInput.value = contactUsername;
localStorage.setItem('currentRecipient', currentRecipient); localStorage.setItem('currentRecipient', currentRecipient);
@@ -181,24 +189,6 @@ async function initializeSocket() {
contacts.appendChild(contact); contacts.appendChild(contact);
} }
function createRemoveButton(contactUsername, contactElement) {
const removeButton = document.createElement('button');
removeButton.textContent = 'X';
removeButton.className = 'remove-contact';
removeButton.addEventListener('click', (e) => {
e.stopPropagation();
socket.emit('delete contact', contactUsername);
removeContact(contactUsername, contactElement);
});
return removeButton;
}
function removeContact(contactUsername, contactElement) {
contacts.removeChild(contactElement);
addedContacts.delete(contactUsername);
}
} }
initializeSocket(); initializeSocket();

2
frontend/routes/chat.html
View File

@@ -19,7 +19,7 @@
<div class="chat-area"> <div class="chat-area">
<form id="recipientForm"> <form id="recipientForm">
<input id="recipient" autocomplete="off" placeholder="Enter recipient"/> <input id="recipient" autocomplete="off" placeholder="Enter contact"/>
<button type="submit">Set recipient</button> <button type="submit">Set recipient</button>
</form> </form>