;;; along with Mudsync. If not, see <http://www.gnu.org/licenses/>.
*/
-function displayMessage(data) {
+function displayMessage(data, self_sent) {
var new_entry = document.createElement("div");
- new_entry.setAttribute("class", "stream-entry");
- var new_text = document.createTextNode(data);
- new_entry.appendChild(new_text);
+ var stream_metabox = document.getElementById("stream-metabox");
+ var should_scroll = false;
+ if(stream_metabox.scrollTop === (stream_metabox.scrollHeight
+ - stream_metabox.offsetHeight)) {
+ should_scroll = true;
+ }
+ if (self_sent) {
+ new_entry.setAttribute("class", "stream-entry self-sent");
+ document.getElementById("main-input").value = "";
+ } else {
+ new_entry.setAttribute("class", "stream-entry");
+ }
+ new_entry.innerHTML = data;
document.getElementById("stream").appendChild(new_entry);
+ if (should_scroll) {
+ stream_metabox.scrollTop = stream_metabox.scrollHeight;
+ }
}
function installWebsocket() {
// TODO: Don't hardcode the websocket path; pull it from the DOM
- var ws = new WebSocket("ws://127.0.0.1:8888");
+ var address = "ws://".concat(window.location.hostname, ":", window.location.port);
+ var ws = new WebSocket(address);
ws.onmessage = function(evt) {
- displayMessage(evt.data);
+ displayMessage(evt.data, false);
};
ws.onopen = function() {
console.log("connected");
- ws.send("Hello, there!");
};
ws.onclose = function () {
console.log("closed websocket");
};
+ installUIHooks(ws);
}
+function installUIHooks(ws) {
+ var input = document.getElementById("main-input");
+ input.onkeypress = function(e) {
+ if (!e) e = window.event;
+ var keyCode = e.keyCode || e.which;
+ if (keyCode == '13') {
+ var input_val = input.value;
+ displayMessage("> ".concat(input_val), true);
+ sendMessageToServer(ws, input_val);
+ }
+ }
+}
+
+function sendMessageToServer(ws, data) {
+ ws.send(data);
+}
+
+
window.onload = function () {
installWebsocket();
}