137 lines
3.3 KiB
JavaScript
137 lines
3.3 KiB
JavaScript
"use strict";
|
|
|
|
const Vue = require("vue").default;
|
|
const store = require("./store").default;
|
|
const App = require("../components/App.vue").default;
|
|
const roundBadgeNumber = require("./libs/handlebars/roundBadgeNumber");
|
|
const localetime = require("./libs/handlebars/localetime");
|
|
const friendlysize = require("./libs/handlebars/friendlysize");
|
|
const colorClass = require("./libs/handlebars/colorClass");
|
|
const slideoutMenu = require("../js/slideout");
|
|
const storage = require("./localStorage");
|
|
|
|
Vue.filter("localetime", localetime);
|
|
Vue.filter("friendlysize", friendlysize);
|
|
Vue.filter("colorClass", colorClass);
|
|
Vue.filter("roundBadgeNumber", roundBadgeNumber);
|
|
|
|
const vueApp = new Vue({
|
|
el: "#viewport",
|
|
data: {
|
|
activeChannel: null,
|
|
appName: document.title,
|
|
currentUserVisibleError: null,
|
|
initialized: false,
|
|
isAutoCompleting: false,
|
|
isFileUploadEnabled: false,
|
|
networks: [],
|
|
pushNotificationState: "unsupported",
|
|
desktopNotificationState: "unsupported",
|
|
serverConfiguration: {},
|
|
settings: {
|
|
syncSettings: false,
|
|
advanced: false,
|
|
autocomplete: true,
|
|
nickPostfix: "",
|
|
coloredNicks: true,
|
|
desktopNotifications: false,
|
|
highlights: "",
|
|
links: true,
|
|
motd: true,
|
|
notification: true,
|
|
notifyAllMessages: false,
|
|
showSeconds: false,
|
|
statusMessages: "condensed",
|
|
theme: document.getElementById("theme").dataset.serverTheme,
|
|
media: true,
|
|
userStyles: "",
|
|
},
|
|
},
|
|
mounted() {
|
|
Vue.nextTick(() => window.vueMounted());
|
|
},
|
|
methods: {
|
|
onSocketInit() {
|
|
this.initialized = true;
|
|
this.$store.commit("isConnected", true);
|
|
|
|
// TODO: handle slideut in vue
|
|
slideoutMenu.enable();
|
|
},
|
|
setSidebar(state) {
|
|
const utils = require("./utils");
|
|
|
|
this.$store.commit("sidebarOpen", state);
|
|
slideoutMenu.toggle(false);
|
|
|
|
if (window.outerWidth > utils.mobileViewportPixels) {
|
|
storage.set("thelounge.state.sidebar", state);
|
|
}
|
|
|
|
this.$emit("resize");
|
|
},
|
|
toggleSidebar() {
|
|
this.setSidebar(!this.$store.state.sidebarOpen);
|
|
},
|
|
setUserlist(state) {
|
|
storage.set("thelounge.state.userlist", state);
|
|
this.$store.commit("userlistOpen", state);
|
|
this.$emit("resize");
|
|
},
|
|
toggleUserlist() {
|
|
this.setUserlist(!this.$store.state.userlistOpen);
|
|
},
|
|
},
|
|
render(createElement) {
|
|
return createElement(App, {
|
|
ref: "app",
|
|
props: this,
|
|
});
|
|
},
|
|
store,
|
|
});
|
|
|
|
Vue.config.errorHandler = function(e) {
|
|
console.error(e); // eslint-disable-line
|
|
vueApp.currentUserVisibleError = `Vue error: ${e.message}. Please check devtools and report it in #thelounge`;
|
|
};
|
|
|
|
function findChannel(id) {
|
|
for (const network of vueApp.networks) {
|
|
for (const channel of network.channels) {
|
|
if (channel.id === id) {
|
|
return {network, channel};
|
|
}
|
|
}
|
|
}
|
|
|
|
return null;
|
|
}
|
|
|
|
function initChannel(channel) {
|
|
channel.pendingMessage = "";
|
|
channel.inputHistoryPosition = 0;
|
|
channel.inputHistory = [""];
|
|
channel.historyLoading = false;
|
|
channel.scrolledToBottom = true;
|
|
channel.editTopic = false;
|
|
|
|
channel.moreHistoryAvailable = channel.totalMessages > channel.messages.length;
|
|
delete channel.totalMessages;
|
|
|
|
if (channel.type === "channel") {
|
|
channel.usersOutdated = true;
|
|
}
|
|
}
|
|
|
|
function getActiveWindowComponent() {
|
|
return vueApp.$refs.app.$refs.window;
|
|
}
|
|
|
|
module.exports = {
|
|
vueApp,
|
|
findChannel,
|
|
initChannel,
|
|
getActiveWindowComponent,
|
|
};
|