hardlounge/client/js/socket-events/msg.js

77 lines
2.0 KiB
JavaScript
Raw Normal View History

2017-05-18 20:08:54 +00:00
"use strict";
const $ = require("jquery");
const socket = require("../socket");
const render = require("../render");
const chat = $("#chat");
const templates = require("../../views");
socket.on("msg", function(data) {
const msg = render.buildChatMessage(data);
2017-06-22 20:08:36 +00:00
const targetId = data.chan;
const target = "#chan-" + targetId;
const channel = chat.find(target);
const container = channel.find(".messages");
const activeChannelId = chat.find(".chan.active").data("id");
2017-05-18 20:08:54 +00:00
if (data.msg.type === "channel_list" || data.msg.type === "ban_list") {
$(container).empty();
}
// Check if date changed
2017-06-22 20:08:36 +00:00
let prevMsg = $(container.find(".msg")).last();
2017-05-18 20:08:54 +00:00
const prevMsgTime = new Date(prevMsg.attr("data-time"));
const msgTime = new Date(msg.attr("data-time"));
// It's the first message in a channel/query
if (prevMsg.length === 0) {
container.append(templates.date_marker({msgDate: msgTime}));
}
if (prevMsgTime.toDateString() !== msgTime.toDateString()) {
2017-06-22 20:08:36 +00:00
var parent = prevMsg.parent();
if (parent.hasClass("condensed")) {
prevMsg = parent;
}
2017-05-18 20:08:54 +00:00
prevMsg.after(templates.date_marker({msgDate: msgTime}));
}
// Add message to the container
2017-06-22 20:08:36 +00:00
render.appendMessage(
container,
data.chan,
$(target).attr("data-type"),
data.msg.type,
msg
);
container.trigger("msg", [
target,
data
]).trigger("keepToBottom");
2017-05-18 20:08:54 +00:00
var lastVisible = container.find("div:visible").last();
if (data.msg.self
|| lastVisible.hasClass("unread-marker")
|| (lastVisible.hasClass("date-marker")
&& lastVisible.prev().hasClass("unread-marker"))) {
container
.find(".unread-marker")
.appendTo(container);
}
// Message arrived in a non active channel, trim it to 100 messages
2017-06-22 20:08:36 +00:00
if (activeChannelId !== targetId && container.find(".msg").slice(0, -100).remove().length) {
channel.find(".show-more").addClass("show");
// Remove date-seperators that would otherwise
// be "stuck" at the top of the channel
channel.find(".date-marker-container").each(function() {
if ($(this).next().hasClass("date-marker-container")) {
$(this).remove();
}
});
}
2017-05-18 20:08:54 +00:00
});