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

146 lines
3.9 KiB
JavaScript
Raw Normal View History

2017-05-18 20:08:54 +00:00
"use strict";
const $ = require("jquery");
2017-08-28 20:06:28 +00:00
const escape = require("css.escape");
2017-05-18 20:08:54 +00:00
const socket = require("../socket");
2017-07-10 19:47:03 +00:00
const webpush = require("../webpush");
const slideoutMenu = require("../slideout");
2017-05-18 20:08:54 +00:00
const sidebar = $("#sidebar");
const storage = require("../localStorage");
2017-08-28 15:03:27 +00:00
const utils = require("../utils");
const {vueApp, initChannel} = require("../vue");
2017-05-18 20:08:54 +00:00
socket.on("init", function(data) {
2017-08-28 15:03:27 +00:00
$("#loading-page-message, #connection-error").text("Rendering…");
const previousActive = vueApp.activeChannel && vueApp.activeChannel.channel.id;
2017-05-18 20:08:54 +00:00
2018-07-08 20:08:08 +00:00
const networks = new Set(JSON.parse(storage.get("thelounge.networks.collapsed")));
for (const network of data.networks) {
2018-07-15 20:23:49 +00:00
const currentNetwork = vueApp.networks.find((n) => n.uuid === network.uuid);
// TODO: Make this updating more efficient
if (currentNetwork) {
network.isJoinChannelShown = currentNetwork.isJoinChannelShown;
network.isCollapsed = currentNetwork.isCollapsed;
for (const channel of network.channels) {
const currentChannel = currentNetwork.channels.find((c) => c.id === channel.id);
2018-07-17 08:03:35 +00:00
if (currentChannel) {
2018-07-16 16:51:57 +00:00
channel.scrolledToBottom = currentChannel.scrolledToBottom;
2018-07-17 08:03:35 +00:00
channel.pendingMessage = currentChannel.pendingMessage;
if (currentChannel.messages) {
channel.messages = currentChannel.messages.concat(channel.messages);
}
2018-07-15 20:23:49 +00:00
if (currentChannel.moreHistoryAvailable) {
channel.moreHistoryAvailable = true;
}
}
}
} else {
network.isJoinChannelShown = false;
network.isCollapsed = networks.has(network.uuid);
}
2018-07-12 18:33:52 +00:00
network.channels.forEach(initChannel);
2018-07-08 20:08:08 +00:00
}
vueApp.networks = data.networks;
2018-07-12 18:33:52 +00:00
vueApp.connected = true;
2017-05-18 20:08:54 +00:00
$("#connection-error").removeClass("shown");
2018-07-08 17:53:23 +00:00
2018-07-15 20:23:49 +00:00
if (!vueApp.initialized) {
vueApp.initialized = true;
2017-08-28 15:03:27 +00:00
if (data.token) {
storage.set("token", data.token);
}
2017-05-18 20:08:54 +00:00
2017-08-28 15:03:27 +00:00
webpush.configurePushNotifications(data.pushSubscription, data.applicationServerKey);
2017-07-10 19:47:03 +00:00
slideoutMenu.enable();
const viewport = $("#viewport");
const viewportWidth = $(window).outerWidth();
let isUserlistOpen = storage.get("thelounge.state.userlist");
if (viewportWidth > utils.mobileViewportPixels) {
slideoutMenu.toggle(storage.get("thelounge.state.sidebar") !== "false");
}
// If The Lounge is opened on a small screen (less than 1024px), and we don't have stored
// user list state, close it by default
if (viewportWidth >= 1024 && isUserlistOpen !== "true" && isUserlistOpen !== "false") {
isUserlistOpen = "true";
}
viewport.toggleClass("userlist-open", isUserlistOpen === "true");
$(document.body).removeClass("signed-out");
2017-08-28 15:03:27 +00:00
$("#loading").remove();
$("#sign-in").remove();
2017-12-01 18:04:50 +00:00
if (window.g_LoungeErrorHandler) {
window.removeEventListener("error", window.g_LoungeErrorHandler);
window.g_LoungeErrorHandler = null;
}
2017-08-28 15:03:27 +00:00
}
2017-05-18 20:08:54 +00:00
2018-07-08 13:42:54 +00:00
vueApp.$nextTick(() => openCorrectChannel(previousActive, data.active));
2018-07-12 18:33:52 +00:00
utils.confirmExit();
for (const network of vueApp.networks) {
for (const channel of network.channels) {
if (channel.highlight > 0) {
utils.updateTitle();
utils.toggleNotificationMarkers(true);
return;
}
}
}
2017-05-18 20:08:54 +00:00
});
2017-08-28 20:06:28 +00:00
function openCorrectChannel(clientActive, serverActive) {
let target = $();
2017-08-28 20:06:28 +00:00
// Open last active channel
if (clientActive > 0) {
target = sidebar.find(`.chan[data-id="${clientActive}"]`);
2017-08-28 20:06:28 +00:00
}
// Open window provided in location.hash
if (target.length === 0 && window.location.hash) {
2017-12-25 00:17:26 +00:00
target = $(`[data-target="${escape(window.location.hash)}"]`).first();
2017-08-28 20:06:28 +00:00
}
// Open last active channel according to the server
if (serverActive > 0 && target.length === 0) {
target = sidebar.find(`.chan[data-id="${serverActive}"]`);
2017-08-28 20:06:28 +00:00
}
// Open first available channel
if (target.length === 0) {
target = sidebar.find(".chan").first();
}
2017-08-28 20:06:28 +00:00
// If target channel is found, open it
if (target.length > 0) {
2017-08-28 20:06:28 +00:00
target.trigger("click", {
replaceHistory: true,
2017-08-28 20:06:28 +00:00
});
return;
}
// Open the connect window
$("#footer .connect").trigger("click", {
pushState: false,
2017-08-28 20:06:28 +00:00
});
}