From: Scott Worley Date: Mon, 20 Aug 2012 05:44:35 +0000 (-0700) Subject: Prompt new users for a nick explicitly X-Git-Url: http://git.scottworley.com/reliable-chat/commitdiff_plain/72f02cfd5b1221fb88c02cc3e142941695edb312?ds=inline;hp=a7a2c8b6c0d41519e516008ba2306c4a3948c40b Prompt new users for a nick explicitly --- diff --git a/webclient/rc.html b/webclient/rc.html index 4a956ea..e4bdb2d 100644 --- a/webclient/rc.html +++ b/webclient/rc.html @@ -47,6 +47,7 @@ width: 100%; position: fixed; bottom: 0; + display: none; } #input { width: 100%; @@ -112,6 +113,10 @@ padding-left: 5px; padding-right: 5px; } + #getnick { + padding-left: 3em; + display: none; + } /* BEGIN expando input box trick kindly provided by http://www.alistapart.com/articles/expanding-text-areas-made-elegant/ */ .expandingArea { @@ -173,11 +178,7 @@ // UI: The DOM node for this message in the UI function rcnick() { - var nick = localStorage.getItem("nick"); - if (nick) { - return nick; - } - return 'anonymous'; + return localStorage.getItem("nick"); } function rcsetnick(new_nick) { @@ -441,6 +442,15 @@ } } + function rcstart() { + if (rcnick()) { + document.getElementById("client").style.display = 'block'; + rcconnect(); + } else { + document.getElementById("getnick").style.display = 'block'; + } + } + function rcsend(d, message) { message.ID = new Date().getTime() + "-" + session + "-" + Math.random(); seen[make_seen_key(message.ID, message.Text)] = message; @@ -498,6 +508,16 @@ } } + function rcsetinitialnick() { + if (document.getnickform.initial_nick.value) { + rcsetnick(document.getnickform.initial_nick.value); + document.getElementById("getnick").style.display = 'none'; + document.getElementById("client").style.display = 'block'; + rcconnect(); + } + return false; + } + // From http://www.alistapart.com/articles/expanding-text-areas-made-elegant/ function makeExpandingArea(container) { var area = container.querySelector('textarea'); @@ -524,13 +544,20 @@ - +
+
+

Set your nick

+
+ + +
+