...' + description + '...You are up-to-date
'); + } else if (semver.gt(latestVersion, version)) { + checkEl.removeClass('alert-info').addClass('alert-danger'); + checkEl.append('A new version (v' + latestVersion + ') has been released. Consider upgrading your NodeBB.
'); + } else if (semver.gt(version, latestVersion)) { + checkEl.removeClass('alert-info').addClass('alert-warning'); + checkEl.append('You are running a development version! Unintended bugs may occur.
'); + } + }); + + $('.restart').on('click', function() { + bootbox.confirm('Are you sure you wish to restart NodeBB?', function(confirm) { + if (confirm) { + app.alert({ + alert_id: 'instance_restart', + type: 'info', + title: 'Restarting... ', + message: 'NodeBB is restarting.', + timeout: 5000 + }); + + $(window).one('action:reconnected', function() { + app.alert({ + alert_id: 'instance_restart', + type: 'success', + title: ' Success', + message: 'NodeBB has successfully restarted.', + timeout: 5000 + }); + }); + + socket.emit('admin.restart'); + } + }); + }); + + $('.reload').on('click', function() { + app.alert({ + alert_id: 'instance_reload', + type: 'info', + title: 'Reloading... ', + message: 'NodeBB is reloading.', + timeout: 5000 + }); + + socket.emit('admin.reload', function(err) { + if (!err) { + app.alert({ + alert_id: 'instance_reload', + type: 'success', + title: ' Success', + message: 'NodeBB has successfully reloaded.', + timeout: 5000 + }); + } else { + app.alert({ + alert_id: 'instance_reload', + type: 'danger', + title: '[[global:alert.error]]', + message: '[[error:reload-failed, ' + err.message + ']]' + }); + } + }); + }); + + setupGraphs(); + }; + + Admin.updateRoomUsage = function(err, data) { + if (err) { + return app.alertError(err.message); + } + + var html = '' +
+ '
' +
+ ''+ data.onlineRegisteredCount +'
' +
+ 'Users
' +
+ '' +
+ '
' +
+ ''+ data.onlineGuestCount +'
' +
+ 'Guests
' +
+ '' +
+ '
' +
+ ''+ (data.onlineRegisteredCount + data.onlineGuestCount) +'
' +
+ 'Total
' +
+ '' +
+ '
';
+
+ var idle = data.socketCount - (data.users.home + data.users.topics + data.users.category);
+
+ updateRegisteredGraph(data.onlineRegisteredCount, data.onlineGuestCount);
+ updatePresenceGraph(data.users.home, data.users.topics, data.users.category, idle);
+ updateTopicsGraph(data.topics);
+
+ $('#active-users').html(html);
+ };
+
+ var graphs = {
+ traffic: null,
+ registered: null,
+ presence: null,
+ topics: null
+ };
+
+ var topicColors = ["#bf616a","#5B90BF","#d08770","#ebcb8b","#a3be8c","#96b5b4","#8fa1b3","#b48ead","#ab7967","#46BFBD"],
+ usedTopicColors = [];
+
+ // from chartjs.org
+ function lighten(col, amt) {
+ var usePound = false;
+
+ if (col[0] == "#") {
+ col = col.slice(1);
+ usePound = true;
+ }
+
+ var num = parseInt(col,16);
+
+ var r = (num >> 16) + amt;
+
+ if (r > 255) r = 255;
+ else if (r < 0) r = 0;
+
+ var b = ((num >> 8) & 0x00FF) + amt;
+
+ if (b > 255) b = 255;
+ else if (b < 0) b = 0;
+
+ var g = (num & 0x0000FF) + amt;
+
+ if (g > 255) g = 255;
+ else if (g < 0) g = 0;
+
+ return (usePound?"#":"") + (g | (b << 8) | (r << 16)).toString(16);
+ }
+
+ function getHoursArray() {
+ var currentHour = new Date().getHours(),
+ labels = [];
+
+ for (var i = currentHour, ii = currentHour - 12; i > ii; i--) {
+ var hour = i < 0 ? 24 + i : i;
+ labels.push(hour + ':00 ');
+ }
+
+ return labels.reverse();
+ }
+
+ function setupGraphs() {
+ var trafficCanvas = document.getElementById('analytics-traffic'),
+ registeredCanvas = document.getElementById('analytics-registered'),
+ presenceCanvas = document.getElementById('analytics-presence'),
+ topicsCanvas = document.getElementById('analytics-topics'),
+ trafficCtx = trafficCanvas.getContext('2d'),
+ registeredCtx = registeredCanvas.getContext('2d'),
+ presenceCtx = presenceCanvas.getContext('2d'),
+ topicsCtx = topicsCanvas.getContext('2d'),
+ trafficLabels = getHoursArray();
+
+ if (isMobile) {
+ Chart.defaults.global.showTooltips = false;
+ }
+
+ var data = {
+ labels: trafficLabels,
+ datasets: [
+ {
+ label: "Page Views",
+ fillColor: "rgba(220,220,220,0.2)",
+ strokeColor: "rgba(220,220,220,1)",
+ pointColor: "rgba(220,220,220,1)",
+ pointStrokeColor: "#fff",
+ pointHighlightFill: "#fff",
+ pointHighlightStroke: "rgba(220,220,220,1)",
+ data: [0,0,0,0,0,0,0,0,0,0,0,0]
+ },
+ {
+ label: "Unique Visitors",
+ fillColor: "rgba(151,187,205,0.2)",
+ strokeColor: "rgba(151,187,205,1)",
+ pointColor: "rgba(151,187,205,1)",
+ pointStrokeColor: "#fff",
+ pointHighlightFill: "#fff",
+ pointHighlightStroke: "rgba(151,187,205,1)",
+ data: [0,0,0,0,0,0,0,0,0,0,0,0]
+ }
+ ]
+ };
+
+ trafficCanvas.width = $(trafficCanvas).parent().width(); // is this necessary
+ graphs.traffic = new Chart(trafficCtx).Line(data, {
+ responsive: true
+ });
+
+ graphs.registered = new Chart(registeredCtx).Doughnut([{
+ value: 1,
+ color:"#F7464A",
+ highlight: "#FF5A5E",
+ label: "Registered Users"
+ },
+ {
+ value: 1,
+ color: "#46BFBD",
+ highlight: "#5AD3D1",
+ label: "Anonymous Users"
+ }], {
+ responsive: true
+ });
+
+ graphs.presence = new Chart(presenceCtx).Doughnut([{
+ value: 1,
+ color:"#F7464A",
+ highlight: "#FF5A5E",
+ label: "On homepage"
+ },
+ {
+ value: 1,
+ color: "#46BFBD",
+ highlight: "#5AD3D1",
+ label: "Reading posts"
+ },
+ {
+ value: 1,
+ color: "#FDB45C",
+ highlight: "#FFC870",
+ label: "Browsing topics"
+ },
+ {
+ value: 1,
+ color: "#949FB1",
+ highlight: "#A8B3C5",
+ label: "Idle"
+ }], {
+ responsive: true
+ });
+
+ graphs.topics = new Chart(topicsCtx).Doughnut([], {responsive: true});
+ topicsCanvas.onclick = function(evt){
+ var obj = graphs.topics.getSegmentsAtEvent(evt);
+ window.open(RELATIVE_PATH + '/topic/' + obj[0].tid);
+ };
+
+ intervals.graphs = setInterval(updateTrafficGraph, 15000);
+ updateTrafficGraph();
+
+ $(window).on('resize', adjustPieCharts);
+ adjustPieCharts();
+ }
+
+ function adjustPieCharts() {
+ $('.pie-chart.legend-up').each(function() {
+ var $this = $(this);
+
+ if ($this.width() < 320) {
+ $this.addClass('compact');
+ } else {
+ $this.removeClass('compact');
+ }
+ });
+ }
+
+ function updateTrafficGraph() {
+ if (!app.isFocused || !app.isConnected) {
+ return;
+ }
+
+ socket.emit('admin.analytics.get', {graph: "traffic"}, function (err, data) {
+ for (var i = 0, ii = data.pageviews.length; i < ii; i++) {
+ graphs.traffic.datasets[0].points[i].value = data.pageviews[i];
+ graphs.traffic.datasets[1].points[i].value = data.uniqueVisitors[i];
+ }
+
+ var currentHour = new Date().getHours();
+
+ graphs.traffic.scale.xLabels = getHoursArray();
+ graphs.traffic.update();
+ });
+ }
+
+ function updateRegisteredGraph(registered, anonymous) {
+ graphs.registered.segments[0].value = registered;
+ graphs.registered.segments[1].value = anonymous;
+ graphs.registered.update();
+ }
+
+ function updatePresenceGraph(homepage, posts, topics, idle) {
+ graphs.presence.segments[0].value = homepage;
+ graphs.presence.segments[1].value = posts;
+ graphs.presence.segments[2].value = topics;
+ graphs.presence.segments[3].value = idle;
+ graphs.presence.update();
+ }
+
+ function updateTopicsGraph(topics) {
+ if (!Object.keys(topics).length) {
+ topics = {"0": {
+ title: "No users browsing",
+ value: 1
+ }};
+ }
+
+ var tids = Object.keys(topics),
+ segments = graphs.topics.segments;
+
+ function reassignExistingTopics() {
+ for (var i = 0, ii = segments.length; i < ii; i++ ) {
+ if (!segments[i]) {
+ continue;
+ }
+
+ var tid = segments[i].tid;
+
+ if ($.inArray(tid, tids) === -1) {
+ usedTopicColors.splice($.inArray(segments[i].color, usedTopicColors), 1);
+ graphs.topics.removeData(i);
+ } else {
+ graphs.topics.segments[i].value = topics[tid].value;
+ delete topics[tid];
+ }
+ }
+ }
+
+ function assignNewTopics() {
+ while (segments.length < 10 && tids.length > 0) {
+ var tid = tids.pop(),
+ data = topics[tid],
+ color = null;
+
+ if (!data) {
+ continue;
+ }
+
+ if (tid === '0') {
+ color = '#4D5360';
+ } else {
+ do {
+ for (var i = 0, ii = topicColors.length; i < ii; i++) {
+ var chosenColor = topicColors[i];
+
+ if ($.inArray(chosenColor, usedTopicColors) === -1) {
+ color = chosenColor;
+ usedTopicColors.push(color);
+ break;
+ }
+ }
+ } while (color === null && usedTopicColors.length < topicColors.length);
+ }
+
+ if (color) {
+ graphs.topics.addData({
+ value: data.value,
+ color: color,
+ highlight: lighten(color, 10),
+ label: data.title
+ });
+
+ segments[segments.length - 1].tid = tid;
+ }
+ }
+ }
+
+ function buildTopicsLegend() {
+ var legend = $('#topics-legend').html('');
+
+ for (var i = 0, ii = segments.length; i < ii; i++) {
+ var topic = segments[i],
+ label = topic.tid === '0' ? topic.label : ' ' + topic.label + '';
+
+ legend.append(
+ ''+ data.socketCount +'
' +
+ 'Connections
' +
+ 'Select an icon.
' + $('#icons').html(), function(confirm) { + if (confirm) { + var iconClass = $('.bootbox .selected').attr('class'); + var categoryIconClass = $('').addClass(iconClass).removeClass('fa').removeClass('selected').attr('class'); + if (categoryIconClass === 'fa-doesnt-exist') { + categoryIconClass = ''; + } + + el.attr('class', 'fa fa-2x ' + categoryIconClass); + el.val(categoryIconClass); + el.attr('value', categoryIconClass); + + onModified(el); + } + }); + + setTimeout(function() { //bootbox was rewritten for BS3 and I had to add this timeout for the previous code to work. TODO: to look into + $('.bootbox .fa-icons i').on('click', function() { + $('.bootbox .selected').removeClass('selected'); + $(this).addClass('selected'); + }); + }, 500); + }; + + return iconSelect; +}); + diff --git a/public/src/admin/manage/categories.js b/public/src/admin/manage/categories.js new file mode 100644 index 0000000000..c5d97212ec --- /dev/null +++ b/public/src/admin/manage/categories.js @@ -0,0 +1,391 @@ +"use strict"; +/*global define, socket, app, bootbox, templates, ajaxify, RELATIVE_PATH*/ + +define('forum/admin/manage/categories', ['uploader', 'forum/admin/iconSelect'], function(uploader, iconSelect) { + var Categories = {}; + + Categories.init = function() { + var modified_categories = {}; + + function modified(el) { + var cid = $(el).parents('li').attr('data-cid'); + if(cid) { + modified_categories[cid] = modified_categories[cid] || {}; + modified_categories[cid][$(el).attr('data-name')] = $(el).val(); + } + } + + function save() { + if(Object.keys(modified_categories).length) { + socket.emit('admin.categories.update', modified_categories, function(err, result) { + if (err) { + return app.alertError(err.message); + } + + if (result && result.length) { + app.alert({ + title: 'Updated Categories', + message: 'Category IDs ' + result.join(', ') + ' was successfully updated.', + type: 'success', + timeout: 2000 + }); + } + }); + modified_categories = {}; + } + return false; + } + + function update_blockclass(el) { + el.parentNode.parentNode.className = 'entry-row ' + el.value; + } + + function updateCategoryOrders() { + var categories = $('.admin-categories #entry-container').children(); + for(var i = 0; iThere seems to be a group with this name already.
'; + break; + case 'name-too-short': + errorText = 'Please specify a group nameA group name is required for administrative purposes.
'; + break; + default: + errorText = 'Uh-OhThere was a problem creating your group. Please try again later!
'; + break; + } + + createModalError.html(errorText).removeClass('hide'); + } else { + createModalError.addClass('hide'); + createGroupName.val(''); + createModal.on('hidden.bs.modal', function() { + ajaxify.go('admin/groups'); + }); + createModal.modal('hide'); + } + }); + }); + + formEl.keypress(function(e) { + switch(e.keyCode) { + case 13: + detailsModalSave.click(); + break; + default: + break; + } + }); + + changeGroupUserTitle.keydown(function() { + setTimeout(function() { + groupLabelPreview.text(changeGroupUserTitle.val()); + }, 0); + }); + + changeGroupLabelColor.keydown(function() { + setTimeout(function() { + groupLabelPreview.css('background', changeGroupLabelColor.val() || '#000000'); + }, 0); + }); + + groupsList.on('click', 'button[data-action]', function() { + var el = $(this), + action = el.attr('data-action'), + groupName = el.parents('li[data-groupname]').attr('data-groupname'); + + switch (action) { + case 'delete': + bootbox.confirm('Are you sure you wish to delete this group?', function(confirm) { + if (confirm) { + socket.emit('admin.groups.delete', groupName, function(err, data) { + if(err) { + return app.alertError(err.message); + } + + ajaxify.go('admin/groups'); + }); + } + }); + break; + case 'members': + socket.emit('admin.groups.get', groupName, function(err, groupObj) { + + changeGroupName.val(groupObj.name).prop('readonly', groupObj.system); + changeGroupDesc.val(groupObj.description); + changeGroupUserTitle.val(groupObj.userTitle); + groupIcon.attr('class', 'fa fa-2x ' + groupObj.icon).attr('value', groupObj.icon); + changeGroupLabelColor.val(groupObj.labelColor); + groupLabelPreview.css('background', groupObj.labelColor || '#000000').text(groupObj.userTitle); + groupMembersEl.empty(); + + if (groupObj.members.length > 0) { + for (var x = 0; x < groupObj.members.length; x++) { + var memberIcon = $('') + .attr('data-uid', groupObj.members[x].uid) + .append($('Do you really want to delete user(s)?
This action is not reversable, all user data and content will be erased!', function(confirm) { + if (confirm) { + socket.emit('admin.user.deleteUsers', uids, function(err) { + if (err) { + return app.alertError(err.message); + } + + app.alertSuccess('User(s) Deleted!'); + removeSelected(); + unselectAll(); + }); + } + }); + return false; + }); + + function handleUserCreate() { + var errorEl = $('#create-modal-error'); + $('#createUser').on('click', function() { + $('#create-modal').modal('show'); + $('#create-modal form')[0].reset(); + errorEl.addClass('hide'); + }); + + $('#create-modal-go').on('click', function() { + var username = $('#create-user-name').val(), + email = $('#create-user-email').val(), + password = $('#create-user-password').val(), + passwordAgain = $('#create-user-password-again').val(); + + + if(password !== passwordAgain) { + return errorEl.html('Error
Passwords must match!
').removeClass('hide'); + } + + var user = { + username: username, + email: email, + password: password + }; + + socket.emit('admin.user.createUser', user, function(err) { + if(err) { + return errorEl.html('Error' + err.message + '
').removeClass('hide'); + } + $('#create-modal').modal('hide'); + $('#create-modal').on('hidden.bs.modal', function() { + ajaxify.go('admin/users'); + }); + app.alertSuccess('User created!'); + }); + + }); + } + + var timeoutId = 0, + loadingMoreUsers = false; + + var url = window.location.href, + parts = url.split('/'), + active = parts[parts.length - 1]; + + $('.nav-pills li').removeClass('active'); + $('.nav-pills li a').each(function() { + var $this = $(this); + if ($this.attr('href').match(active)) { + $this.parent().addClass('active'); + return false; + } + }); + + $('#search-user').on('keyup', function() { + if (timeoutId !== 0) { + clearTimeout(timeoutId); + timeoutId = 0; + } + + timeoutId = setTimeout(function() { + var username = $('#search-user').val(); + + $('.fa-spinner').removeClass('hidden'); + + socket.emit('admin.user.search', username, function(err, data) { + if (err) { + return app.alertError(err.message); + } + + templates.parse('admin/manage/users', 'users', data, function(html) { + $('#users-container').html(html); + + $('.fa-spinner').addClass('hidden'); + + if (data && data.users.length === 0) { + $('#user-notfound-notify').html('User not found!') + .show() + .addClass('label-danger') + .removeClass('label-success'); + } else { + $('#user-notfound-notify').html(data.users.length + ' user' + (data.users.length > 1 ? 's' : '') + ' found! Search took ' + data.timing + ' ms.') + .show() + .addClass('label-success') + .removeClass('label-danger'); + } + + selectable.enable('#users-container', '.user-selectable'); + }); + }); + }, 250); + }); + + handleUserCreate(); + + function onUsersLoaded(users) { + templates.parse('admin/manage/users', 'users', {users: users}, function(html) { + $('#users-container').append($(html)); + }); + } + + function loadMoreUsers() { + var set = ''; + if (active === 'latest') { + set = 'users:joindate'; + } else if (active === 'sort-posts') { + set = 'users:postcount'; + } else if (active === 'sort-reputation') { + set = 'users:reputation'; + } + + if (set) { + loadingMoreUsers = true; + socket.emit('user.loadMore', { + set: set, + after: $('#users-container').children().length + }, function(err, data) { + if (data && data.users.length) { + onUsersLoaded(data.users); + } + loadingMoreUsers = false; + }); + } + } + + $('#load-more-users-btn').on('click', loadMoreUsers); + + $(window).off('scroll').on('scroll', function() { + var bottom = ($(document).height() - $(window).height()) * 0.9; + + if ($(window).scrollTop() > bottom && !loadingMoreUsers) { + loadMoreUsers(); + } + }); + + + }; + + return Users; +}); diff --git a/public/src/admin/settings.js b/public/src/admin/settings.js new file mode 100644 index 0000000000..a2c32f7f7f --- /dev/null +++ b/public/src/admin/settings.js @@ -0,0 +1,169 @@ +"use strict"; +/*global define, app, socket, ajaxify, RELATIVE_PATH */ + +define('forum/admin/settings', ['uploader', 'sounds'], function(uploader, sounds) { + var Settings = {}; + + Settings.init = function() { + Settings.prepare(); + }; + + Settings.prepare = function(callback) { + // Come back in 125ms if the config isn't ready yet + if (!app.config) { + setTimeout(function() { + Settings.prepare(callback); + }, 125); + return; + } + + // Populate the fields on the page from the config + var fields = $('#content [data-field]'), + numFields = fields.length, + saveBtn = $('#save'), + revertBtn = $('#revert'), + x, key, inputType, field; + + for (x = 0; x < numFields; x++) { + field = fields.eq(x); + key = field.attr('data-field'); + inputType = field.attr('type'); + if (field.is('input')) { + if (app.config[key]) { + switch (inputType) { + case 'text': + case 'hidden': + case 'password': + case 'textarea': + case 'number': + field.val(app.config[key]); + break; + + case 'checkbox': + field.prop('checked', parseInt(app.config[key], 10) === 1); + break; + } + } + } else if (field.is('textarea')) { + if (app.config[key]) { + field.val(app.config[key]); + } + } else if (field.is('select')) { + if (app.config[key]) { + field.val(app.config[key]); + } + } + } + + revertBtn.off('click').on('click', function(e) { + ajaxify.refresh(); + }); + + saveBtn.off('click').on('click', function(e) { + e.preventDefault(); + + saveFields(fields, function onFieldsSaved(err) { + if (err) { + return app.alert({ + alert_id: 'config_status', + timeout: 2500, + title: 'Changes Not Saved', + message: 'NodeBB encountered a problem saving your changes', + type: 'danger' + }); + } + app.alert({ + alert_id: 'config_status', + timeout: 2500, + title: 'Changes Saved', + message: 'Your changes to the NodeBB configuration have been saved.', + type: 'success' + }); + }); + }); + + handleUploads(); + + $('button[data-action="email.test"]').off('click').on('click', function() { + socket.emit('admin.email.test', function(err) { + app.alert({ + alert_id: 'test_email_sent', + type: !err ? 'info' : 'danger', + title: 'Test Email Sent', + message: err ? err.message : '', + timeout: 2500 + }); + }); + }); + + if (typeof callback === 'function') { + callback(); + } + }; + + function handleUploads() { + $('#content input[data-action="upload"]').each(function() { + var uploadBtn = $(this); + uploadBtn.on('click', function() { + uploader.open(uploadBtn.attr('data-route'), {}, 0, function(image) { + $('#' + uploadBtn.attr('data-target')).val(image); + }); + + uploader.hideAlerts(); + }); + }); + } + + Settings.remove = function(key) { + socket.emit('admin.config.remove', key); + }; + + function saveFields(fields, callback) { + var data = {}; + + fields.each(function() { + var field = $(this); + var key = field.attr('data-field'), + value, inputType; + + if (field.is('input')) { + inputType = field.attr('type'); + switch (inputType) { + case 'text': + case 'password': + case 'hidden': + case 'textarea': + case 'number': + value = field.val(); + break; + + case 'checkbox': + value = field.prop('checked') ? '1' : '0'; + break; + } + } else if (field.is('textarea') || field.is('select')) { + value = field.val(); + } + + data[key] = value; + }); + + socket.emit('admin.config.setMultiple', data, function(err) { + if (err) { + return callback(err); + } + + if (app.config) { + for(var field in data) { + if (data.hasOwnProperty(field)) { + app.config[field] = data[field]; + } + } + } + + callback(); + }); + } + + return Settings; +}); diff --git a/public/src/client/account/edit.js b/public/src/client/account/edit.js new file mode 100644 index 0000000000..a99c6c448f --- /dev/null +++ b/public/src/client/account/edit.js @@ -0,0 +1,336 @@ +'use strict'; + +/* globals define, ajaxify, socket, app, config, utils, translator, bootbox */ + +define('forum/account/edit', ['forum/account/header', 'uploader'], function(header, uploader) { + var AccountEdit = {}, + gravatarPicture = '', + uploadedPicture = '', + selectedImageType = '', + currentEmail; + + AccountEdit.init = function() { + gravatarPicture = ajaxify.variables.get('gravatarpicture'); + uploadedPicture = ajaxify.variables.get('uploadedpicture'); + + header.init(); + + $('#submitBtn').on('click', updateProfile); + + $('#inputBirthday').datepicker({ + changeMonth: true, + changeYear: true, + yearRange: '1900:+0' + }); + + currentEmail = $('#inputEmail').val(); + + handleImageChange(); + handleAccountDelete(); + handleImageUpload(); + handleEmailConfirm(); + handlePasswordChange(); + updateSignature(); + updateImages(); + }; + + function updateProfile() { + var userData = { + uid: $('#inputUID').val(), + username: $('#inputUsername').val(), + email: $('#inputEmail').val(), + fullname: $('#inputFullname').val(), + website: $('#inputWebsite').val(), + birthday: $('#inputBirthday').val(), + location: $('#inputLocation').val(), + signature: $('#inputSignature').val() + }; + + socket.emit('user.updateProfile', userData, function(err, data) { + if (err) { + return app.alertError(err.message); + } + + app.alertSuccess('[[user:profile_update_success]]'); + + if (data.picture) { + $('#user-current-picture').attr('src', data.picture); + $('#user_label img').attr('src', data.picture); + } + + if (data.gravatarpicture) { + $('#user-gravatar-picture').attr('src', data.gravatarpicture); + gravatarPicture = data.gravatarpicture; + } + + if (data.userslug) { + var oldslug = $('.account-username-box').attr('data-userslug'); + $('.account-username-box a').each(function(index) { + $(this).attr('href', $(this).attr('href').replace(oldslug, data.userslug)); + }); + + $('.account-username-box').attr('data-userslug', data.userslug); + + $('#user-profile-link').attr('href', config.relative_path + '/user/' + data.userslug); + $('#user-header-name').text(userData.username); + } + + if (currentEmail !== data.email) { + currentEmail = data.email; + $('#confirm-email').removeClass('hide'); + } + }); + + return false; + } + + function handleImageChange() { + function selectImageType(type) { + $('#gravatar-box .fa-check').toggle(type === 'gravatar'); + $('#uploaded-box .fa-check').toggle(type === 'uploaded'); + selectedImageType = type; + } + + $('#changePictureBtn').on('click', function() { + selectedImageType = ''; + updateImages(); + + $('#change-picture-modal').modal('show'); + $('#change-picture-modal').removeClass('hide'); + + return false; + }); + + $('#gravatar-box').on('click', function() { + selectImageType('gravatar'); + }); + + $('#uploaded-box').on('click', function() { + selectImageType('uploaded'); + }); + + $('#savePictureChangesBtn').on('click', function() { + $('#change-picture-modal').modal('hide'); + + if (selectedImageType) { + changeUserPicture(selectedImageType); + + if (selectedImageType === 'gravatar') { + $('#user-current-picture').attr('src', gravatarPicture); + $('#user-header-picture').attr('src', gravatarPicture); + } else if (selectedImageType === 'uploaded') { + $('#user-current-picture').attr('src', uploadedPicture); + $('#user-header-picture').attr('src', uploadedPicture); + } + } + }); + } + + function handleAccountDelete() { + $('#deleteAccountBtn').on('click', function() { + translator.translate('[[user:delete_account_confirm]]', function(translated) { + bootbox.confirm(translated + '', function(confirm) { + if (!confirm) { + return; + } + + if ($('#confirm-username').val() !== app.username) { + app.alertError('[[error:invalid-username]]'); + return false; + } else { + socket.emit('user.deleteAccount', {}, function(err) { + if (!err) { + app.logout(); + } + }); + } + }); + }); + return false; + }); + } + + function handleImageUpload() { + function onUploadComplete(urlOnServer) { + urlOnServer = urlOnServer + '?' + new Date().getTime(); + + $('#user-current-picture').attr('src', urlOnServer); + $('#user-uploaded-picture').attr('src', urlOnServer); + $('#user-header-picture').attr('src', urlOnServer); + uploadedPicture = urlOnServer; + } + + + $('#upload-picture-modal').on('hide', function() { + $('#userPhotoInput').val(''); + }); + + $('#uploadPictureBtn').on('click', function() { + + $('#change-picture-modal').modal('hide'); + uploader.open(config.relative_path + '/api/user/' + ajaxify.variables.get('userslug') + '/uploadpicture', {}, config.maximumProfileImageSize, function(imageUrlOnServer) { + onUploadComplete(imageUrlOnServer); + }); + + return false; + }); + + $('#uploadFromUrlBtn').on('click', function() { + $('#change-picture-modal').modal('hide'); + var uploadModal = $('#upload-picture-from-url-modal'); + uploadModal.modal('show').removeClass('hide'); + + uploadModal.find('.upload-btn').on('click', function() { + var url = uploadModal.find('#uploadFromUrl').val(); + if (!url) { + return; + } + socket.emit('user.uploadProfileImageFromUrl', url, function(err, imageUrlOnServer) { + if (err) { + return app.alertError(err.message); + } + onUploadComplete(imageUrlOnServer); + + uploadModal.modal('hide'); + }); + + return false; + }); + return false; + }); + } + + function handleEmailConfirm() { + $('#confirm-email').on('click', function() { + socket.emit('user.emailConfirm', {}, function(err) { + if (err) { + return app.alertError(err.message); + } + app.alertSuccess('[[notifications:email-confirm-sent]]'); + }); + }); + } + + function handlePasswordChange() { + var currentPassword = $('#inputCurrentPassword'); + var password_notify = $('#password-notify'); + var password_confirm_notify = $('#password-confirm-notify'); + var password = $('#inputNewPassword'); + var password_confirm = $('#inputNewPasswordAgain'); + var passwordvalid = false; + var passwordsmatch = false; + var successIcon = ''; + + function onPasswordChanged() { + passwordvalid = utils.isPasswordValid(password.val()); + if (password.val().length < config.minimumPasswordLength) { + showError(password_notify, '[[user:change_password_error_length]]'); + } else if (!passwordvalid) { + showError(password_notify, '[[user:change_password_error]]'); + } else { + showSuccess(password_notify, successIcon); + } + } + + function onPasswordConfirmChanged() { + if(password.val()) { + if (password.val() !== password_confirm.val()) { + showError(password_confirm_notify, '[[user:change_password_error_match]]'); + passwordsmatch = false; + } else { + showSuccess(password_confirm_notify, successIcon); + passwordsmatch = true; + } + } + } + + password.on('blur', onPasswordChanged); + password_confirm.on('blur', onPasswordConfirmChanged); + + $('#changePasswordBtn').on('click', function() { + if ((passwordvalid && passwordsmatch) || app.isAdmin) { + socket.emit('user.changePassword', { + 'currentPassword': currentPassword.val(), + 'newPassword': password.val(), + 'uid': ajaxify.variables.get('theirid') + }, function(err) { + currentPassword.val(''); + password.val(''); + password_confirm.val(''); + passwordsmatch = false; + passwordvalid = false; + + if (err) { + return app.alertError(err.message); + } + + app.alertSuccess('[[user:change_password_success]]'); + }); + } + return false; + }); + } + + function changeUserPicture(type) { + socket.emit('user.changePicture', { + type: type, + uid: ajaxify.variables.get('theirid') + }, function(err) { + if(err) { + app.alertError(err.message); + } + }); + } + + function updateImages() { + var currentPicture = $('#user-current-picture').attr('src'); + + if (gravatarPicture) { + $('#user-gravatar-picture').attr('src', gravatarPicture); + } + + if (uploadedPicture) { + $('#user-uploaded-picture').attr('src', uploadedPicture); + } + + $('#gravatar-box').toggle(!!gravatarPicture); + $('#uploaded-box').toggle(!!uploadedPicture); + + $('#gravatar-box .fa-check').toggle(currentPicture !== uploadedPicture); + $('#uploaded-box .fa-check').toggle(currentPicture === uploadedPicture); + } + + function updateSignature() { + function getSignatureCharsLeft() { + return $('#inputSignature').length ? '(' + $('#inputSignature').val().length + '/' + config.maximumSignatureLength + ')' : ''; + } + + $('#signatureCharCountLeft').html(getSignatureCharsLeft()); + + $('#inputSignature').on('keyup change', function(ev) { + $('#signatureCharCountLeft').html(getSignatureCharsLeft()); + }); + } + + function showError(element, msg) { + translator.translate(msg, function(msg) { + element.html(msg); + element.parent() + .removeClass('alert-success') + .addClass('alert-danger'); + element.show(); + }); + } + + function showSuccess(element, msg) { + translator.translate(msg, function(msg) { + element.html(msg); + element.parent() + .removeClass('alert-danger') + .addClass('alert-success'); + element.show(); + }); + } + + return AccountEdit; +}); diff --git a/public/src/client/account/favourites.js b/public/src/client/account/favourites.js new file mode 100644 index 0000000000..6a08a814a5 --- /dev/null +++ b/public/src/client/account/favourites.js @@ -0,0 +1,45 @@ +'use strict'; + +/* globals define, app, utils */ + +define('forum/account/favourites', ['forum/account/header', 'forum/infinitescroll'], function(header, infinitescroll) { + var Favourites = {}; + + Favourites.init = function() { + header.init(); + + $('.user-favourite-posts img').addClass('img-responsive'); + + infinitescroll.init(loadMore); + }; + + function loadMore(direction) { + if (direction < 0) { + return; + } + + infinitescroll.loadMore('posts.loadMoreFavourites', { + after: $('.user-favourite-posts').attr('data-nextstart') + }, function(data, done) { + if (data.posts && data.posts.length) { + onPostsLoaded(data.posts, done); + $('.user-favourite-posts').attr('data-nextstart', data.nextStart); + } else { + done(); + } + }); + } + + function onPostsLoaded(posts, callback) { + infinitescroll.parseAndTranslate('account/favourites', 'posts', {posts: posts}, function(html) { + $('.user-favourite-posts').append(html); + html.find('img').addClass('img-responsive'); + html.find('span.timeago').timeago(); + app.createUserTooltips(); + utils.makeNumbersHumanReadable(html.find('.human-readable-number')); + callback(); + }); + } + + return Favourites; +}); diff --git a/public/src/client/account/followers.js b/public/src/client/account/followers.js new file mode 100644 index 0000000000..6dfb3bf83c --- /dev/null +++ b/public/src/client/account/followers.js @@ -0,0 +1,19 @@ +define('forum/account/followers', ['forum/account/header'], function(header) { + var Followers = {}; + + Followers.init = function() { + header.init(); + + var yourid = ajaxify.variables.get('yourid'), + theirid = ajaxify.variables.get('theirid'), + followersCount = ajaxify.variables.get('followersCount'); + + + if (parseInt(followersCount, 10) === 0) { + $('#no-followers-notice').removeClass('hide'); + } + + }; + + return Followers; +}); diff --git a/public/src/client/account/following.js b/public/src/client/account/following.js new file mode 100644 index 0000000000..0e27a235aa --- /dev/null +++ b/public/src/client/account/following.js @@ -0,0 +1,15 @@ +define('forum/account/following', ['forum/account/header'], function(header) { + var Following = {}; + + Following.init = function() { + header.init(); + + var followingCount = ajaxify.variables.get('followingCount'); + + if (parseInt(followingCount, 10) === 0) { + $('#no-following-notice').removeClass('hide'); + } + }; + + return Following; +}); diff --git a/public/src/client/account/header.js b/public/src/client/account/header.js new file mode 100644 index 0000000000..f552bf4056 --- /dev/null +++ b/public/src/client/account/header.js @@ -0,0 +1,34 @@ +define('forum/account/header', function() { + var AccountHeader = {}; + + AccountHeader.init = function() { + displayAccountMenus(); + selectActivePill(); + }; + + function displayAccountMenus() { + var yourid = ajaxify.variables.get('yourid'), + theirid = ajaxify.variables.get('theirid'); + + if (parseInt(yourid, 10) !== 0 && parseInt(yourid, 10) === parseInt(theirid, 10)) { + $('#editLink, #settingsLink, #favouritesLink').removeClass('hide'); + } else { + $('.account-sub-links .plugin-link').each(function() { + var $this = $(this); + $this.toggleClass('hide', $this.hasClass('private')); + }); + } + } + + function selectActivePill() { + $('.account-sub-links li').removeClass('active').each(function() { + var href = $(this).find('a').attr('href'); + if (window.location.href.indexOf(href) !== -1) { + $(this).addClass('active'); + return false; + } + }); + } + + return AccountHeader; +}); diff --git a/public/src/client/account/posts.js b/public/src/client/account/posts.js new file mode 100644 index 0000000000..70410e0819 --- /dev/null +++ b/public/src/client/account/posts.js @@ -0,0 +1,46 @@ +'use strict'; + +/* globals define, app, socket, utils */ + +define('forum/account/posts', ['forum/account/header', 'forum/infinitescroll'], function(header, infinitescroll) { + var AccountPosts = {}; + + AccountPosts.init = function() { + header.init(); + + $('.user-favourite-posts img').addClass('img-responsive'); + + infinitescroll.init(loadMore); + }; + + function loadMore(direction) { + if (direction < 0) { + return; + } + + infinitescroll.loadMore('posts.loadMoreUserPosts', { + uid: $('.account-username-box').attr('data-uid'), + after: $('.user-favourite-posts').attr('data-nextstart') + }, function(data, done) { + if (data.posts && data.posts.length) { + onPostsLoaded(data.posts, done); + $('.user-favourite-posts').attr('data-nextstart', data.nextStart); + } else { + done(); + } + }); + } + + function onPostsLoaded(posts, callback) { + infinitescroll.parseAndTranslate('account/posts', 'posts', {posts: posts}, function(html) { + $('.user-favourite-posts').append(html); + html.find('img').addClass('img-responsive'); + html.find('span.timeago').timeago(); + app.createUserTooltips(); + utils.makeNumbersHumanReadable(html.find('.human-readable-number')); + callback(); + }); + } + + return AccountPosts; +}); diff --git a/public/src/client/account/profile.js b/public/src/client/account/profile.js new file mode 100644 index 0000000000..2d273a33ca --- /dev/null +++ b/public/src/client/account/profile.js @@ -0,0 +1,127 @@ +'use strict'; + +/* globals define, ajaxify, app, utils, socket, translator*/ + +define('forum/account/profile', ['forum/account/header', 'forum/infinitescroll'], function(header, infinitescroll) { + var Account = {}, + yourid, + theirid, + isFollowing; + + Account.init = function() { + header.init(); + + yourid = ajaxify.variables.get('yourid'); + theirid = ajaxify.variables.get('theirid'); + isFollowing = ajaxify.variables.get('isFollowing'); + + app.enterRoom('user/' + theirid); + + processPage(); + + updateButtons(); + + $('#follow-btn').on('click', function() { + return toggleFollow('follow'); + }); + + $('#unfollow-btn').on('click', function() { + return toggleFollow('unfollow'); + }); + + $('#chat-btn').on('click', function() { + app.openChat($('.account-username').html(), theirid); + }); + + socket.removeListener('event:user_status_change', onUserStatusChange); + socket.on('event:user_status_change', onUserStatusChange); + + if (yourid !== theirid) { + socket.emit('user.increaseViewCount', theirid); + } + + infinitescroll.init(loadMoreTopics); + }; + + function processPage() { + $('.user-recent-posts img, .post-signature img').addClass('img-responsive'); + } + + function updateButtons() { + var isSelfOrNotLoggedIn = yourid === theirid || parseInt(yourid, 10) === 0; + $('#follow-btn').toggleClass('hide', isFollowing || isSelfOrNotLoggedIn); + $('#unfollow-btn').toggleClass('hide', !isFollowing || isSelfOrNotLoggedIn); + $('#chat-btn').toggleClass('hide', isSelfOrNotLoggedIn); + } + + function toggleFollow(type) { + socket.emit('user.' + type, { + uid: theirid + }, function(err) { + if(err) { + return app.alertError(err.message); + } + + $('#follow-btn').toggleClass('hide', type === 'follow'); + $('#unfollow-btn').toggleClass('hide', type === 'unfollow'); + app.alertSuccess('[[global:alert.' + type + ', ' + $('.account-username').html() + ']]'); + }); + return false; + } + + function onUserStatusChange(data) { + var onlineStatus = $('.account-online-status'); + + if(parseInt(ajaxify.variables.get('theirid'), 10) !== parseInt(data.uid, 10)) { + return; + } + + translator.translate('[[global:' + data.status + ']]', function(translated) { + onlineStatus.attr('class', 'account-online-status fa fa-circle status ' + data.status) + .attr('title', translated) + .attr('data-original-title', translated); + }); + + } + + function loadMoreTopics(direction) { + if(direction < 0 || !$('.user-recent-posts').length) { + return; + } + + $('.loading-indicator').removeClass('hidden'); + + infinitescroll.loadMore('user.loadMoreRecentPosts', { + after: $('.user-recent-posts').attr('data-nextstart'), + uid: theirid + }, function(data, done) { + if (data.posts && data.posts.length) { + onPostsLoaded(data.posts, done); + $('.user-recent-posts').attr('data-nextstart', data.nextStart); + } else { + done(); + } + $('.loading-indicator').addClass('hidden'); + }); + } + + function onPostsLoaded(posts, callback) { + posts = posts.filter(function(post) { + return !$('.user-recent-posts div[data-pid=' + post.pid + ']').length; + }); + + if (!posts.length) { + return callback(); + } + + infinitescroll.parseAndTranslate('account/profile', 'posts', {posts: posts}, function(html) { + + $('.user-recent-posts .loading-indicator').before(html); + html.find('span.timeago').timeago(); + + callback(); + }); + } + + return Account; +}); diff --git a/public/src/client/account/settings.js b/public/src/client/account/settings.js new file mode 100644 index 0000000000..107e766c77 --- /dev/null +++ b/public/src/client/account/settings.js @@ -0,0 +1,71 @@ +define('forum/account/settings', ['forum/account/header'], function(header) { + var AccountSettings = {}; + + AccountSettings.init = function() { + header.init(); + + $('#submitBtn').on('click', function() { + var settings = {}; + + $('.account').find('input, textarea, select').each(function(id, input) { + input = $(input); + var setting = input.attr('data-property'); + if (input.is('select')) { + settings[setting] = input.val(); + return; + } + + switch (input.attr('type')) { + case 'text': + case 'textarea': + settings[setting] = input.val(); + break; + case 'checkbox': + settings[setting] = input.is(':checked') ? 1 : 0; + break; + } + }); + + socket.emit('user.saveSettings', {uid: ajaxify.variables.get('theirid'), settings: settings}, function(err) { + if (err) { + return app.alertError(err.message); + } + + app.alertSuccess('[[success:settings-saved]]'); + app.loadConfig(); + if (parseInt(app.uid, 10) === parseInt(ajaxify.variables.get('theirid'), 10)) { + ajaxify.refresh(); + } + }); + + return false; + }); + + socket.emit('user.getSettings', {uid: ajaxify.variables.get('theirid')}, function(err, settings) { + var inputs = $('.account').find('input, textarea, select'); + + inputs.each(function(index, input) { + input = $(input); + var setting = input.attr('data-property'); + if (setting) { + if (input.is('select')) { + input.val(settings[setting]); + return; + } + + switch (input.attr('type')) { + case 'text' : + case 'textarea' : + input.val(settings[setting]); + break; + case 'checkbox' : + input.prop('checked', !!settings[setting]); + break; + } + } + }); + }); + }; + + return AccountSettings; +}); diff --git a/public/src/client/account/topics.js b/public/src/client/account/topics.js new file mode 100644 index 0000000000..231ddfd5ec --- /dev/null +++ b/public/src/client/account/topics.js @@ -0,0 +1,44 @@ +'use strict'; + +/* globals define, app, socket, utils */ + +define('forum/account/topics', ['forum/account/header', 'forum/infinitescroll'], function(header, infinitescroll) { + var AccountTopics = {}; + + AccountTopics.init = function() { + header.init(); + + infinitescroll.init(loadMore); + }; + + function loadMore(direction) { + if (direction < 0) { + return; + } + + infinitescroll.loadMore('topics.loadMoreFromSet', { + set: 'uid:' + $('.account-username-box').attr('data-uid') + ':topics', + after: $('.user-topics').attr('data-nextstart') + }, function(data, done) { + + if (data.topics && data.topics.length) { + onTopicsLoaded(data.topics, done); + $('.user-topics').attr('data-nextstart', data.nextStart); + } else { + done(); + } + }); + } + + function onTopicsLoaded(topics, callback) { + infinitescroll.parseAndTranslate('account/topics', 'topics', {topics: topics}, function(html) { + $('#topics-container').append(html); + html.find('span.timeago').timeago(); + app.createUserTooltips(); + utils.makeNumbersHumanReadable(html.find('.human-readable-number')); + callback(); + }); + } + + return AccountTopics; +}); diff --git a/public/src/client/category.js b/public/src/client/category.js new file mode 100644 index 0000000000..30bcf629f1 --- /dev/null +++ b/public/src/client/category.js @@ -0,0 +1,351 @@ +"use strict"; +/* global define, config, templates, app, utils, ajaxify, socket, translator */ + +define('forum/category', ['composer', 'forum/pagination', 'forum/infinitescroll', 'share', 'navigator', 'forum/categoryTools'], function(composer, pagination, infinitescroll, share, navigator, categoryTools) { + var Category = {}; + + $(window).on('action:ajaxify.start', function(ev, data) { + if(data && data.url.indexOf('category') !== 0) { + navigator.hide(); + + removeListeners(); + } + }); + + function removeListeners() { + socket.removeListener('event:new_topic', Category.onNewTopic); + categoryTools.removeListeners(); + } + + Category.init = function() { + var cid = ajaxify.variables.get('category_id'); + + app.enterRoom('category_' + cid); + + share.addShareHandlers(ajaxify.variables.get('category_name')); + + $('#new_post').on('click', function () { + composer.newTopic(cid); + }); + + socket.on('event:new_topic', Category.onNewTopic); + + categoryTools.init(cid); + + enableInfiniteLoadingOrPagination(); + + if (!config.usePagination) { + navigator.init('#topics-container > .category-item', ajaxify.variables.get('topic_count'), Category.toTop, Category.toBottom, Category.navigatorCallback); + } + + $('#topics-container').on('click', '.topic-title', function() { + var clickedTid = $(this).parents('li.category-item[data-tid]').attr('data-tid'); + $('#topics-container li.category-item').each(function(index, el) { + if($(el).offset().top - $(window).scrollTop() > 0) { + localStorage.setItem('category:' + cid + ':bookmark', $(el).attr('data-tid')); + localStorage.setItem('category:' + cid + ':bookmark:clicked', clickedTid); + return false; + } + }); + }); + + handleIgnoreWatch(cid); + }; + + function handleIgnoreWatch(cid) { + $('.watch, .ignore').on('click', function() { + var $this = $(this); + var command = $this.hasClass('watch') ? 'watch' : 'ignore'; + + socket.emit('categories.' + command, cid, function(err) { + if (err) { + return app.alertError(err.message); + } + + $('.watch').toggleClass('hidden', command === 'watch'); + $('.ignore').toggleClass('hidden', command === 'ignore'); + }); + }); + } + + Category.toTop = function() { + navigator.scrollTop(0); + }; + + Category.toBottom = function() { + socket.emit('categories.lastTopicIndex', ajaxify.variables.get('category_id'), function(err, index) { + navigator.scrollBottom(index); + }); + }; + + Category.navigatorCallback = function(element, elementCount) { + return parseInt(element.attr('data-index'), 10) + 1; + }; + + $(window).on('action:popstate', function(ev, data) { + if(data.url.indexOf('category/') === 0) { + var cid = data.url.match(/^category\/(\d+)/); + if (cid && cid[1]) { + cid = cid[1]; + } + if (!cid) { + return; + } + + var bookmark = localStorage.getItem('category:' + cid + ':bookmark'); + var clicked = localStorage.getItem('category:' + cid + ':bookmark:clicked'); + + if (!bookmark) { + return; + } + + if(config.usePagination) { + socket.emit('topics.getTidPage', bookmark, function(err, page) { + if (err) { + return; + } + if(parseInt(page, 10) !== pagination.currentPage) { + pagination.loadPage(page); + } else { + Category.scrollToTopic(bookmark, clicked, 400); + } + }); + } else { + socket.emit('topics.getTidIndex', bookmark, function(err, index) { + if (err) { + return; + } + + if (index === 0) { + Category.highlightTopic(clicked); + return; + } + + if (index < 0) { + index = 0; + } + + $('#topics-container').empty(); + + loadTopicsAfter(index, function() { + Category.scrollToTopic(bookmark, clicked, 0); + }); + }); + } + } + }); + + Category.highlightTopic = function(tid) { + var highlight = $('#topics-container li.category-item[data-tid="' + tid + '"]'); + if(highlight.length && !highlight.hasClass('highlight')) { + highlight.addClass('highlight'); + setTimeout(function() { + highlight.removeClass('highlight'); + }, 5000); + } + }; + + Category.scrollToTopic = function(tid, clickedTid, duration, offset) { + if(!tid) { + return; + } + + if(!offset) { + offset = 0; + } + + if($('#topics-container li.category-item[data-tid="' + tid + '"]').length) { + var cid = ajaxify.variables.get('category_id'); + var scrollTo = $('#topics-container li.category-item[data-tid="' + tid + '"]'); + + if (cid && scrollTo.length) { + $('html, body').animate({ + scrollTop: (scrollTo.offset().top - $('#header-menu').height() - offset) + 'px' + }, duration !== undefined ? duration : 400, function() { + Category.highlightTopic(clickedTid); + navigator.update(); + }); + } + } + }; + + function enableInfiniteLoadingOrPagination() { + if (!config.usePagination) { + infinitescroll.init(Category.loadMoreTopics); + } else { + navigator.hide(); + pagination.init(ajaxify.variables.get('currentPage'), ajaxify.variables.get('pageCount')); + } + } + + Category.onNewTopic = function(topic) { + $(window).trigger('filter:categories.new_topic', topic); + + ajaxify.loadTemplate('category', function(categoryTemplate) { + var html = templates.parse(templates.getBlock(categoryTemplate, 'topics'), { + privileges: {editable: !!$('.thread-tools').length}, + topics: [topic] + }); + + translator.translate(html, function(translatedHTML) { + var topic = $(translatedHTML), + container = $('#topics-container'), + topics = $('#topics-container').children('.category-item'), + numTopics = topics.length; + + $('#topics-container, .category-sidebar').removeClass('hidden'); + + var noTopicsWarning = $('#category-no-topics'); + if (noTopicsWarning.length) { + noTopicsWarning.remove(); + ajaxify.widgets.render('category', window.location.pathname.slice(1)); + } + + if (numTopics > 0) { + for (var x = 0; x < numTopics; x++) { + var pinned = $(topics[x]).hasClass('pinned'); + if (pinned) { + if(x === numTopics - 1) { + topic.insertAfter(topics[x]); + } + continue; + } + topic.insertBefore(topics[x]); + break; + } + } else { + container.append(topic); + } + + topic.hide().fadeIn('slow'); + + socket.emit('categories.getPageCount', ajaxify.variables.get('category_id'), function(err, newPageCount) { + pagination.recreatePaginationLinks(newPageCount); + }); + + topic.find('span.timeago').timeago(); + app.createUserTooltips(); + updateTopicCount(); + + $(window).trigger('action:categories.new_topic.loaded'); + }); + }); + }; + + function updateTopicCount() { + socket.emit('categories.getTopicCount', ajaxify.variables.get('category_id'), function(err, topicCount) { + if(err) { + return app.alertError(err.message); + } + navigator.setCount(topicCount); + }); + } + + Category.onTopicsLoaded = function(data, callback) { + if(!data || !data.topics.length) { + return; + } + + function removeAlreadyAddedTopics(topics) { + return topics.filter(function(topic) { + return $('#topics-container li[data-tid="' + topic.tid +'"]').length === 0; + }); + } + + var after = null, + before = null; + + function findInsertionPoint() { + if (!$('#topics-container .category-item[data-tid]').length) { + return; + } + var last = $('#topics-container .category-item[data-tid]').last(); + var lastIndex = last.attr('data-index'); + var firstIndex = data.topics[data.topics.length - 1].index; + if (firstIndex > lastIndex) { + after = last; + } else { + before = $('#topics-container .category-item[data-tid]').first(); + } + } + + data.topics = removeAlreadyAddedTopics(data.topics); + if(!data.topics.length) { + return; + } + + findInsertionPoint(); + + ajaxify.loadTemplate('category', function(categoryTemplate) { + var html = templates.parse(templates.getBlock(categoryTemplate, 'topics'), data); + + translator.translate(html, function(translatedHTML) { + var container = $('#topics-container'), + html = $(translatedHTML); + + $('#topics-container, .category-sidebar').removeClass('hidden'); + $('#category-no-topics').remove(); + + if(config.usePagination) { + container.empty().append(html); + } else { + if(after) { + html.insertAfter(after); + } else if(before) { + html.insertBefore(before); + } else { + container.append(html); + } + } + + if (typeof callback === 'function') { + callback(); + } + html.find('span.timeago').timeago(); + app.createUserTooltips(); + utils.makeNumbersHumanReadable(html.find('.human-readable-number')); + }); + }); + }; + + Category.loadMoreTopics = function(direction) { + if (!$('#topics-container').length || !$('#topics-container').children().length) { + return; + } + + infinitescroll.calculateAfter(direction, '#topics-container .category-item[data-tid]', config.topicsPerPage, false, function(after, offset, el) { + loadTopicsAfter(after, function() { + if (direction < 0 && el) { + Category.scrollToTopic(el.attr('data-tid'), null, 0, offset); + } + }); + }); + }; + + function loadTopicsAfter(after, callback) { + if(!utils.isNumber(after) || (after === 0 && $('#topics-container li.category-item[data-index="0"]').length)) { + return; + } + + $(window).trigger('action:categories.loading'); + infinitescroll.loadMore('categories.loadMore', { + cid: ajaxify.variables.get('category_id'), + after: after + }, function (data, done) { + + if (data.topics && data.topics.length) { + Category.onTopicsLoaded(data, function() { + done(); + callback(); + }); + $('#topics-container').attr('data-nextstart', data.nextStart); + } else { + done(); + } + + $(window).trigger('action:categories.loaded'); + }); + } + + return Category; +}); diff --git a/public/src/client/categoryTools.js b/public/src/client/categoryTools.js new file mode 100644 index 0000000000..620b3af8b0 --- /dev/null +++ b/public/src/client/categoryTools.js @@ -0,0 +1,205 @@ + +'use strict'; + +/* globals define, app, translator, socket, bootbox, ajaxify */ + + +define('forum/categoryTools', ['forum/topic/move', 'topicSelect'], function(move, topicSelect) { + + var CategoryTools = {}; + + CategoryTools.init = function(cid) { + CategoryTools.cid = cid; + + topicSelect.init(onTopicSelect); + + $('.delete_thread').on('click', function(e) { + var tids = topicSelect.getSelectedTids(); + categoryCommand(isAny(isTopicDeleted, tids) ? 'restore' : 'delete', tids); + return false; + }); + + $('.purge_thread').on('click', function() { + var tids = topicSelect.getSelectedTids(); + categoryCommand('purge', tids); + return false; + }); + + $('.lock_thread').on('click', function() { + var tids = topicSelect.getSelectedTids(); + if (tids.length) { + socket.emit(isAny(isTopicLocked, tids) ? 'topics.unlock' : 'topics.lock', {tids: tids, cid: CategoryTools.cid}, onCommandComplete); + } + return false; + }); + + $('.pin_thread').on('click', function() { + var tids = topicSelect.getSelectedTids(); + if (tids.length) { + socket.emit(isAny(isTopicPinned, tids) ? 'topics.unpin' : 'topics.pin', {tids: tids, cid: CategoryTools.cid}, onCommandComplete); + } + return false; + }); + + $('.markAsUnreadForAll').on('click', function() { + var tids = topicSelect.getSelectedTids(); + if (tids.length) { + socket.emit('topics.markAsUnreadForAll', tids, function(err) { + if(err) { + return app.alertError(err.message); + } + app.alertSuccess('[[topic:markAsUnreadForAll.success]]'); + + onCommandComplete(); + }); + } + + return false; + }); + + $('.move_thread').on('click', function() { + var tids = topicSelect.getSelectedTids(); + + if (tids.length) { + move.init(tids, cid, onCommandComplete); + } + return false; + }); + + $('.move_all_threads').on('click', function() { + move.init(null, cid, function(err) { + ajaxify.refresh(); + }); + }); + + + socket.on('event:topic_deleted', setDeleteState); + socket.on('event:topic_restored', setDeleteState); + socket.on('event:topic_purged', onTopicPurged); + socket.on('event:topic_locked', setLockedState); + socket.on('event:topic_unlocked', setLockedState); + socket.on('event:topic_pinned', setPinnedState); + socket.on('event:topic_unpinned', setPinnedState); + socket.on('event:topic_moved', onTopicMoved); + }; + + function categoryCommand(command, tids) { + if (!tids.length) { + return; + } + + translator.translate('[[topic:thread_tools.' + command + '_confirm]]', function(msg) { + bootbox.confirm(msg, function(confirm) { + if (!confirm) { + return; + } + + socket.emit('topics.' + command, {tids: tids, cid: CategoryTools.cid}, onCommandComplete); + }); + }); + } + + CategoryTools.removeListeners = function() { + socket.removeListener('event:topic_deleted', setDeleteState); + socket.removeListener('event:topic_restored', setDeleteState); + socket.removeListener('event:topic_purged', onTopicPurged); + socket.removeListener('event:topic_locked', setLockedState); + socket.removeListener('event:topic_unlocked', setLockedState); + socket.removeListener('event:topic_pinned', setPinnedState); + socket.removeListener('event:topic_unpinned', setPinnedState); + socket.removeListener('event:topic_moved', onTopicMoved); + }; + + function closeDropDown() { + $('.thread-tools.open').find('.dropdown-toggle').trigger('click'); + } + + function onCommandComplete(err) { + if (err) { + return app.alertError(err.message); + } + closeDropDown(); + topicSelect.unselectAll(); + } + + function onTopicSelect() { + var tids = topicSelect.getSelectedTids(); + var isAnyDeleted = isAny(isTopicDeleted, tids); + var areAllDeleted = areAll(isTopicDeleted, tids); + var isAnyPinned = isAny(isTopicPinned, tids); + var isAnyLocked = isAny(isTopicLocked, tids); + + $('.delete_thread span').translateHtml(' [[topic:thread_tools.' + (isAnyDeleted ? 'restore' : 'delete') + ']]'); + $('.pin_thread').translateHtml(' [[topic:thread_tools.' + (isAnyPinned ? 'unpin' : 'pin') + ']]'); + $('.lock_thread').translateHtml(' [[topic:thread_tools.' + (isAnyLocked ? 'un': '') + 'lock]]'); + $('.purge_thread').toggleClass('hidden', !areAllDeleted); + } + + function isAny(method, tids) { + for(var i=0; i' + translated + '
').insertBefore(threadEl);
+ });
+ } else {
+ $('#thread-deleted').remove();
+ }
+ };
+
+ ThreadTools.setPinnedState = function(data) {
+ var threadEl = $('#post-container');
+ if (parseInt(data.tid, 10) === parseInt(threadEl.attr('data-tid'), 10)) {
+ translator.translate(' [[topic:thread_tools.' + (data.isPinned ? 'unpin' : 'pin') + ']]', function(translated) {
+ $('.pin_thread').html(translated);
+ ThreadTools.threadState.pinned = data.isPinned;
+ });
+ $('.topic-title i.fa-thumb-tack').toggleClass('hide', !data.isPinned);
+ }
+ };
+
+ function setFollowState(state) {
+ var title = state ? '[[topic:unwatch.title]]' : '[[topic:watch.title]]';
+ var iconClass = state ? 'fa fa-eye-slash' : 'fa fa-eye';
+ var text = state ? '[[topic:unwatch]]' : '[[topic:watch]]';
+
+ var followEl = $('.posts .follow');
+
+ translator.translate(title, function(titleTranslated) {
+ followEl.attr('title', titleTranslated).find('i').attr('class', iconClass);
+ followEl.find('span').text(text);
+
+ translator.translate(followEl.html(), function(translated) {
+ followEl.html(translated);
+ });
+ });
+ }
+
+
+ return ThreadTools;
+});
diff --git a/public/src/client/unread.js b/public/src/client/unread.js
new file mode 100644
index 0000000000..342102f634
--- /dev/null
+++ b/public/src/client/unread.js
@@ -0,0 +1,151 @@
+'use strict';
+
+/* globals define, app, socket */
+
+define('forum/unread', ['forum/recent', 'topicSelect', 'forum/infinitescroll'], function(recent, topicSelect, infinitescroll) {
+ var Unread = {};
+
+ $(window).on('action:ajaxify.start', function(ev, data) {
+ if(data.url.indexOf('unread') !== 0) {
+ recent.removeListeners();
+ }
+ });
+
+ Unread.init = function() {
+ app.enterRoom('recent_posts');
+
+ $('#new-topics-alert').on('click', function() {
+ $(this).addClass('hide');
+ });
+
+ recent.watchForNewPosts();
+
+ $('#markSelectedRead').on('click', function() {
+ var tids = topicSelect.getSelectedTids();
+ if(!tids.length) {
+ return;
+ }
+ socket.emit('topics.markAsRead', tids, function(err) {
+ if(err) {
+ return app.alertError(err.message);
+ }
+
+ doneRemovingTids(tids);
+ });
+ });
+
+ $('#markAllRead').on('click', function() {
+ socket.emit('topics.markAllRead', function(err) {
+ if(err) {
+ return app.alertError(err.message);
+ }
+
+ app.alertSuccess('[[unread:topics_marked_as_read.success]]');
+
+ $('#topics-container').empty();
+ $('#category-no-topics').removeClass('hidden');
+ $('.markread').addClass('hidden');
+ });
+ });
+
+ $('.markread').on('click', '.category', function() {
+ function getCategoryTids(cid) {
+ var tids = [];
+ $('#topics-container .category-item[data-cid="' + cid + '"]').each(function() {
+ tids.push($(this).attr('data-tid'));
+ });
+ return tids;
+ }
+ var cid = $(this).attr('data-cid');
+ var tids = getCategoryTids(cid);
+
+ socket.emit('topics.markCategoryTopicsRead', cid, function(err) {
+ if(err) {
+ return app.alertError(err.message);
+ }
+
+ doneRemovingTids(tids);
+ });
+ });
+
+ socket.emit('categories.get', onCategoriesLoaded);
+
+ topicSelect.init();
+
+ if ($("body").height() <= $(window).height() && $('#topics-container').children().length >= 20) {
+ $('#load-more-btn').show();
+ }
+
+ $('#load-more-btn').on('click', function() {
+ loadMoreTopics();
+ });
+
+ infinitescroll.init(loadMoreTopics);
+
+ function loadMoreTopics(direction) {
+ if(direction < 0 || !$('#topics-container').length) {
+ return;
+ }
+
+ infinitescroll.loadMore('topics.loadMoreUnreadTopics', {
+ after: $('#topics-container').attr('data-nextstart')
+ }, function(data, done) {
+ if (data.topics && data.topics.length) {
+ recent.onTopicsLoaded('unread', data.topics, true, done);
+ $('#topics-container').attr('data-nextstart', data.nextStart);
+ } else {
+ done();
+ $('#load-more-btn').hide();
+ }
+ });
+ }
+ };
+
+ function doneRemovingTids(tids) {
+ removeTids(tids);
+
+ app.alertSuccess('[[unread:topics_marked_as_read.success]]');
+
+ if (!$('#topics-container').children().length) {
+ $('#category-no-topics').removeClass('hidden');
+ $('.markread').addClass('hidden');
+ }
+ }
+
+ function removeTids(tids) {
+ for(var i=0; i