collarbone-annihilation/iu9-ca-web-chat
7
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases 1 Wiki Activity

Обновить assets/html/chat.html

Browse Source
This commit is contained in:
Каримов Адель 2024-08-23 10:57:31 +00:00
parent 0e2ed000f9
commit eebfc72518
1 changed files with 40 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
assets/html/chat.html
View File

@ -1,38 +1,40 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="ru"> <html lang="ru">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Веб-Чат</title> <title>Веб-Чат</title>
<link rel="stylesheet" href="/assets/css/chat.css"> <link rel="stylesheet" href="/assets/css/chat.css">
</head> </head>
<body> <body>
<div class="chat-container"> <div class="chat-container">
<div class="chat-header"> <div class="chat-header">
<span class="room-name">Веб чат</span> <!-- Добавленная кнопка перехода -->
<button class="members" onclick="openMembersList()">Показать участников</button> <a href="list-rooms.html" class="back-to-rooms">← К списку чатов</a>
</div> <span class="room-name">Веб чат</span>
<div class="chat-messages" id="chat-messages"> <button class="members" onclick="openMembersList()">Показать участников</button>
<!-- Сообщения чата будут здесь --> </div>
</div> <div class="chat-messages" id="chat-messages">
<div class="chat-footer"> <!-- Сообщения чата будут здесь -->
<input type="text" class="chat-input" id="chat-input" placeholder="Введите сообщение..."> </div>
<button class="chat-send-button" onclick="sendMessage()">Отправить</button> <div class="chat-footer">
</div> <input type="text" class="chat-input" id="chat-input" placeholder="Введите сообщение...">
</div> <button class="chat-send-button" onclick="sendMessage()">Отправить</button>
<div class="overlay" id="overlay"> </div>
<div class="members-list" id="members-list"> </div>
<div class="members-list-header"> <div class="overlay" id="overlay">
<span class="close" onclick="closeMembersList()">&times;</span> <div class="members-list" id="members-list">
<h2 class="all-members">Все участники</h2> <div class="members-list-header">
</div> <span class="close" onclick="closeMembersList()">&times;</span>
<div class="members-list-body"> <h2 class="all-members">Все участники</h2>
<ul id="members-list-body"> </div>
<!-- Список участников будет добавлен динамически --> <div class="members-list-body">
</ul> <ul id="members-list-body">
</div> <!-- Список участников будет добавлен динамически -->
</div> </ul>
</div> </div>
<script src="/assets/js/chat.js"></script> </div>
</body> </div>
</html> <script src="/assets/js/chat.js"></script>
</body>
</html>