94 lines
1.8 KiB
JavaScript
94 lines
1.8 KiB
JavaScript
|
$(function() {
|
||
|
|
var socket = io.connect("");
|
||
|
|
socket.on(
|
||
|
|
"event",
|
||
|
|
function(event) {
|
||
|
|
View[event.action](event);
|
||
|
|
}
|
||
|
|
);
|
||
|
|
|
||
|
|
var chat = $("#chat");
|
||
|
|
var sidebar = $("#sidebar");
|
||
|
|
|
||
|
|
// Templates
|
||
|
|
var networks = $("#networks").html();
|
||
|
|
var channels = $("#channels").html();
|
||
|
|
var messages = $("#messages").html();
|
||
|
|
var users = $("#users").html()
|
||
|
|
|
||
|
|
var View = {};
|
||
|
|
|
||
|
|
View.redraw = function(event) {
|
||
|
|
if (event.data == undefined || event.data == []) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
chat.html("");
|
||
|
|
event.data.forEach(function(network) {
|
||
|
|
chat.append(Mustache.render(channels, network, {
|
||
|
|
users: users,
|
||
|
|
messages: messages
|
||
|
|
}));
|
||
|
|
});
|
||
|
|
sidebar.html(
|
||
|
|
Mustache.render(networks, {
|
||
|
|
networks: event.data
|
||
|
|
})
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
View.add = function(event) {
|
||
|
|
var target = "";
|
||
|
|
var render = "";
|
||
|
|
switch (event.type) {
|
||
|
|
case "user":
|
||
|
|
target = ".users";
|
||
|
|
render = Mustache.render(
|
||
|
|
$("#users").html(), {users: event.data}
|
||
|
|
);
|
||
|
|
break;
|
||
|
|
case "message":
|
||
|
|
target = ".messages";
|
||
|
|
render = Mustache.render(
|
||
|
|
$("#messages").html(), {messages: event.data}
|
||
|
|
);
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
if (target != "") {
|
||
|
|
target = $("[data-id='" + event.target + "'] " + target);
|
||
|
|
target.append(render);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
View.remove = function(event) {
|
||
|
|
$("[data-id='" + event.target + "']").remove();
|
||
|
|
};
|
||
|
|
|
||
|
|
View.change = function(event) {
|
||
|
|
// ..
|
||
|
|
};
|
||
|
|
|
||
|
|
chat.on("submit", "form", function() {
|
||
|
|
var input = $(this).find(".input");
|
||
|
|
var text = input.val();
|
||
|
|
if (text != "") {
|
||
|
|
input.val("");
|
||
|
|
socket.emit("input", {
|
||
|
|
id: input.data("target"),
|
||
|
|
text: text
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
sidebar.on("click", ".channel", function() {
|
||
|
|
chat.find(".window[data-id='" + $(this).data("id") + "']")
|
||
|
|
.bringToTop();
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
(function() {
|
||
|
|
var highest = 1;
|
||
|
|
$.fn.bringToTop = function() {
|
||
|
|
this.css('z-index', highest++);
|
||
|
|
};
|
||
|
|
})();
|