<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Список Чат-Комнат</title> <link rel="stylesheet" href="/assets/css/list-rooms.css"> </head> <body> <div class="container"> <h1 style="color: white;">Выберите Чат-Комнату</h1> <ul class="room-list"> <!-- Здесь будет список комнат --> </ul> <button class="create-room-button" onclick="openCreateRoomModal()">Создать Комнату</button> </div> <!-- Модальное окно для создания комнаты --> <div id="createRoomModal" class="modal"> <div class="modal-content"> <div class="modal-header"> <span class="close" onclick="closeCreateRoomModal()">×</span> <h2>Создать Комнату</h2> </div> <div class="modal-body"> <input type="text" id="newRoomName" placeholder="Название комнаты"> </div> <div class="modal-footer"> <button class="join-button" onclick="createRoom()">Создать</button> </div> </div> </div> <!-- Модальное окно для добавления участников --> <div class="overlay" id="add_members"> <div class="add-members"> <div class="add-members-header"> <span class="close" onclick="closeAdd()">×</span> <h2>Добавить участников</h2> </div> <div class="add-members-body"> <input type="text" id="newMemberLogin" placeholder="Логин пользователя"> </div> <div class="add-members-footer"> <button class="add-member-button" onclick="addMember()">Добавить</button> </div> </div> </div> <div class="overlay" id="delete-chat"> <div class="delete-chat"> <div class="delete-chat-header"> <span class="delete-close" onclick="closeConfirm()">×</span> <h2>Вы уверены, что хотите удалить чат?</h2> </div> <div class="delete-chat-body"> <button class="confirm" onclick="deleteChat()">Да</button> <button class="cancel" onclick="closeConfirm()">Нет</button> </div> </div> </div> <script src="/assets/js/list-rooms.js"></script> </body> </html>