You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
663 lines
16 KiB
JavaScript
663 lines
16 KiB
JavaScript
"use strict";
|
|
/*global templates, ajaxify, utils, bootbox, overrides, socket, config, Visibility*/
|
|
|
|
var app = app || {};
|
|
|
|
app.isFocused = true;
|
|
app.currentRoom = null;
|
|
app.widgets = {};
|
|
app.cacheBuster = null;
|
|
|
|
(function () {
|
|
var showWelcomeMessage = !!utils.params().loggedin;
|
|
var showBannedMessage = !!utils.params().banned && app.user && app.user.uid === 0;
|
|
|
|
templates.setGlobal('config', config);
|
|
|
|
app.cacheBuster = config['cache-buster'];
|
|
|
|
bootbox.setDefaults({
|
|
locale: config.userLang
|
|
});
|
|
|
|
app.load = function () {
|
|
app.loadProgressiveStylesheet();
|
|
|
|
overrides.overrideTimeago();
|
|
|
|
var url = ajaxify.start(window.location.pathname.slice(1) + window.location.search + window.location.hash);
|
|
ajaxify.updateHistory(url, true);
|
|
ajaxify.parseData();
|
|
ajaxify.end(url, app.template);
|
|
|
|
handleStatusChange();
|
|
|
|
if (config.searchEnabled) {
|
|
app.handleSearch();
|
|
}
|
|
|
|
$('body').on('click', '#new_topic', function () {
|
|
app.newTopic();
|
|
});
|
|
|
|
require(['components'], function (components) {
|
|
components.get('user/logout').on('click', app.logout);
|
|
});
|
|
|
|
Visibility.change(function (event, state) {
|
|
if (state === 'visible') {
|
|
app.isFocused = true;
|
|
app.alternatingTitle('');
|
|
} else if (state === 'hidden') {
|
|
app.isFocused = false;
|
|
}
|
|
});
|
|
|
|
createHeaderTooltips();
|
|
app.showEmailConfirmWarning();
|
|
app.showCookieWarning();
|
|
|
|
socket.removeAllListeners('event:nodebb.ready');
|
|
socket.on('event:nodebb.ready', function (data) {
|
|
if (!app.cacheBuster || app.cacheBuster !== data['cache-buster']) {
|
|
app.cacheBuster = data['cache-buster'];
|
|
|
|
app.alert({
|
|
alert_id: 'forum_updated',
|
|
title: '[[global:updated.title]]',
|
|
message: '[[global:updated.message]]',
|
|
clickfn: function () {
|
|
window.location.reload();
|
|
},
|
|
type: 'warning'
|
|
});
|
|
}
|
|
});
|
|
|
|
require(['taskbar', 'helpers', 'forum/pagination'], function (taskbar, helpers, pagination) {
|
|
taskbar.init();
|
|
|
|
// templates.js helpers
|
|
helpers.register();
|
|
|
|
pagination.init();
|
|
|
|
$(window).trigger('action:app.load');
|
|
});
|
|
};
|
|
|
|
app.logout = function () {
|
|
$(window).trigger('action:app.logout');
|
|
|
|
/*
|
|
Set session refresh flag (otherwise the session check will trip and throw invalid session modal)
|
|
We know the session is/will be invalid (uid mismatch) because the user is logging out
|
|
*/
|
|
app.flags = app.flags || {};
|
|
app.flags._sessionRefresh = true;
|
|
|
|
$.ajax(config.relative_path + '/logout', {
|
|
type: 'POST',
|
|
headers: {
|
|
'x-csrf-token': config.csrf_token
|
|
},
|
|
success: function () {
|
|
var payload = {
|
|
next: config.relative_path + '/'
|
|
};
|
|
|
|
$(window).trigger('action:app.loggedOut', payload);
|
|
window.location.href = payload.next;
|
|
}
|
|
});
|
|
};
|
|
|
|
app.alert = function (params) {
|
|
require(['alerts'], function (alerts) {
|
|
alerts.alert(params);
|
|
});
|
|
};
|
|
|
|
app.removeAlert = function (id) {
|
|
require(['alerts'], function (alerts) {
|
|
alerts.remove(id);
|
|
});
|
|
};
|
|
|
|
app.alertSuccess = function (message, timeout) {
|
|
app.alert({
|
|
title: '[[global:alert.success]]',
|
|
message: message,
|
|
type: 'success',
|
|
timeout: timeout ? timeout : 5000
|
|
});
|
|
};
|
|
|
|
app.alertError = function (message, timeout) {
|
|
message = message.message || message;
|
|
|
|
if (message === '[[error:invalid-session]]') {
|
|
return app.handleInvalidSession();
|
|
}
|
|
|
|
app.alert({
|
|
title: '[[global:alert.error]]',
|
|
message: message,
|
|
type: 'danger',
|
|
timeout: timeout ? timeout : 10000
|
|
});
|
|
};
|
|
|
|
app.handleInvalidSession = function () {
|
|
if (app.flags && app.flags._sessionRefresh) {
|
|
return;
|
|
}
|
|
|
|
app.flags = app.flags || {};
|
|
app.flags._sessionRefresh = true;
|
|
|
|
require(['translator'], function (translator) {
|
|
translator.translate('[[error:invalid-session-text]]', function (translated) {
|
|
bootbox.alert({
|
|
title: '[[error:invalid-session]]',
|
|
message: translated,
|
|
closeButton: false,
|
|
callback: function () {
|
|
window.location.reload();
|
|
}
|
|
});
|
|
});
|
|
});
|
|
};
|
|
|
|
app.enterRoom = function (room, callback) {
|
|
callback = callback || function () {};
|
|
if (socket && app.user.uid && app.currentRoom !== room) {
|
|
var previousRoom = app.currentRoom;
|
|
app.currentRoom = room;
|
|
socket.emit('meta.rooms.enter', {
|
|
enter: room
|
|
}, function (err) {
|
|
if (err) {
|
|
app.currentRoom = previousRoom;
|
|
return app.alertError(err.message);
|
|
}
|
|
|
|
callback();
|
|
});
|
|
}
|
|
};
|
|
|
|
app.leaveCurrentRoom = function () {
|
|
if (!socket) {
|
|
return;
|
|
}
|
|
socket.emit('meta.rooms.leaveCurrent', function (err) {
|
|
if (err) {
|
|
return app.alertError(err.message);
|
|
}
|
|
app.currentRoom = '';
|
|
});
|
|
};
|
|
|
|
function highlightNavigationLink() {
|
|
var path = window.location.pathname;
|
|
$('#main-nav li').removeClass('active');
|
|
if (path) {
|
|
$('#main-nav li').removeClass('active').find('a[href="' + path + '"]').parent().addClass('active');
|
|
}
|
|
}
|
|
|
|
app.createUserTooltips = function (els, placement) {
|
|
els = els || $('body');
|
|
els.find('.avatar,img[title].teaser-pic,img[title].user-img,div.user-icon,span.user-icon').each(function () {
|
|
if (!utils.isTouchDevice()) {
|
|
$(this).tooltip({
|
|
placement: placement || $(this).attr('title-placement') || 'top',
|
|
title: $(this).attr('title')
|
|
});
|
|
}
|
|
});
|
|
};
|
|
|
|
app.createStatusTooltips = function () {
|
|
if (!utils.isTouchDevice()) {
|
|
$('body').tooltip({
|
|
selector:'.fa-circle.status',
|
|
placement: 'top'
|
|
});
|
|
}
|
|
};
|
|
|
|
app.replaceSelfLinks = function (selector) {
|
|
selector = selector || $('a');
|
|
selector.each(function () {
|
|
var href = $(this).attr('href');
|
|
if (href && app.user.userslug && href.indexOf('user/_self_') !== -1) {
|
|
$(this).attr('href', href.replace(/user\/_self_/g, 'user/' + app.user.userslug));
|
|
}
|
|
});
|
|
};
|
|
|
|
app.processPage = function () {
|
|
highlightNavigationLink();
|
|
|
|
$('.timeago').timeago();
|
|
|
|
utils.makeNumbersHumanReadable($('.human-readable-number'));
|
|
|
|
utils.addCommasToNumbers($('.formatted-number'));
|
|
|
|
app.createUserTooltips();
|
|
|
|
app.createStatusTooltips();
|
|
|
|
app.replaceSelfLinks();
|
|
|
|
// Scroll back to top of page
|
|
window.scrollTo(0, 0);
|
|
};
|
|
|
|
app.showMessages = function () {
|
|
var messages = {
|
|
login: {
|
|
format: 'alert',
|
|
title: '[[global:welcome_back]] ' + app.user.username + '!',
|
|
message: '[[global:you_have_successfully_logged_in]]'
|
|
},
|
|
banned: {
|
|
format: 'modal',
|
|
title: '[[error:user-banned]]',
|
|
message: '[[error:user-banned-reason, ' + utils.params().banned + ']]'
|
|
}
|
|
};
|
|
|
|
function showAlert(type) {
|
|
switch (messages[type].format) {
|
|
case 'alert':
|
|
app.alert({
|
|
type: 'success',
|
|
title: messages[type].title,
|
|
message: messages[type].message,
|
|
timeout: 5000
|
|
});
|
|
break;
|
|
|
|
case 'modal':
|
|
require(['translator'], function (translator) {
|
|
translator.translate(messages[type].message, function (translated) {
|
|
bootbox.alert({
|
|
title: messages[type].title,
|
|
message: translated
|
|
});
|
|
});
|
|
});
|
|
break;
|
|
}
|
|
}
|
|
|
|
if (showWelcomeMessage) {
|
|
showWelcomeMessage = false;
|
|
$(document).ready(function () {
|
|
showAlert('login');
|
|
});
|
|
}
|
|
|
|
if (showBannedMessage) {
|
|
showBannedMessage = false;
|
|
$(document).ready(function () {
|
|
showAlert('banned');
|
|
});
|
|
}
|
|
};
|
|
|
|
app.openChat = function (roomId, uid) {
|
|
if (!app.user.uid) {
|
|
return app.alertError('[[error:not-logged-in]]');
|
|
}
|
|
|
|
require(['chat'], function (chat) {
|
|
function loadAndCenter(chatModal) {
|
|
chat.load(chatModal.attr('UUID'));
|
|
chat.center(chatModal);
|
|
chat.focusInput(chatModal);
|
|
}
|
|
|
|
if (chat.modalExists(roomId)) {
|
|
loadAndCenter(chat.getModal(roomId));
|
|
} else {
|
|
socket.emit('modules.chats.loadRoom', {roomId: roomId, uid: uid || app.user.uid}, function (err, roomData) {
|
|
if (err) {
|
|
return app.alertError(err.message);
|
|
}
|
|
roomData.users = roomData.users.filter(function (user) {
|
|
return user && parseInt(user.uid, 10) !== parseInt(app.user.uid, 10);
|
|
});
|
|
roomData.uid = uid || app.user.uid;
|
|
chat.createModal(roomData, loadAndCenter);
|
|
});
|
|
}
|
|
});
|
|
};
|
|
|
|
app.newChat = function (touid, callback) {
|
|
callback = callback || function () {};
|
|
if (!app.user.uid) {
|
|
return app.alertError('[[error:not-logged-in]]');
|
|
}
|
|
|
|
if (parseInt(touid, 10) === parseInt(app.user.uid, 10)) {
|
|
return app.alertError('[[error:cant-chat-with-yourself]]');
|
|
}
|
|
|
|
socket.emit('modules.chats.newRoom', {touid: touid}, function (err, roomId) {
|
|
if (err) {
|
|
return app.alertError(err.message);
|
|
}
|
|
|
|
if (!ajaxify.data.template.chats) {
|
|
app.openChat(roomId);
|
|
} else {
|
|
ajaxify.go('chats/' + roomId);
|
|
}
|
|
|
|
callback(false, roomId);
|
|
});
|
|
};
|
|
|
|
var titleObj = {
|
|
active: false,
|
|
interval: undefined,
|
|
titles: []
|
|
};
|
|
|
|
app.alternatingTitle = function (title) {
|
|
if (typeof title !== 'string') {
|
|
return;
|
|
}
|
|
|
|
if (title.length > 0 && !app.isFocused) {
|
|
if (!titleObj.titles[0]) {
|
|
titleObj.titles[0] = window.document.title;
|
|
}
|
|
|
|
require(['translator'], function (translator) {
|
|
translator.translate(title, function (translated) {
|
|
titleObj.titles[1] = translated;
|
|
if (titleObj.interval) {
|
|
clearInterval(titleObj.interval);
|
|
}
|
|
|
|
titleObj.interval = setInterval(function () {
|
|
var title = titleObj.titles[titleObj.titles.indexOf(window.document.title) ^ 1];
|
|
if (title) {
|
|
window.document.title = $('<div/>').html(title).text();
|
|
}
|
|
}, 2000);
|
|
});
|
|
});
|
|
} else {
|
|
if (titleObj.interval) {
|
|
clearInterval(titleObj.interval);
|
|
}
|
|
if (titleObj.titles[0]) {
|
|
window.document.title = $('<div/>').html(titleObj.titles[0]).text();
|
|
}
|
|
}
|
|
};
|
|
|
|
app.refreshTitle = function (title) {
|
|
if (!title) {
|
|
return;
|
|
}
|
|
require(['translator'], function (translator) {
|
|
title = config.titleLayout.replace(/{/g, '{').replace(/}/g, '}')
|
|
.replace('{pageTitle}', function () { return title; })
|
|
.replace('{browserTitle}', function () { return config.browserTitle; });
|
|
|
|
translator.translate(title, function (translated) {
|
|
titleObj.titles[0] = translated;
|
|
app.alternatingTitle('');
|
|
});
|
|
});
|
|
};
|
|
|
|
app.toggleNavbar = function (state) {
|
|
var navbarEl = $('.navbar');
|
|
if (navbarEl) {
|
|
navbarEl.toggleClass('hidden', !!!state);
|
|
}
|
|
};
|
|
|
|
function createHeaderTooltips() {
|
|
var env = utils.findBootstrapEnvironment();
|
|
if (env === 'xs' || env === 'sm') {
|
|
return;
|
|
}
|
|
$('#header-menu li a[title]').each(function () {
|
|
if (!utils.isTouchDevice()) {
|
|
$(this).tooltip({
|
|
placement: 'bottom',
|
|
trigger: 'hover',
|
|
title: $(this).attr('title')
|
|
});
|
|
}
|
|
});
|
|
|
|
if (!utils.isTouchDevice()) {
|
|
$('#search-form').parent().tooltip({
|
|
placement: 'bottom',
|
|
trigger: 'hover',
|
|
title: $('#search-button i').attr('title')
|
|
});
|
|
}
|
|
|
|
if (!utils.isTouchDevice()) {
|
|
$('#user_dropdown').tooltip({
|
|
placement: 'bottom',
|
|
trigger: 'hover',
|
|
title: $('#user_dropdown').attr('title')
|
|
});
|
|
}
|
|
}
|
|
|
|
app.handleSearch = function () {
|
|
var searchButton = $("#search-button"),
|
|
searchFields = $("#search-fields"),
|
|
searchInput = $('#search-fields input');
|
|
|
|
$('#search-form .advanced-search-link').on('mousedown', function () {
|
|
ajaxify.go('/search');
|
|
});
|
|
|
|
$('#search-form').on('submit', dismissSearch);
|
|
searchInput.on('blur', dismissSearch);
|
|
|
|
function dismissSearch() {
|
|
searchFields.addClass('hidden');
|
|
searchButton.removeClass('hidden');
|
|
}
|
|
|
|
searchButton.on('click', function (e) {
|
|
if (!config.loggedIn && !config.allowGuestSearching) {
|
|
app.alert({
|
|
message:'[[error:search-requires-login]]',
|
|
timeout: 3000
|
|
});
|
|
ajaxify.go('login');
|
|
return false;
|
|
}
|
|
e.stopPropagation();
|
|
|
|
app.prepareSearch();
|
|
return false;
|
|
});
|
|
|
|
$('#search-form').on('submit', function () {
|
|
var input = $(this).find('input');
|
|
require(['search'], function (search) {
|
|
var data = search.getSearchPreferences();
|
|
data.term = input.val();
|
|
search.query(data, function () {
|
|
input.val('');
|
|
});
|
|
});
|
|
return false;
|
|
});
|
|
};
|
|
|
|
app.prepareSearch = function () {
|
|
$("#search-fields").removeClass('hidden');
|
|
$("#search-button").addClass('hidden');
|
|
$('#search-fields input').focus();
|
|
};
|
|
|
|
function handleStatusChange() {
|
|
$('[component="header/usercontrol"] [data-status]').off('click').on('click', function (e) {
|
|
var status = $(this).attr('data-status');
|
|
socket.emit('user.setStatus', status, function (err) {
|
|
if(err) {
|
|
return app.alertError(err.message);
|
|
}
|
|
$('[data-uid="' + app.user.uid + '"] [component="user/status"], [component="header/profilelink"] [component="user/status"]')
|
|
.removeClass('away online dnd offline')
|
|
.addClass(status);
|
|
|
|
app.user.status = status;
|
|
});
|
|
e.preventDefault();
|
|
});
|
|
}
|
|
|
|
app.updateUserStatus = function (el, status) {
|
|
if (!el.length) {
|
|
return;
|
|
}
|
|
|
|
require(['translator'], function (translator) {
|
|
translator.translate('[[global:' + status + ']]', function (translated) {
|
|
el.removeClass('online offline dnd away')
|
|
.addClass(status)
|
|
.attr('title', translated)
|
|
.attr('data-original-title', translated);
|
|
});
|
|
});
|
|
};
|
|
|
|
app.newTopic = function (cid, tags) {
|
|
$(window).trigger('action:composer.topic.new', {
|
|
cid: cid || ajaxify.data.cid || 0,
|
|
tags: tags || (ajaxify.data.tag ? [ajaxify.data.tag] : [])
|
|
});
|
|
};
|
|
|
|
app.loadJQueryUI = function (callback) {
|
|
if (typeof $().autocomplete === 'function') {
|
|
return callback();
|
|
}
|
|
|
|
var scriptEl = document.createElement('script');
|
|
scriptEl.type = 'text/javascript';
|
|
scriptEl.src = config.relative_path + '/vendor/jquery/js/jquery-ui.js' + (app.cacheBuster ? '?v=' + app.cacheBuster : '');
|
|
scriptEl.onload = callback;
|
|
document.head.appendChild(scriptEl);
|
|
};
|
|
|
|
app.showEmailConfirmWarning = function (err) {
|
|
if (!config.requireEmailConfirmation || !app.user.uid) {
|
|
return;
|
|
}
|
|
var msg = {
|
|
alert_id: 'email_confirm',
|
|
type: 'warning',
|
|
timeout: 0
|
|
};
|
|
|
|
if (!app.user.email) {
|
|
msg.message = '[[error:no-email-to-confirm]]';
|
|
msg.clickfn = function () {
|
|
app.removeAlert('email_confirm');
|
|
ajaxify.go('user/' + app.user.userslug + '/edit');
|
|
};
|
|
app.alert(msg);
|
|
} else if (!app.user['email:confirmed'] && !app.user.isEmailConfirmSent) {
|
|
msg.message = err ? err.message : '[[error:email-not-confirmed]]';
|
|
msg.clickfn = function () {
|
|
app.removeAlert('email_confirm');
|
|
socket.emit('user.emailConfirm', {}, function (err) {
|
|
if (err) {
|
|
return app.alertError(err.message);
|
|
}
|
|
app.alertSuccess('[[notifications:email-confirm-sent]]');
|
|
});
|
|
};
|
|
|
|
app.alert(msg);
|
|
} else if (!app.user['email:confirmed'] && app.user.isEmailConfirmSent) {
|
|
msg.message = '[[error:email-not-confirmed-email-sent]]';
|
|
app.alert(msg);
|
|
}
|
|
};
|
|
|
|
app.parseAndTranslate = function (template, blockName, data, callback) {
|
|
require(['translator'], function (translator) {
|
|
function translate(html, callback) {
|
|
translator.translate(html, function (translatedHTML) {
|
|
translatedHTML = translator.unescape(translatedHTML);
|
|
callback($(translatedHTML));
|
|
});
|
|
}
|
|
|
|
if (typeof blockName === 'string') {
|
|
templates.parse(template, blockName, data, function (html) {
|
|
translate(html, callback);
|
|
});
|
|
} else {
|
|
callback = data;
|
|
data = blockName;
|
|
templates.parse(template, data, function (html) {
|
|
translate(html, callback);
|
|
});
|
|
}
|
|
});
|
|
};
|
|
|
|
app.loadProgressiveStylesheet = function () {
|
|
var linkEl = document.createElement('link');
|
|
linkEl.rel = 'stylesheet';
|
|
linkEl.href = config.relative_path + '/js-enabled.css';
|
|
|
|
document.head.appendChild(linkEl);
|
|
};
|
|
|
|
app.showCookieWarning = function () {
|
|
if (!config.cookies.enabled) {
|
|
// Only show warning if enabled (obviously)
|
|
return;
|
|
} else if (window.location.pathname.startsWith(config.relative_path + '/admin')) {
|
|
// No need to show cookie consent warning in ACP
|
|
return;
|
|
} else if (window.localStorage.getItem('cookieconsent') === '1') {
|
|
return;
|
|
}
|
|
require(['translator'], function (translator) {
|
|
config.cookies.message = translator.unescape(config.cookies.message);
|
|
config.cookies.dismiss = translator.unescape(config.cookies.dismiss);
|
|
config.cookies.link = translator.unescape(config.cookies.link);
|
|
|
|
app.parseAndTranslate('partials/cookie-consent', config.cookies, function (html) {
|
|
$(document.body).append(html);
|
|
|
|
var warningEl = $('.cookie-consent');
|
|
var dismissEl = warningEl.find('button');
|
|
dismissEl.on('click', function () {
|
|
// Save consent cookie and remove warning element
|
|
window.localStorage.setItem('cookieconsent', '1');
|
|
warningEl.remove();
|
|
});
|
|
});
|
|
});
|
|
|
|
};
|
|
}());
|