some fixes; asynchronous message decryption to keep browser responsive

This commit is contained in:
Marc Wäckerlin
2016-01-11 15:46:28 +00:00
parent 2c92d69a6d
commit 3bd00f09fd
6 changed files with 264 additions and 29 deletions

View File

@@ -46,6 +46,7 @@
<div id="main">
<!-- Register New User -->
<div id="newuser" style="display: none">
<h2>Register User</h2>
<p>All you need to start is a username and a password:</p>
@@ -99,6 +100,7 @@
up your keys.</p>
</div>
<!-- Enter Password -->
<div id="getpwd" style="display: none">
<form>
<input placeholder="please enter password" id="pwd" oninput="setpw(this.value)"
@@ -106,10 +108,12 @@
</form>
</div>
<!-- Chat Screen -->
<div id="chat" style="display: none">
<div id="message">
<form id="chat" autocomplete="off" onsubmit="sendmessage(this.elements['recv'].value, this.elements['msg'].value)">
<input placeholder="receiver" autocomplete="off" type="text" id="recv" oninput="checkpartner(this.value)" />
<input placeholder="receiver" autocomplete="off" type="text" list="allusers" id="recv" oninput="checkpartner(this.value)" />
<datalist id="allusers"></datalist>
<input placeholder="message" autocomplete="off" type="text" id="msg"/>
<div class="buttongroup">
<span class="toolbutton">
@@ -149,6 +153,7 @@
</script>
</div>
<!-- Password Forgotten -->
<div id="forgotpassword" style="display: none">
<h2>Password Forgotten</h2>
<div class="warning"><strong>Warning!</strong>
@@ -174,6 +179,7 @@
</div>
</div>
<!-- Error: Missing JavaScript -->
<noscript>
<h2>JavasScript Required!</h2>
<p>This is a secure and encryptet chat application, that runs
@@ -184,15 +190,18 @@
<p><a href="<%= projecturl %>" target="_blank">more information</a></p>
</noscript>
<!-- Error: Missing LocalStorage -->
<div id="nolocalstorage" style="display: none">
<p>No access to local storage. Please allow access to local
storage, i.e. do not block cookies.<p>
</div>
<!-- Notice: Setup Messages -->
<div id="allmessages" style="display: none">
<p>Setting up all previous messages, please wait …</p>
</div>
<!-- Notice: Startup -->
<div id="startup">
<p>Starting up …</p>
</div>