112 lines
2.3 KiB
HTML
112 lines
2.3 KiB
HTML
<html>
|
|
<head>
|
|
<link rel="stylesheet" type="text/css" href="demo.css"/>
|
|
<script src="../olm.js"></script>
|
|
<script src="group_demo.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="user1" class="user">
|
|
<h1>User1</h1>
|
|
|
|
<textarea class="user_plain_input"></textarea>
|
|
<button class="user_encrypt">Encrypt</button>
|
|
|
|
<h2>Outgoing</h2>
|
|
|
|
<h3>One-to-one output</h3>
|
|
<div class="user_cipher_output"></div>
|
|
|
|
<h3>Group output</h3>
|
|
<div class="group_output"></div>
|
|
|
|
<h2>Incoming</h2>
|
|
|
|
<h3>One-to-one Received</h3>
|
|
<div class="user_cipher_input"></div>
|
|
|
|
<h3>Group received</h3>
|
|
<div class="group_input"></div>
|
|
|
|
<h2>Tasks</h2>
|
|
<div class="user_progress"></div>
|
|
</div>
|
|
|
|
<div id="user2" class="user">
|
|
<h1>User 2</h1>
|
|
|
|
<textarea class="user_plain_input"></textarea>
|
|
<button class="user_encrypt">Encrypt</button>
|
|
|
|
<h2>Outgoing</h2>
|
|
|
|
<h3>One-to-one output</h3>
|
|
<div class="user_cipher_output"></div>
|
|
|
|
<h3>Group output</h3>
|
|
<div class="group_output"></div>
|
|
|
|
<h2>Incoming</h2>
|
|
|
|
<h3>One-to-one Received</h3>
|
|
<div class="user_cipher_input"></div>
|
|
|
|
<h3>Group received</h3>
|
|
<div class="group_input"></div>
|
|
|
|
<h2>Tasks</h2>
|
|
<div class="user_progress"></div>
|
|
</div>
|
|
|
|
<div id="user3" class="user">
|
|
<h1>User 3</h1>
|
|
|
|
<textarea class="user_plain_input"></textarea>
|
|
<button class="user_encrypt">Encrypt</button>
|
|
|
|
<h2>Outgoing</h2>
|
|
|
|
<h3>One-to-one output</h3>
|
|
<div class="user_cipher_output"></div>
|
|
|
|
<h3>Group output</h3>
|
|
<div class="group_output"></div>
|
|
|
|
<h2>Incoming</h2>
|
|
|
|
<h3>One-to-one Received</h3>
|
|
<div class="user_cipher_input"></div>
|
|
|
|
<h3>Group received</h3>
|
|
<div class="group_input"></div>
|
|
|
|
<h2>Tasks</h2>
|
|
<div class="user_progress"></div>
|
|
</div>
|
|
|
|
<div id="user4" class="user">
|
|
<h1>User 4</h1>
|
|
|
|
<textarea class="user_plain_input"></textarea>
|
|
<button class="user_encrypt">Encrypt</button>
|
|
|
|
<h2>Outgoing</h2>
|
|
|
|
<h3>One-to-one output</h3>
|
|
<div class="user_cipher_output"></div>
|
|
|
|
<h3>Group output</h3>
|
|
<div class="group_output"></div>
|
|
|
|
<h2>Incoming</h2>
|
|
|
|
<h3>One-to-one Received</h3>
|
|
<div class="user_cipher_input"></div>
|
|
|
|
<h3>Group received</h3>
|
|
<div class="group_input"></div>
|
|
|
|
<h2>Tasks</h2>
|
|
<div class="user_progress"></div>
|
|
</div>
|
|
</body>
|
|
</html>
|