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

52 lines
1.3 KiB
JavaScript
Raw Normal View History

2017-06-26 09:01:55 +00:00
"use strict";
const $ = require("jquery");
const socket = require("../socket");
const templates = require("../../views");
const options = require("../options");
socket.on("msg:preview", function(data) {
data.preview.shown = options.shouldOpenMessagePreview(data.preview.type);
const msg = $("#msg-" + data.id);
2017-07-04 17:51:22 +00:00
const container = msg.closest(".chat");
2017-06-26 09:01:55 +00:00
const bottom = container.isScrollBottom();
msg.find(".text").append(templates.msg_preview({preview: data.preview}));
if (data.preview.shown && bottom) {
handleImageInPreview(msg.find(".toggle-content"), container);
}
container.trigger("keepToBottom");
});
$("#chat").on("click", ".toggle-button", function() {
const self = $(this);
2017-07-04 17:51:22 +00:00
const container = self.closest(".chat");
2017-06-26 09:01:55 +00:00
const content = self.parent().next(".toggle-content");
const bottom = container.isScrollBottom();
if (bottom && !content.hasClass("show")) {
handleImageInPreview(content, container);
}
content.toggleClass("show");
// If scrollbar was at the bottom before toggling the preview, keep it at the bottom
if (bottom) {
container.scrollBottom();
}
});
function handleImageInPreview(content, container) {
const img = content.find("img");
// Trigger scroll logic after the image loads
if (img.length && !img.width()) {
img.on("load", function() {
container.trigger("keepToBottom");
});
}
}