61 lines
1.8 KiB
HTML
61 lines
1.8 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>Syndicate: Chat</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link href="style.css" rel="stylesheet">
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.2.1/mustache.min.js"></script>
|
|
<script src="../../third-party/jquery-2.2.0.min.js"></script>
|
|
<script src="../../dist/syndicatecompiler.js"></script>
|
|
<script src="../../dist/syndicate.js"></script>
|
|
<script type="text/syndicate-js" src="index.js"></script>
|
|
</head>
|
|
<body>
|
|
<section>
|
|
<form name="nym_form">
|
|
<fieldset>
|
|
<label class="control-label" for="wsurl">Server:</label>
|
|
<input type="text" id="wsurl" name="wsurl" value="wss://demo-broker.syndicate-lang.org:8443/">
|
|
|
|
<label class="control-label" for="nym">Nym:</label>
|
|
<input type="text" id="nym" name="nym" value="">
|
|
|
|
<label class="control-label" for="status">Status:</label>
|
|
<input type="text" id="status" name="status" value="">
|
|
</fieldset>
|
|
</form>
|
|
</section>
|
|
|
|
<section>
|
|
<section id="messages">
|
|
<h1>Messages</h1>
|
|
<div id="chat_output"></div>
|
|
</section>
|
|
<section id="active_users">
|
|
<h1>Active Users</h1>
|
|
<ul id="nymlist">
|
|
<template id="nym_template">
|
|
<li>
|
|
<span class="nym">{{who}}</span>
|
|
<span class="nym_status">{{status}}</span>
|
|
</li>
|
|
</template>
|
|
</ul>
|
|
</section>
|
|
</section>
|
|
|
|
<section>
|
|
<form id="chat_form" name="chat_form">
|
|
<fieldset>
|
|
<input type="text" id="chat_input" name="chat_input" value="" autocomplete="off">
|
|
<button id="send_chat">Send</button>
|
|
</fieldset>
|
|
</form>
|
|
</section>
|
|
|
|
<hr>
|
|
<pre id="ds-state"></pre>
|
|
</body>
|
|
</html>
|