86 lines
2.4 KiB
JavaScript
86 lines
2.4 KiB
JavaScript
let rooms = {};
|
||
|
||
function openRoom(currentRoom) {
|
||
alert('Вы вошли в комнату: ' + currentRoom);
|
||
}
|
||
|
||
function closeAdd() {
|
||
document.getElementById('add_members').style.display = 'none';
|
||
}
|
||
|
||
function openAdd() {
|
||
document.getElementById('add_members').style.display = 'flex';
|
||
}
|
||
|
||
function addMember() {
|
||
const login = document.getElementById('newMemberLogin').value;
|
||
if (login) {
|
||
alert(`Участник с никнеймом '${login}' добавлен`);
|
||
closeAdd();
|
||
} else {
|
||
alert('Пожалуйста, введите логин участника');
|
||
}
|
||
}
|
||
|
||
function openCreateRoomModal() {
|
||
document.getElementById('createRoomModal').style.display = 'block';
|
||
}
|
||
|
||
function closeCreateRoomModal() {
|
||
document.getElementById('createRoomModal').style.display = 'none';
|
||
}
|
||
|
||
function createRoom() {
|
||
const roomName = document.getElementById('newRoomName').value.trim();
|
||
if (roomName === '') {
|
||
alert('Пожалуйста, заполните все поля.');
|
||
return;
|
||
}
|
||
if (rooms[roomName]) {
|
||
alert('Комната с таким названием уже существует.');
|
||
return;
|
||
}
|
||
rooms[roomName] = true;
|
||
addRoomToList(roomName);
|
||
closeCreateRoomModal();
|
||
}
|
||
|
||
function addRoomToList(roomName) {
|
||
const roomList = document.querySelector('.room-list');
|
||
const existingRoomItem = Array.from(roomList.children).find(item => item.querySelector('.room-name').textContent === roomName);
|
||
if (existingRoomItem) {
|
||
existingRoomItem.remove();
|
||
}
|
||
|
||
const roomItem = document.createElement('li');
|
||
roomItem.classList.add('room-item');
|
||
|
||
roomItem.innerHTML = `
|
||
<span class="room-name">${roomName}</span>
|
||
<button class="add-members-button" onclick="openAdd()">Добавить участников</button>
|
||
<button class="join-button" onclick="openRoom('${roomName}')">Войти</button>
|
||
`;
|
||
|
||
roomList.appendChild(roomItem);
|
||
}
|
||
|
||
function initializeRoomList() {
|
||
Object.keys(rooms).forEach(roomName => {
|
||
addRoomToList(roomName);
|
||
});
|
||
}
|
||
|
||
initializeRoomList();
|
||
|
||
window.onclick = function(event) {
|
||
if (event.target === document.getElementById('createRoomModal')) {
|
||
closeCreateRoomModal();
|
||
}
|
||
}
|
||
|
||
document.getElementById('newRoomName').addEventListener('keydown', function(event) {
|
||
if (event.key === 'Enter') {
|
||
createRoom();
|
||
}
|
||
});
|