68 lines
		
	
	
		
			3.0 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			68 lines
		
	
	
		
			3.0 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| {% ELDEF main JSON pres JSON userinfo %}
 | |
| <!DOCTYPE html>
 | |
| <html lang="{% WRITE pres.lang %}">
 | |
| <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>
 | |
| {% PUT pass-pres-userinfo pres userinfo %}
 | |
| <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="Название комнаты">-->
 | |
| <!--            <input type="password" id="newRoomNickname" placeholder="Никнейм комнаты">-->
 | |
| <!--        </div>-->
 | |
| <!--        <div id="error"></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>
 | |
| {% ENDELDEF %} |