js-waku-examples/light-chat/index.html

51 lines
1.5 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='UTF-8'/>
<meta content='width=device-width, initial-scale=1.0' name='viewport'/>
<title>JS-Waku light chat</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<div class="content">
<div class="header">
<h3>Status: <span id='status'></span></h3>
<details>
<summary>Peer's information</summary>
<h4>Content topic</h4>
<p id='contentTopic'></p>
<h4>Local Peer Id</h4>
<p id='localPeerId'></p>
<h4>Remote Peer Id</h4>
<p id='remotePeerId'></p>
<h4>Remote peer's multiaddr</h4>
<p id='remoteMultiAddr'></p>
</details>
</div>
<div id="messages"></div>
<div class="footer">
<div class="inputArea">
<input type="text" id="nickText" placeholder="Nickname" />
<textarea id="messageText" placeholder="Message"></textarea>
</div>
<div class="controls">
<button id="send">Send</button>
<button id="exit">Exit chat</button>
</div>
</div>
</div>
<script src="//cdn.jsdelivr.net/npm/protobufjs@7.X.X/dist/protobuf.min.js"></script>
<script type='module' src="./index.js"></script>
</body>
</html>