-
Notifications
You must be signed in to change notification settings - Fork 0
/
privatechat.html
81 lines (69 loc) · 2.82 KB
/
privatechat.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
---
layout: default
title: Massroom
---
<div style="display: flex; align-items: center; gap: 10px; width: 30%; color: #00f52d;">
<svg width="40" height="40" style="fill: #00f52d;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M22 2H2v14h2V4h16v12h-8v2h-2v2H8v-4H2v2h4v4h4v-2h2v-2h10V2z" />
</svg>
<h1 class="title">Massroom Chat</h1>
</div>
<p>You are in a private chat. Send the chat id to share it!</p>
<p>Run <code>/help</code> to get bot command help!</p>
<br>
<h3 id="chat-id"></h3>
<br>
<div style="width: 90%; background-color: #363636; border-radius: 2px; padding: 20px; display: block; margin: 0 auto;">
<p>Live Chat, use the input box to join in!</p>
<br>
<div id="private-messageList">
<p id="startmessage"></p>
</div>
<div style="display: flex; align-items: center; gap: 10px;">
<input id="message-input" type="text" placeholder="Type a message...">
<button id="private-send-button">Send</button>
<a href="#" onclick="pasteText()">
<svg width="24" height="24" style="fill: #00f52d;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M3 2h18v14h-2v2h-2v-2h-2v2h2v2h-2v2H3V2zm2 2v16h8v-6h6V4H5z" />
</svg>
</a>
<a href="#" onclick="clearChat()" aria-label="Clear Chat" data-balloon-pos="down">
<svg width="24" height="24" style="fill: #00f52d;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M12 3H8v2h4v2H2v2h12V3h-2zm10 8V7h-6v2h4v2H2v2h20v-2zM2 17v-2h14v6h-6v-2h4v-2H2z" />
</svg>
</a>
</div>
</div>
<br>
<div>
<br>
<div style="display: flex; align-items: center; gap: 10px; width: 100%;">
<svg width="36" height="36" style="fill: #ffffff;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M3 3h18v18H3V3zm16 16V5H5v14h14zM14 7h-4v4h4V7zm1 6H9v2H7v2h2v-2h6v2h2v-2h-2v-2z" />
</svg>
<a class="button" href="/authuser/dashboard">To User Dashboard</a>
<a class="button" href="/">To Main Chatroom</a>
<div id="join-modal" class="modal">
<p>Enter chat ID:</p>
<input type="text" id="chat-id-input" placeholder="Enter chat ID">
<button id="join-button">Join Chat</button>
</div>
<a class="button" href="#join-modal" rel="modal:open">Join Private Chat</a>
</div>
</div>
<script>
const privateMessageList = document.getElementById('private-messageList');
async function pasteText() {
const text = await navigator.clipboard.readText();
document.getElementById('message-input').value = text;
}
async function clearChat() {
document.getElementById('private-messageList').innerHTML = '';
}
</script>
<br>
<script src="https://massroom.js.org/js/privateChat.js"></script>
{% for script in site.data.scripts %}
<script src="{{ script.path | asset_url }}"></script>
{% endfor %}
<script src="https://massroom.js.org/js/bot.js"></script>