X-Git-Url: http://git.scottworley.com/reliable-chat/blobdiff_plain/7310ffeebfda8540d2113fc8c846971a0f913d57..HEAD:/webclient/rc.html?ds=inline diff --git a/webclient/rc.html b/webclient/rc.html index c1d36b2..41c1e54 100644 --- a/webclient/rc.html +++ b/webclient/rc.html @@ -8,8 +8,7 @@ This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as - published by the Free Software Foundation, either version 3 of the - License, or (at your option) any later version. + published by the Free Software Foundation, version 3. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of @@ -47,6 +46,7 @@ width: 100%; position: fixed; bottom: 0; + display: none; } #input { width: 100%; @@ -112,6 +112,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 { @@ -164,7 +168,7 @@ var session = Math.random(); // For outgoing message IDs var since = {}; // server -> time: For fetch?since= var seen = {}; // seen_key -> message - var history = []; // List of messages sorted by Time + var hist = []; // List of messages sorted by Time // Messages have these fields: // Time: The timestamp. Median of ServerTimes // ID: Some unique string for deduping @@ -173,11 +177,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) { @@ -306,19 +306,19 @@ function rcaddmessagetohistory(message) { var message_i; if (message.Time) { - for (var i = history.length - 1; ; i--) { - if (i < 0 || (history[i].Time && message.Time >= history[i].Time)) { + for (var i = hist.length - 1; ; i--) { + if (i < 0 || (hist[i].Time && message.Time >= hist[i].Time)) { message_i = i+1; - history.splice(message_i, 0, message); + hist.splice(message_i, 0, message); break; } } } else { - history.push(message); - message_i = history.length-1; + hist.push(message); + message_i = hist.length-1; } - if (message_i + 1 < history.length) { - rcaddmessagetoUI(message, history[message_i + 1].UI); + if (message_i + 1 < hist.length) { + rcaddmessagetoUI(message, hist[message_i + 1].UI); } else { rcaddmessagetoUI(message, null); } @@ -356,11 +356,11 @@ message.Time = new Date(times[middle-1].getTime() + difference/2); } - // This may have broken history's in-sorted-order invariant - var hi = history.indexOf(message); - if ((history[hi-1] && history[hi-1].Time > message.Time) || - (history[hi+1] && history[hi+1].Time < message.Time)) { - history.splice(hi,1); + // This may have broken hist's in-sorted-order invariant + var hi = hist.indexOf(message); + if ((hist[hi-1] && hist[hi-1].Time > message.Time) || + (hist[hi+1] && hist[hi+1].Time < message.Time)) { + hist.splice(hi,1); rcaddmessagetohistory(message); } @@ -441,6 +441,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; @@ -468,8 +477,13 @@ rcaddmessagetoUI({'Text': '-!- Your nick is already ' + rcnick(), 'ServerTimes': {}}); return; } - message = "*** " + rcnick() + " is now known as " + rest; - rcsetnick(rest); + if (rest) { + message = "*** " + rcnick() + " is now known as " + rest; + rcsetnick(rest); + } else { + rcaddmessagetoUI({'Text': '-!- /nick requires an argument', 'ServerTimes': {}}); + return; + } } else { rcaddmessagetoUI({'Text': '-!- No such command: ' + command, 'ServerTimes': {}}); return; @@ -493,6 +507,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'); @@ -519,13 +543,20 @@ - +
+
+

Set your nick

+
+ + +
+