X-Git-Url: http://git.scottworley.com/reliable-chat/blobdiff_plain/219b6a2b2ef21772217935e79398305a086000d7..72f02cfd5b1221fb88c02cc3e142941695edb312:/webclient/rc.html?ds=sidebyside diff --git a/webclient/rc.html b/webclient/rc.html index 2e05a86..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%; @@ -61,6 +62,18 @@ font-size: 85%; text-align: right; } + .status { + color: #dd8; + } + .local.self { + color: #d8d; + } + .self { + color: #8d8; + } + .me { + color: #bbd; + } .servercount { margin-right: -0.5em; font-size: 70%; @@ -100,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 { @@ -161,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) { @@ -258,6 +271,8 @@ type = "status"; } else if (/^\* /.test(message.Text)) { type = "me"; + } else if (/^-!- /.test(message.Text)) { + type = "local"; } else { type = "text"; } @@ -427,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; @@ -434,10 +458,9 @@ "?id=" + encodeURIComponent(message.ID) + "&text=" + encodeURIComponent(message.Text); for (var i in servers) { - var uri = rcserverbase(servers[i]) + path; - var img = document.createElement("img"); - img.setAttribute("src", uri); - d.appendChild(img); + var xhr = new XMLHttpRequest(); + xhr.open("POST", rcserverbase(servers[i]) + path); + xhr.send(); } } @@ -455,8 +478,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; @@ -472,12 +500,24 @@ function rckeydown(event) { if (event.keyCode == 13) { - rcinput(document.input.say.value); + if (document.input.say.value) { + rcinput(document.input.say.value); + } document.input.say.value = ""; return false; } } + 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'); @@ -504,13 +544,20 @@ - +

Set your nick

+ +