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

переписан файл list-rooms.html

Browse Source
This commit is contained in:
Fedor_Kitanin 2024-08-05 15:40:36 +03:00
parent 406a51f77d
commit 4a43cd9c7e
2 changed files with 6 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
assets/css/list-rooms.css
View File

@ -1,14 +1,4 @@
<!DOCTYPE html> body {
<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="form.css">
</head>
<body>
<div class="container">
<h1 stylebody {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
background-color: #f0f0f0; background-color: #f0f0f0;
margin: 0; margin: 0;
@ -17,7 +7,7 @@
.container { .container {
max-width: 800px; max-width: 800px;
margin: 30px auto; /* Уменьшили верхний отступ */ margin: 30px auto;
padding: 20px; padding: 20px;
background-color: #007bff; background-color: #007bff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
@ -26,7 +16,7 @@
h1 { h1 {
text-align: center; text-align: center;
color: #fff; /* Белый цвет для заголовка */ color: #fff;
} }
.room-list { .room-list {
@ -143,45 +133,4 @@ h1 {
.create-room-button:hover { .create-room-button:hover {
background-color: #218838; background-color: #218838;
}="color: white;">Выберите Чат-Комнату</h1> }
<ul class="room-list">
<!-- Здесь будет список комнат -->
</ul>
<button class="create-room-button" onclick="openCreateRoomModal()">Создать Комнату</button>
</div>
<div id="passwordModal" class="modal">
<div class="modal-content">
<div class="modal-header">
<span class="close" onclick="closeModal()">&times;</span>
<h2>Введите Пароль</h2>
</div>
<div class="modal-body">
<input type="password" id="roomPassword" placeholder="Пароль">
</div>
<div class="modal-footer">
<button class="join-button" onclick="validatePassword()">Подтвердить</button>
</div>
</div>
</div>
<!-- Модальное окно для создания комнаты -->
<div id="createRoomModal" class="modal">
<div class="modal-content">
<div class="modal-header">
<span class="close" onclick="closeCreateRoomModal()">&times;</span>
<h2>Создать Комнату</h2>
</div>
<div class="modal-body">
<input type="text" id="newRoomName" placeholder="Название комнаты">
<input type="password" id="newRoomPassword" placeholder="Пароль">
</div>
<div class="modal-footer">
<button class="join-button" onclick="createRoom()">Создать</button>
</div>
</div>
</div>
<script src="list-rooms.js"></script>
</body>
</html>

4
assets/html/list-rooms.html
View File

@ -4,7 +4,7 @@
<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="form.css"> <link rel="stylesheet" href="../css/list-rooms.css">
</head> </head>
<body> <body>
<div class="container"> <div class="container">
@ -47,6 +47,6 @@
</div> </div>
</div> </div>
<script src="list-rooms.js"></script> <script src="../js/list-rooms.js"></script>
</body> </body>
</html> </html>