75 lines
3.3 KiB
HTML
75 lines
3.3 KiB
HTML
{% ELDEF main JSON pres JSON userinfo JSON initial_chatListUpdResp %}
|
|
<!DOCTYPE html>
|
|
<html lang="{% WRITE pres.lang %}">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>List of chat rooms</title>
|
|
<link rel="icon" type="image/png" href="/assets/img/favicon.png">
|
|
<link rel="stylesheet" href="/assets/css/common.css">
|
|
<link rel="stylesheet" href="/assets/css/common-popup.css">
|
|
<link rel="stylesheet" href="/assets/css/list-rooms.css">
|
|
</head>
|
|
<body>
|
|
<script>
|
|
let pres = {% PUT jsinsert pres %};
|
|
let userinfo = {% PUT jsinsert userinfo %};
|
|
let initial_chatListUpdResp = {% PUT jsinsert initial_chatListUpdResp %};
|
|
</script>
|
|
<div id="chat-creation-win" class="popup-window">
|
|
<h1 class="popup-window-msg">Input identifying information for your new chat</h1>
|
|
<table class="id-str-input-table">
|
|
<tr>
|
|
<td class="id-str-input-td1">
|
|
<label for="chat-nickname-input">Enter nickname for new chat:</label>
|
|
</td>
|
|
<td class="id-str-input-td2">
|
|
<input id="chat-nickname-input" type="text" placeholder="Take a nickname" class="one-line-input" required>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="id-str-input-td1">
|
|
<label for="chat-name-input">Enter name for new chat:</label>
|
|
</td>
|
|
<td class="id-str-input-td2">
|
|
<input id="chat-name-input" type="text" placeholder="Come up with name" class="one-line-input" required>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<h1 class="popup-window-msg">Create new chat?</h1>
|
|
<button class="popup-window-btn-yes" id="chat-creation-win-yes">Yes, create</button>
|
|
<button class="popup-window-btn-no" id="chat-creation-win-no">No, cancel</button>
|
|
</div>
|
|
|
|
<div id="chat-renunciation-win" class="popup-window">
|
|
<!-- header will actually be rewritten before showing the window to include chat nickname -->
|
|
<h1 id="chat-renunciation-win-title" class="popup-window-msg">Are you sure you want to leave chat?</h1>
|
|
<button class="popup-window-btn-yes" id="chat-renunciation-win-yes">Yes, leave</button>
|
|
<button class="popup-window-btn-no" id="chat-renunciation-win-no">No, cancel</button>
|
|
</div>
|
|
|
|
x
|
|
<div class="document-container resp-container">
|
|
<div id="navigation-panel" class="panel">
|
|
<a href="/user/{% WRITE userinfo.nickname %}" id="go-to-my-profile" class="panel-thing">
|
|
<img alt="Go to my profile" src="/assets/img/user.svg" width="32px">
|
|
</a>
|
|
<p class="panel-thing panel-header-txt">
|
|
List of available rooms
|
|
</p>
|
|
</div>
|
|
|
|
<div class="dynamic-block-list">
|
|
<img id="CL-bacbe" class="button-add centered-block-el" alt="New chat" src="/assets/img/add.svg">
|
|
<div class="dynamic-block-list-el-container" id="CL-dblec">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="/assets/js/common.js"></script>
|
|
<script src="/assets/js/common-popup.js"></script>
|
|
<script src="/assets/js/list-rooms.js"></script>
|
|
</body>
|
|
</html>
|
|
{% ENDELDEF %}
|