' +
- '
' +
- '' +
- ' ' +
- '' +
- '
' +
- '' + themes[x].name + '
' + - '' + - themes[x].description + - (themes[x].url ? ' (Homepage)' : '') + - '
' + - '';
- themeFrag.appendChild(liEl.cloneNode(true));
- }
- } else {
- // No themes found
- liEl.className = 'no-themes';
- liEl.innerHTML = 'No installed themes found';
- themeFrag.appendChild(liEl);
- }
-
- instListEl.innerHTML = '';
- instListEl.appendChild(themeFrag);
- });
-})();
\ No newline at end of file
+ return Themes;
+});
\ No newline at end of file
diff --git a/public/src/forum/admin/topics.js b/public/src/forum/admin/topics.js
index 040197df82..8960bed25d 100644
--- a/public/src/forum/admin/topics.js
+++ b/public/src/forum/admin/topics.js
@@ -1,127 +1,133 @@
-$(document).ready(function() {
- var topicsListEl = document.querySelector('.topics'),
- loadMoreEl = document.getElementById('topics_loadmore');
-
- $(topicsListEl).on('click', '[data-action]', function() {
- var $this = $(this),
- action = this.getAttribute('data-action'),
- tid = $this.parents('[data-tid]').attr('data-tid');
-
- switch (action) {
- case 'pin':
- if (!$this.hasClass('active')) socket.emit('api:topic.pin', {
- tid: tid
+define(function() {
+ var Topics = {};
+
+ Topics.init = function() {
+ var topicsListEl = document.querySelector('.topics'),
+ loadMoreEl = document.getElementById('topics_loadmore');
+
+ $(topicsListEl).on('click', '[data-action]', function() {
+ var $this = $(this),
+ action = this.getAttribute('data-action'),
+ tid = $this.parents('[data-tid]').attr('data-tid');
+
+ switch (action) {
+ case 'pin':
+ if (!$this.hasClass('active')) socket.emit('api:topic.pin', {
+ tid: tid
+ });
+ else socket.emit('api:topic.unpin', {
+ tid: tid
+ });
+ break;
+ case 'lock':
+ if (!$this.hasClass('active')) socket.emit('api:topic.lock', {
+ tid: tid
+ });
+ else socket.emit('api:topic.unlock', {
+ tid: tid
+ });
+ break;
+ case 'delete':
+ if (!$this.hasClass('active')) socket.emit('api:topic.delete', {
+ tid: tid
+ });
+ else socket.emit('api:topic.restore', {
+ tid: tid
+ });
+ break;
+ }
+ });
+
+ loadMoreEl.addEventListener('click', function() {
+ if (this.className.indexOf('disabled') === -1) {
+ var topics = document.querySelectorAll('.topics li[data-tid]'),
+ lastTid = parseInt(topics[topics.length - 1].getAttribute('data-tid'));
+
+ this.innerHTML = ' Retrieving topics';
+ socket.emit('api:admin.topics.getMore', {
+ limit: 10,
+ after: lastTid
+ }, function(topics) {
+ var btnEl = document.getElementById('topics_loadmore');
+
+ topics = JSON.parse(topics);
+ if (topics.length > 0) {
+ var html = templates.prepare(templates['admin/topics'].blocks['topics']).parse({
+ topics: topics
+ }),
+ topicsListEl = document.querySelector('.topics');
+
+ topicsListEl.innerHTML += html;
+ btnEl.innerHTML = 'Load More Topics';
+ } else {
+ // Exhausted all topics
+ btnEl.className += ' disabled';
+ btnEl.innerHTML = 'No more topics';
+ }
});
- else socket.emit('api:topic.unpin', {
- tid: tid
- });
- break;
- case 'lock':
- if (!$this.hasClass('active')) socket.emit('api:topic.lock', {
- tid: tid
- });
- else socket.emit('api:topic.unlock', {
- tid: tid
- });
- break;
- case 'delete':
- if (!$this.hasClass('active')) socket.emit('api:topic.delete', {
- tid: tid
- });
- else socket.emit('api:topic.restore', {
- tid: tid
- });
- break;
+ }
+ }, false);
+
+ // Resolve proper button state for all topics
+ var topicEls = topicsListEl.querySelectorAll('li'),
+ numTopics = topicEls.length;
+ for (var x = 0; x < numTopics; x++) {
+ if (topicEls[x].getAttribute('data-pinned') === '1') topicEls[x].querySelector('[data-action="pin"]').className += ' active';
+ if (topicEls[x].getAttribute('data-locked') === '1') topicEls[x].querySelector('[data-action="lock"]').className += ' active';
+ if (topicEls[x].getAttribute('data-deleted') === '1') topicEls[x].querySelector('[data-action="delete"]').className += ' active';
+ topicEls[x].removeAttribute('data-pinned');
+ topicEls[x].removeAttribute('data-locked');
+ topicEls[x].removeAttribute('data-deleted');
}
- });
-
- loadMoreEl.addEventListener('click', function() {
- if (this.className.indexOf('disabled') === -1) {
- var topics = document.querySelectorAll('.topics li[data-tid]'),
- lastTid = parseInt(topics[topics.length - 1].getAttribute('data-tid'));
-
- this.innerHTML = ' Retrieving topics';
- socket.emit('api:admin.topics.getMore', {
- limit: 10,
- after: lastTid
- }, function(topics) {
- var btnEl = document.getElementById('topics_loadmore');
-
- topics = JSON.parse(topics);
- if (topics.length > 0) {
- var html = templates.prepare(templates['admin/topics'].blocks['topics']).parse({
- topics: topics
- }),
- topicsListEl = document.querySelector('.topics');
-
- topicsListEl.innerHTML += html;
- btnEl.innerHTML = 'Load More Topics';
- } else {
- // Exhausted all topics
- btnEl.className += ' disabled';
- btnEl.innerHTML = 'No more topics';
- }
- });
- }
- }, false);
-
- // Resolve proper button state for all topics
- var topicEls = topicsListEl.querySelectorAll('li'),
- numTopics = topicEls.length;
- for (var x = 0; x < numTopics; x++) {
- if (topicEls[x].getAttribute('data-pinned') === '1') topicEls[x].querySelector('[data-action="pin"]').className += ' active';
- if (topicEls[x].getAttribute('data-locked') === '1') topicEls[x].querySelector('[data-action="lock"]').className += ' active';
- if (topicEls[x].getAttribute('data-deleted') === '1') topicEls[x].querySelector('[data-action="delete"]').className += ' active';
- topicEls[x].removeAttribute('data-pinned');
- topicEls[x].removeAttribute('data-locked');
- topicEls[x].removeAttribute('data-deleted');
- }
-});
-
-socket.on('api:topic.pin', function(response) {
- if (response.status === 'ok') {
- var btnEl = document.querySelector('li[data-tid="' + response.tid + '"] button[data-action="pin"]');
-
- $(btnEl).addClass('active');
- }
-});
-
-socket.on('api:topic.unpin', function(response) {
- if (response.status === 'ok') {
- var btnEl = document.querySelector('li[data-tid="' + response.tid + '"] button[data-action="pin"]');
-
- $(btnEl).removeClass('active');
- }
-});
-
-socket.on('api:topic.lock', function(response) {
- if (response.status === 'ok') {
- var btnEl = document.querySelector('li[data-tid="' + response.tid + '"] button[data-action="lock"]');
-
- $(btnEl).addClass('active');
- }
-});
-
-socket.on('api:topic.unlock', function(response) {
- if (response.status === 'ok') {
- var btnEl = document.querySelector('li[data-tid="' + response.tid + '"] button[data-action="lock"]');
-
- $(btnEl).removeClass('active');
- }
-});
-
-socket.on('api:topic.delete', function(response) {
- if (response.status === 'ok') {
- var btnEl = document.querySelector('li[data-tid="' + response.tid + '"] button[data-action="delete"]');
-
- $(btnEl).addClass('active');
- }
-});
-
-socket.on('api:topic.restore', function(response) {
- if (response.status === 'ok') {
- var btnEl = document.querySelector('li[data-tid="' + response.tid + '"] button[data-action="delete"]');
-
- $(btnEl).removeClass('active');
- }
+
+ socket.on('api:topic.pin', function(response) {
+ if (response.status === 'ok') {
+ var btnEl = document.querySelector('li[data-tid="' + response.tid + '"] button[data-action="pin"]');
+
+ $(btnEl).addClass('active');
+ }
+ });
+
+ socket.on('api:topic.unpin', function(response) {
+ if (response.status === 'ok') {
+ var btnEl = document.querySelector('li[data-tid="' + response.tid + '"] button[data-action="pin"]');
+
+ $(btnEl).removeClass('active');
+ }
+ });
+
+ socket.on('api:topic.lock', function(response) {
+ if (response.status === 'ok') {
+ var btnEl = document.querySelector('li[data-tid="' + response.tid + '"] button[data-action="lock"]');
+
+ $(btnEl).addClass('active');
+ }
+ });
+
+ socket.on('api:topic.unlock', function(response) {
+ if (response.status === 'ok') {
+ var btnEl = document.querySelector('li[data-tid="' + response.tid + '"] button[data-action="lock"]');
+
+ $(btnEl).removeClass('active');
+ }
+ });
+
+ socket.on('api:topic.delete', function(response) {
+ if (response.status === 'ok') {
+ var btnEl = document.querySelector('li[data-tid="' + response.tid + '"] button[data-action="delete"]');
+
+ $(btnEl).addClass('active');
+ }
+ });
+
+ socket.on('api:topic.restore', function(response) {
+ if (response.status === 'ok') {
+ var btnEl = document.querySelector('li[data-tid="' + response.tid + '"] button[data-action="delete"]');
+
+ $(btnEl).removeClass('active');
+ }
+ });
+ };
+
+ return Topics;
});
\ No newline at end of file
diff --git a/public/src/forum/admin/users.js b/public/src/forum/admin/users.js
index 4f9ba9dc88..6d41fb10b3 100644
--- a/public/src/forum/admin/users.js
+++ b/public/src/forum/admin/users.js
@@ -1,170 +1,174 @@
-(function() {
-
- var yourid = templates.get('yourid');
-
- function isUserAdmin(element) {
- var parent = $(element).parents('.users-box');
- return (parent.attr('data-admin') !== "0");
- }
-
- function isUserBanned(element) {
- var parent = $(element).parents('.users-box');
- return (parent.attr('data-banned') !== "" && parent.attr('data-banned') !== "0");
- }
-
- function getUID(element) {
- var parent = $(element).parents('.users-box');
- return parent.attr('data-uid');
- }
-
- function updateUserButtons() {
- jQuery('.ban-btn').each(function(index, element) {
- var banBtn = $(element);
- var uid = getUID(banBtn);
- if (isUserAdmin(banBtn) || uid === yourid)
- banBtn.addClass('disabled');
- else if (isUserBanned(banBtn))
- banBtn.addClass('btn-warning');
- else
- banBtn.removeClass('btn-warning');
+define(function() {
+ var Users = {};
- });
- }
+ Users.init = function() {
+ var yourid = templates.get('yourid');
- function initUsers() {
+ function isUserAdmin(element) {
+ var parent = $(element).parents('.users-box');
+ return (parent.attr('data-admin') !== "0");
+ }
- updateUserButtons();
+ function isUserBanned(element) {
+ var parent = $(element).parents('.users-box');
+ return (parent.attr('data-banned') !== "" && parent.attr('data-banned') !== "0");
+ }
- $('#users-container').on('click', '.ban-btn', function() {
- var banBtn = $(this);
- var isAdmin = isUserAdmin(banBtn);
- var isBanned = isUserBanned(banBtn);
- var parent = banBtn.parents('.users-box');
- var uid = getUID(banBtn);
+ function getUID(element) {
+ var parent = $(element).parents('.users-box');
+ return parent.attr('data-uid');
+ }
- if (!isAdmin) {
- if (isBanned) {
- socket.emit('api:admin.user.unbanUser', uid);
+ function updateUserButtons() {
+ jQuery('.ban-btn').each(function(index, element) {
+ var banBtn = $(element);
+ var uid = getUID(banBtn);
+ if (isUserAdmin(banBtn) || uid === yourid)
+ banBtn.addClass('disabled');
+ else if (isUserBanned(banBtn))
+ banBtn.addClass('btn-warning');
+ else
banBtn.removeClass('btn-warning');
- parent.attr('data-banned', 0);
- } else {
- bootbox.confirm('Do you really want to ban "' + parent.attr('data-username') + '"?', function(confirm) {
- if (confirm) {
- socket.emit('api:admin.user.banUser', uid);
- banBtn.addClass('btn-warning');
- parent.attr('data-banned', 1);
- }
- });
- }
- }
-
- return false;
- });
- }
+ });
+ }
- jQuery('document').ready(function() {
+ function initUsers() {
- var timeoutId = 0,
- loadingMoreUsers = false;
+ updateUserButtons();
- var url = window.location.href,
- parts = url.split('/'),
- active = parts[parts.length - 1];
+ $('#users-container').on('click', '.ban-btn', function() {
+ var banBtn = $(this);
+ var isAdmin = isUserAdmin(banBtn);
+ var isBanned = isUserBanned(banBtn);
+ var parent = banBtn.parents('.users-box');
+ var uid = getUID(banBtn);
+
+ if (!isAdmin) {
+ if (isBanned) {
+ socket.emit('api:admin.user.unbanUser', uid);
+ banBtn.removeClass('btn-warning');
+ parent.attr('data-banned', 0);
+ } else {
+ bootbox.confirm('Do you really want to ban "' + parent.attr('data-username') + '"?', function(confirm) {
+ if (confirm) {
+ socket.emit('api:admin.user.banUser', uid);
+ banBtn.addClass('btn-warning');
+ parent.attr('data-banned', 1);
+ }
+ });
+ }
+ }
- jQuery('.nav-pills li').removeClass('active');
- jQuery('.nav-pills li a').each(function() {
- if (this.getAttribute('href').match(active)) {
- jQuery(this.parentNode).addClass('active');
return false;
- }
- });
+ });
+ }
- jQuery('#search-user').on('keyup', function() {
- if (timeoutId !== 0) {
- clearTimeout(timeoutId);
- timeoutId = 0;
- }
- timeoutId = setTimeout(function() {
- var username = $('#search-user').val();
+ jQuery('document').ready(function() {
- jQuery('.icon-spinner').removeClass('none');
- socket.emit('api:admin.user.search', username);
+ var timeoutId = 0,
+ loadingMoreUsers = false;
- }, 250);
- });
+ var url = window.location.href,
+ parts = url.split('/'),
+ active = parts[parts.length - 1];
- initUsers();
-
- socket.removeAllListeners('api:admin.user.search');
-
- socket.on('api:admin.user.search', function(data) {
- var html = templates.prepare(templates['admin/users'].blocks['users']).parse({
- users: data
- }),
- userListEl = document.querySelector('.users');
-
- userListEl.innerHTML = html;
- jQuery('.icon-spinner').addClass('none');
-
- if (data && data.length === 0) {
- $('#user-notfound-notify').html('User not found!')
- .show()
- .addClass('label-danger')
- .removeClass('label-success');
- } else {
- $('#user-notfound-notify').html(data.length + ' user' + (data.length > 1 ? 's' : '') + ' found!')
- .show()
- .addClass('label-success')
- .removeClass('label-danger');
- }
+ jQuery('.nav-pills li').removeClass('active');
+ jQuery('.nav-pills li a').each(function() {
+ if (this.getAttribute('href').match(active)) {
+ jQuery(this.parentNode).addClass('active');
+ return false;
+ }
+ });
+
+ jQuery('#search-user').on('keyup', function() {
+ if (timeoutId !== 0) {
+ clearTimeout(timeoutId);
+ timeoutId = 0;
+ }
+
+ timeoutId = setTimeout(function() {
+ var username = $('#search-user').val();
+
+ jQuery('.icon-spinner').removeClass('none');
+ socket.emit('api:admin.user.search', username);
+
+ }, 250);
+ });
initUsers();
- });
- function onUsersLoaded(users) {
- var html = templates.prepare(templates['admin/users'].blocks['users']).parse({
- users: users
+ socket.removeAllListeners('api:admin.user.search');
+
+ socket.on('api:admin.user.search', function(data) {
+ var html = templates.prepare(templates['admin/users'].blocks['users']).parse({
+ users: data
+ }),
+ userListEl = document.querySelector('.users');
+
+ userListEl.innerHTML = html;
+ jQuery('.icon-spinner').addClass('none');
+
+ if (data && data.length === 0) {
+ $('#user-notfound-notify').html('User not found!')
+ .show()
+ .addClass('label-danger')
+ .removeClass('label-success');
+ } else {
+ $('#user-notfound-notify').html(data.length + ' user' + (data.length > 1 ? 's' : '') + ' found!')
+ .show()
+ .addClass('label-success')
+ .removeClass('label-danger');
+ }
+
+ initUsers();
});
- $('#users-container').append(html);
- updateUserButtons();
- }
- 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';
+ function onUsersLoaded(users) {
+ var html = templates.prepare(templates['admin/users'].blocks['users']).parse({
+ users: users
+ });
+ $('#users-container').append(html);
+ updateUserButtons();
}
- if (set) {
- loadingMoreUsers = true;
- socket.emit('api:users.loadMore', {
- set: set,
- after: $('#users-container').children().length
- }, function(data) {
- if (data.users.length) {
- onUsersLoaded(data.users);
- }
- loadingMoreUsers = false;
- });
+ 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('api:users.loadMore', {
+ set: set,
+ after: $('#users-container').children().length
+ }, function(data) {
+ if (data.users.length) {
+ onUsersLoaded(data.users);
+ }
+ loadingMoreUsers = false;
+ });
+ }
}
- }
- $('#load-more-users-btn').on('click', loadMoreUsers);
+ $('#load-more-users-btn').on('click', loadMoreUsers);
- $(window).off('scroll').on('scroll', function() {
- var bottom = ($(document).height() - $(window).height()) * 0.9;
+ $(window).off('scroll').on('scroll', function() {
+ var bottom = ($(document).height() - $(window).height()) * 0.9;
- if ($(window).scrollTop() > bottom && !loadingMoreUsers) {
- loadMoreUsers();
- }
- });
+ if ($(window).scrollTop() > bottom && !loadingMoreUsers) {
+ loadMoreUsers();
+ }
+ });
- });
+ });
+ };
-}());
\ No newline at end of file
+ return Users;
+});
\ No newline at end of file
diff --git a/public/src/forum/category.js b/public/src/forum/category.js
index b2bc60a07f..ab16a32369 100644
--- a/public/src/forum/category.js
+++ b/public/src/forum/category.js
@@ -1,41 +1,86 @@
-(function () {
- var cid = templates.get('category_id'),
- room = 'category_' + cid,
- twitterEl = document.getElementById('twitter-intent'),
- facebookEl = document.getElementById('facebook-share'),
- googleEl = document.getElementById('google-share'),
- twitter_url = templates.get('twitter-intent-url'),
- facebook_url = templates.get('facebook-share-url'),
- google_url = templates.get('google-share-url'),
- loadingMoreTopics = false;
-
- app.enter_room(room);
-
- twitterEl.addEventListener('click', function () {
- window.open(twitter_url, '_blank', 'width=550,height=420,scrollbars=no,status=no');
- return false;
- }, false);
- facebookEl.addEventListener('click', function () {
- window.open(facebook_url, '_blank', 'width=626,height=436,scrollbars=no,status=no');
- return false;
- }, false);
- googleEl.addEventListener('click', function () {
- window.open(google_url, '_blank', 'width=500,height=570,scrollbars=no,status=no');
- return false;
- }, false);
-
- var new_post = document.getElementById('new_post');
- new_post.onclick = function () {
- require(['composer'], function (cmp) {
- cmp.push(0, cid);
+define(function () {
+ var Category = {};
+
+ Category.init = function() {
+ var cid = templates.get('category_id'),
+ room = 'category_' + cid,
+ twitterEl = document.getElementById('twitter-intent'),
+ facebookEl = document.getElementById('facebook-share'),
+ googleEl = document.getElementById('google-share'),
+ twitter_url = templates.get('twitter-intent-url'),
+ facebook_url = templates.get('facebook-share-url'),
+ google_url = templates.get('google-share-url'),
+ loadingMoreTopics = false;
+
+ app.enter_room(room);
+
+ twitterEl.addEventListener('click', function () {
+ window.open(twitter_url, '_blank', 'width=550,height=420,scrollbars=no,status=no');
+ return false;
+ }, false);
+ facebookEl.addEventListener('click', function () {
+ window.open(facebook_url, '_blank', 'width=626,height=436,scrollbars=no,status=no');
+ return false;
+ }, false);
+ googleEl.addEventListener('click', function () {
+ window.open(google_url, '_blank', 'width=500,height=570,scrollbars=no,status=no');
+ return false;
+ }, false);
+
+ var new_post = document.getElementById('new_post');
+ new_post.onclick = function () {
+ require(['composer'], function (cmp) {
+ cmp.push(0, cid);
+ });
+ }
+
+ ajaxify.register_events([
+ 'event:new_topic'
+ ]);
+
+ socket.on('event:new_topic', Category.onNewTopic);
+
+ socket.emit('api:categories.getRecentReplies', cid);
+ socket.on('api:categories.getRecentReplies', function (posts) {
+ if (!posts || posts.length === 0) {
+ return;
+ }
+
+ var recent_replies = document.getElementById('category_recent_replies');
+
+ recent_replies.innerHTML = '';
+
+ var frag = document.createDocumentFragment(),
+ li = document.createElement('li');
+ for (var i = 0, numPosts = posts.length; i < numPosts; i++) {
+
+ li.setAttribute('data-pid', posts[i].pid);
+
+
+ li.innerHTML = '
' +
+ '' +
+ '' +
- '' +
- '
Please try again later', - timeout: 5000 - }); - } - }); - socket.emit('api:topic.move', { - tid: tid, - cid: targetCid - }); + moveThreadModal.on('shown.bs.modal', function() { + + var loadingEl = document.getElementById('categories-loading'); + if (loadingEl) { + socket.once('api:categories.get', function(data) { + // Render categories + var categoriesFrag = document.createDocumentFragment(), + categoryEl = document.createElement('li'), + numCategories = data.categories.length, + modalBody = moveThreadModal.find('.modal-body'), + categoriesEl = modalBody[0].getElementsByTagName('ul')[0], + confirmDiv = document.getElementById('move-confirm'), + confirmCat = confirmDiv.getElementsByTagName('span')[0], + commitEl = document.getElementById('move_thread_commit'), + cancelEl = document.getElementById('move_thread_cancel'), + x, info, targetCid, targetCatLabel; + + categoriesEl.className = 'category-list'; + for (x = 0; x < numCategories; x++) { + info = data.categories[x]; + categoryEl.className = info.blockclass; + categoryEl.innerHTML = ' ' + info.name; + categoryEl.setAttribute('data-cid', info.cid); + categoriesFrag.appendChild(categoryEl.cloneNode(true)); } + categoriesEl.appendChild(categoriesFrag); + modalBody[0].removeChild(loadingEl); + + categoriesEl.addEventListener('click', function(e) { + if (e.target.nodeName === 'LI') { + confirmCat.innerHTML = e.target.innerHTML; + confirmDiv.style.display = 'block'; + targetCid = e.target.getAttribute('data-cid'); + targetCatLabel = e.target.innerHTML; + commitEl.disabled = false; + } + }, false); + + commitEl.addEventListener('click', function() { + if (!commitEl.disabled && targetCid) { + commitEl.disabled = true; + $(cancelEl).fadeOut(250); + $(moveThreadModal).find('.modal-header button').fadeOut(250); + commitEl.innerHTML = 'Moving '; + + socket.once('api:topic.move', function(data) { + moveThreadModal.modal('hide'); + if (data.status === 'ok') { + app.alert({ + 'alert_id': 'thread_move', + type: 'success', + title: 'Topic Successfully Moved', + message: 'This topic has been successfully moved to ' + targetCatLabel, + timeout: 5000 + }); + } else { + app.alert({ + 'alert_id': 'thread_move', + type: 'danger', + title: 'Unable to Move Topic', + message: 'This topic could not be moved to ' + targetCatLabel + '.
Please try again later', + timeout: 5000 + }); + } + }); + socket.emit('api:topic.move', { + tid: tid, + cid: targetCid + }); + } + }); }); + socket.emit('api:categories.get'); + } + }); + } + + // Fix delete state for this thread's posts + var postEls = document.querySelectorAll('#post-container li[data-deleted]'); + for (var x = 0, numPosts = postEls.length; x < numPosts; x++) { + if (postEls[x].getAttribute('data-deleted') === '1') toggle_post_delete_state(postEls[x].getAttribute('data-pid')); + postEls[x].removeAttribute('data-deleted'); + } + + // Follow Thread State + var followEl = $('.main-post .follow'), + set_follow_state = function(state, quiet) { + if (state && !followEl.hasClass('btn-success')) { + followEl.addClass('btn-success'); + followEl[0].title = 'You are currently receiving updates to this topic'; + if (!quiet) { + app.alert({ + alert_id: 'topic_follow', + timeout: 2500, + title: 'Following Topic', + message: 'You will now be receiving notifications when somebody posts to this topic.', + type: 'success' + }); + } + } else if (!state && followEl.hasClass('btn-success')) { + followEl.removeClass('btn-success'); + followEl[0].title = 'Be notified of new replies in this topic'; + if (!quiet) { + app.alert({ + alert_id: 'topic_follow', + timeout: 2500, + title: 'Not Following Topic', + message: 'You will no longer receive notifications from this topic.', + type: 'success' + }); + } + } + }; + socket.on('api:topic.followCheck', function(state) { + set_follow_state(state, true); + }); + socket.on('api:topic.follow', function(data) { + if (data.status && data.status === 'ok') set_follow_state(data.follow); + else { + app.alert({ + type: 'danger', + alert_id: 'topic_follow', + title: 'Please Log In', + message: 'Please register or log in in order to subscribe to this topic', + timeout: 5000 }); - socket.emit('api:categories.get'); } }); - } - // Fix delete state for this thread's posts - var postEls = document.querySelectorAll('#post-container li[data-deleted]'); - for (var x = 0, numPosts = postEls.length; x < numPosts; x++) { - if (postEls[x].getAttribute('data-deleted') === '1') toggle_post_delete_state(postEls[x].getAttribute('data-pid')); - postEls[x].removeAttribute('data-deleted'); - } + socket.emit('api:topic.followCheck', tid); + if (followEl[0]) { + followEl[0].addEventListener('click', function() { + socket.emit('api:topic.follow', tid); + }, false); + } - // Follow Thread State - var followEl = $('.main-post .follow'), - set_follow_state = function(state, quiet) { - if (state && !followEl.hasClass('btn-success')) { - followEl.addClass('btn-success'); - followEl[0].title = 'You are currently receiving updates to this topic'; - if (!quiet) { - app.alert({ - alert_id: 'topic_follow', - timeout: 2500, - title: 'Following Topic', - message: 'You will now be receiving notifications when somebody posts to this topic.', - type: 'success' - }); - } - } else if (!state && followEl.hasClass('btn-success')) { - followEl.removeClass('btn-success'); - followEl[0].title = 'Be notified of new replies in this topic'; - if (!quiet) { - app.alert({ - alert_id: 'topic_follow', - timeout: 2500, - title: 'Not Following Topic', - message: 'You will no longer receive notifications from this topic.', - type: 'success' - }); - } - } - }; - socket.on('api:topic.followCheck', function(state) { - set_follow_state(state, true); - }); - socket.on('api:topic.follow', function(data) { - if (data.status && data.status === 'ok') set_follow_state(data.follow); - else { - app.alert({ - type: 'danger', - alert_id: 'topic_follow', - title: 'Please Log In', - message: 'Please register or log in in order to subscribe to this topic', - timeout: 5000 - }); + enableInfiniteLoading(); + + var bookmark = localStorage.getItem('topic:' + tid + ':bookmark'); + + if(bookmark) { + app.scrollToPost(parseInt(bookmark, 10)); } + + $('#post-container').on('click', '.deleted', function(ev) { + $(this).toggleClass('deleted-expanded'); + }); }); - socket.emit('api:topic.followCheck', tid); - if (followEl[0]) { - followEl[0].addEventListener('click', function() { - socket.emit('api:topic.follow', tid); - }, false); + function enableInfiniteLoading() { + $(window).off('scroll').on('scroll', function() { + var bottom = ($(document).height() - $(window).height()) * 0.9; + + if ($(window).scrollTop() > bottom && !app.infiniteLoaderActive && $('#post-container').children().length) { + app.loadMorePosts(tid); + } + }); } - enableInfiniteLoading(); + var reply_fn = function() { + var selectionText = '', + selection = window.getSelection() || document.getSelection(); - var bookmark = localStorage.getItem('topic:' + tid + ':bookmark'); + if ($(selection.baseNode).parents('.post-content').length > 0) { + var snippet = selection.toString(); + if (snippet.length > 0) selectionText = '> ' + snippet.replace(/\n/g, '\n> '); + } - if(bookmark) { - app.scrollToPost(parseInt(bookmark, 10)); - } + if (thread_state.locked !== '1') { + require(['composer'], function(cmp) { + cmp.push(tid, null, null, selectionText.length > 0 ? selectionText + '\n\n' : ''); + }); + } + }; + $('#post-container').on('click', '.post_reply', reply_fn); + $('#post_reply').on('click', reply_fn); - $('#post-container').on('click', '.deleted', function(ev) { - $(this).toggleClass('deleted-expanded'); + $('#post-container').on('click', '.quote', function() { + if (thread_state.locked !== '1') { + var pid = $(this).parents('li').attr('data-pid'); + + socket.once('api:posts.getRawPost', function(data) { + + quoted = '> ' + data.post.replace(/\n/g, '\n> ') + '\n\n'; + require(['composer'], function(cmp) { + cmp.push(tid, null, null, quoted); + }); + }); + socket.emit('api:posts.getRawPost', { + pid: pid + }); + } }); - }); - function enableInfiniteLoading() { - $(window).off('scroll').on('scroll', function() { - var bottom = ($(document).height() - $(window).height()) * 0.9; + $('#post-container').on('click', '.favourite', function() { + var pid = $(this).parents('li').attr('data-pid'); + var uid = $(this).parents('li').attr('data-uid'); - if ($(window).scrollTop() > bottom && !app.infiniteLoaderActive && $('#post-container').children().length) { - app.loadMorePosts(tid); + var element = $(this).find('i'); + if (element.attr('class') == 'icon-star-empty') { + socket.emit('api:posts.favourite', { + pid: pid, + room_id: app.current_room + }); + } else { + socket.emit('api:posts.unfavourite', { + pid: pid, + room_id: app.current_room + }); } }); - } - var reply_fn = function() { - var selectionText = '', - selection = window.getSelection() || document.getSelection(); + $('#post-container').on('click', '.link', function() { + var pid = $(this).parents('li').attr('data-pid'); + $('#post_' + pid + '_link').val(window.location.href + "#" + pid).stop(true, false).fadeIn().select(); + $('#post_' + pid + '_link').off('blur').on('blur', function() { + $(this).fadeOut(); + }); + }); - if ($(selection.baseNode).parents('.post-content').length > 0) { - var snippet = selection.toString(); - if (snippet.length > 0) selectionText = '> ' + snippet.replace(/\n/g, '\n> '); - } + $('#post-container').delegate('.edit', 'click', function(e) { + var pid = $(this).parents('li').attr('data-pid'), + main = $(this).parents('.main-post'); - if (thread_state.locked !== '1') { require(['composer'], function(cmp) { - cmp.push(tid, null, null, selectionText.length > 0 ? selectionText + '\n\n' : ''); + cmp.push(null, null, pid); }); - } - }; - $('#post-container').on('click', '.post_reply', reply_fn); - $('#post_reply').on('click', reply_fn); + }); - $('#post-container').on('click', '.quote', function() { - if (thread_state.locked !== '1') { - var pid = $(this).parents('li').attr('data-pid'); + $('#post-container').delegate('.delete', 'click', function(e) { + var pid = $(this).parents('li').attr('data-pid'), + postEl = $(document.querySelector('#post-container li[data-pid="' + pid + '"]')), + deleteAction = !postEl.hasClass('deleted') ? true : false, + confirmDel = confirm((deleteAction ? 'Delete' : 'Restore') + ' this post?'); + + if (confirmDel) { + deleteAction ? + socket.emit('api:posts.delete', { + pid: pid + }) : + socket.emit('api:posts.restore', { + pid: pid + }); + } + }); - socket.once('api:posts.getRawPost', function(data) { + $('#post-container').on('click', '.chat', function(e) { + var username = $(this).parents('li.row').attr('data-username'); + var touid = $(this).parents('li.row').attr('data-uid'); - quoted = '> ' + data.post.replace(/\n/g, '\n> ') + '\n\n'; - require(['composer'], function(cmp) { - cmp.push(tid, null, null, quoted); - }); - }); - socket.emit('api:posts.getRawPost', { - pid: pid - }); - } - }); + if (username === app.username || !app.username) + return; - $('#post-container').on('click', '.favourite', function() { - var pid = $(this).parents('li').attr('data-pid'); - var uid = $(this).parents('li').attr('data-uid'); + app.openChat(username, touid); + }); - var element = $(this).find('i'); - if (element.attr('class') == 'icon-star-empty') { - socket.emit('api:posts.favourite', { - pid: pid, - room_id: app.current_room - }); - } else { - socket.emit('api:posts.unfavourite', { - pid: pid, - room_id: app.current_room - }); - } - }); + ajaxify.register_events([ + 'event:rep_up', 'event:rep_down', 'event:new_post', 'api:get_users_in_room', + 'event:topic_deleted', 'event:topic_restored', 'event:topic:locked', + 'event:topic_unlocked', 'event:topic_pinned', 'event:topic_unpinned', + 'event:topic_moved', 'event:post_edited', 'event:post_deleted', 'event:post_restored', + 'api:posts.favourite' + ]); - $('#post-container').on('click', '.link', function() { - var pid = $(this).parents('li').attr('data-pid'); - $('#post_' + pid + '_link').val(window.location.href + "#" + pid).stop(true, false).fadeIn().select(); - $('#post_' + pid + '_link').off('blur').on('blur', function() { - $(this).fadeOut(); + + socket.on('api:get_users_in_room', function(data) { + var activeEl = $('#thread_active_users'); + if (activeEl.length) + activeEl.html(data); + + app.populate_online_users(); }); - }); - $('#post-container').delegate('.edit', 'click', function(e) { - var pid = $(this).parents('li').attr('data-pid'), - main = $(this).parents('.main-post'); + socket.on('event:rep_up', function(data) { + adjust_rep(1, data.pid, data.uid); + }); - require(['composer'], function(cmp) { - cmp.push(null, null, pid); + socket.on('event:rep_down', function(data) { + adjust_rep(-1, data.pid, data.uid); }); - }); - $('#post-container').delegate('.delete', 'click', function(e) { - var pid = $(this).parents('li').attr('data-pid'), - postEl = $(document.querySelector('#post-container li[data-pid="' + pid + '"]')), - deleteAction = !postEl.hasClass('deleted') ? true : false, - confirmDel = confirm((deleteAction ? 'Delete' : 'Restore') + ' this post?'); + socket.on('event:new_post', app.createNewPosts); - if (confirmDel) { - deleteAction ? - socket.emit('api:posts.delete', { - pid: pid - }) : - socket.emit('api:posts.restore', { - pid: pid - }); - } - }); + socket.on('event:topic_deleted', function(data) { + if (data.tid === tid && data.status === 'ok') { + set_locked_state(true); + set_delete_state(true); + } + }); - $('#post-container').on('click', '.chat', function(e) { - var username = $(this).parents('li.row').attr('data-username'); - var touid = $(this).parents('li.row').attr('data-uid'); + socket.on('event:topic_restored', function(data) { + if (data.tid === tid && data.status === 'ok') { + set_locked_state(false); + set_delete_state(false); + } + }); - if (username === app.username || !app.username) - return; + socket.on('event:topic_locked', function(data) { + if (data.tid === tid && data.status === 'ok') { + set_locked_state(true, 1); + } + }); - app.openChat(username, touid); - }); + socket.on('event:topic_unlocked', function(data) { + if (data.tid === tid && data.status === 'ok') { + set_locked_state(false, 1); + } + }); - ajaxify.register_events([ - 'event:rep_up', 'event:rep_down', 'event:new_post', 'api:get_users_in_room', - 'event:topic_deleted', 'event:topic_restored', 'event:topic:locked', - 'event:topic_unlocked', 'event:topic_pinned', 'event:topic_unpinned', - 'event:topic_moved', 'event:post_edited', 'event:post_deleted', 'event:post_restored', - 'api:posts.favourite' - ]); + socket.on('event:topic_pinned', function(data) { + if (data.tid === tid && data.status === 'ok') { + set_pinned_state(true, 1); + } + }); + socket.on('event:topic_unpinned', function(data) { + if (data.tid === tid && data.status === 'ok') { + set_pinned_state(false, 1); + } + }); - socket.on('api:get_users_in_room', function(data) { - var activeEl = $('#thread_active_users'); - if (activeEl.length) - activeEl.html(data); + socket.on('event:topic_moved', function(data) { + if (data && data.tid > 0) ajaxify.go('topic/' + data.tid); + }); - app.populate_online_users(); - }); + socket.on('event:post_edited', function(data) { + var editedPostEl = document.getElementById('content_' + data.pid); - socket.on('event:rep_up', function(data) { - adjust_rep(1, data.pid, data.uid); - }); + var editedPostTitle = $('#topic_title_' + data.pid); - socket.on('event:rep_down', function(data) { - adjust_rep(-1, data.pid, data.uid); - }); + if (editedPostTitle.length > 0) { + editedPostTitle.fadeOut(250, function() { + editedPostTitle.html(data.title); + editedPostTitle.fadeIn(250); + }); + } - socket.on('event:new_post', app.createNewPosts); + $(editedPostEl).fadeOut(250, function() { + this.innerHTML = data.content; + $(this).fadeIn(250); + }); - socket.on('event:topic_deleted', function(data) { - if (data.tid === tid && data.status === 'ok') { - set_locked_state(true); - set_delete_state(true); - } - }); + }); - socket.on('event:topic_restored', function(data) { - if (data.tid === tid && data.status === 'ok') { - set_locked_state(false); - set_delete_state(false); - } - }); + socket.on('api:posts.favourite', function(data) { + if (data.status === 'ok' && data.pid) { + var favEl = document.querySelector('.post_rep_' + data.pid).nextSibling; + if (favEl) { + favEl.className = 'icon-star'; + $(favEl).parent().addClass('btn-warning'); + } + } + }); - socket.on('event:topic_locked', function(data) { - if (data.tid === tid && data.status === 'ok') { - set_locked_state(true, 1); - } - }); + socket.on('api:posts.unfavourite', function(data) { + if (data.status === 'ok' && data.pid) { + var favEl = document.querySelector('.post_rep_' + data.pid).nextSibling; + if (favEl) { + favEl.className = 'icon-star-empty'; + $(favEl).parent().removeClass('btn-warning'); + } + } + }); - socket.on('event:topic_unlocked', function(data) { - if (data.tid === tid && data.status === 'ok') { - set_locked_state(false, 1); - } - }); + socket.on('event:post_deleted', function(data) { + if (data.pid) toggle_post_delete_state(data.pid, true); + }); - socket.on('event:topic_pinned', function(data) { - if (data.tid === tid && data.status === 'ok') { - set_pinned_state(true, 1); - } - }); + socket.on('event:post_restored', function(data) { + if (data.pid) toggle_post_delete_state(data.pid, true); + }); - socket.on('event:topic_unpinned', function(data) { - if (data.tid === tid && data.status === 'ok') { - set_pinned_state(false, 1); - } - }); + socket.on('api:post.privileges', function(privileges) { + if (privileges.editable) toggle_mod_tools(privileges.pid, true); + }); - socket.on('event:topic_moved', function(data) { - if (data && data.tid > 0) ajaxify.go('topic/' + data.tid); - }); + function adjust_rep(value, pid, uid) { + var post_rep = jQuery('.post_rep_' + pid), + user_rep = jQuery('.user_rep_' + uid); - socket.on('event:post_edited', function(data) { - var editedPostEl = document.getElementById('content_' + data.pid); + var ptotal = parseInt(post_rep.html(), 10), + utotal = parseInt(user_rep.html(), 10); - var editedPostTitle = $('#topic_title_' + data.pid); + ptotal += value; + utotal += value; - if (editedPostTitle.length > 0) { - editedPostTitle.fadeOut(250, function() { - editedPostTitle.html(data.title); - editedPostTitle.fadeIn(250); - }); + post_rep.html(ptotal + ' '); + user_rep.html(utotal + ' '); } - $(editedPostEl).fadeOut(250, function() { - this.innerHTML = data.content; - $(this).fadeIn(250); - }); + function set_locked_state(locked, alert) { + var threadReplyBtn = document.getElementById('post_reply'), + postReplyBtns = document.querySelectorAll('#post-container .post_reply'), + quoteBtns = document.querySelectorAll('#post-container .quote'), + editBtns = document.querySelectorAll('#post-container .edit'), + deleteBtns = document.querySelectorAll('#post-container .delete'), + numPosts = document.querySelectorAll('#post_container li[data-pid]').length, + lockThreadEl = document.getElementById('lock_thread'), + x; + + if (locked === true) { + lockThreadEl.innerHTML = ' Unlock Thread'; + threadReplyBtn.disabled = true; + threadReplyBtn.innerHTML = 'Locked '; + for (x = 0; x < numPosts; x++) { + postReplyBtns[x].innerHTML = 'Locked '; + quoteBtns[x].style.display = 'none'; + editBtns[x].style.display = 'none'; + deleteBtns[x].style.display = 'none'; + } - }); + if (alert) { + app.alert({ + 'alert_id': 'thread_lock', + type: 'success', + title: 'Thread Locked', + message: 'Thread has been successfully locked', + timeout: 5000 + }); + } + + thread_state.locked = '1'; + } else { + lockThreadEl.innerHTML = ' Lock Thread'; + threadReplyBtn.disabled = false; + threadReplyBtn.innerHTML = 'Reply'; + for (x = 0; x < numPosts; x++) { + postReplyBtns[x].innerHTML = 'Reply '; + quoteBtns[x].style.display = 'inline-block'; + editBtns[x].style.display = 'inline-block'; + deleteBtns[x].style.display = 'inline-block'; + } + + if (alert) { + app.alert({ + 'alert_id': 'thread_lock', + type: 'success', + title: 'Thread Unlocked', + message: 'Thread has been successfully unlocked', + timeout: 5000 + }); + } - socket.on('api:posts.favourite', function(data) { - if (data.status === 'ok' && data.pid) { - var favEl = document.querySelector('.post_rep_' + data.pid).nextSibling; - if (favEl) { - favEl.className = 'icon-star'; - $(favEl).parent().addClass('btn-warning'); + thread_state.locked = '0'; } } - }); - - socket.on('api:posts.unfavourite', function(data) { - if (data.status === 'ok' && data.pid) { - var favEl = document.querySelector('.post_rep_' + data.pid).nextSibling; - if (favEl) { - favEl.className = 'icon-star-empty'; - $(favEl).parent().removeClass('btn-warning'); + + function set_delete_state(deleted) { + var deleteThreadEl = document.getElementById('delete_thread'), + deleteTextEl = deleteThreadEl.getElementsByTagName('span')[0], + threadEl = $('#post-container'), + deleteNotice = document.getElementById('thread-deleted') || document.createElement('div'); + + if (deleted) { + deleteTextEl.innerHTML = ' Restore Thread'; + threadEl.addClass('deleted'); + + // Spawn a 'deleted' notice at the top of the page + deleteNotice.setAttribute('id', 'thread-deleted'); + deleteNotice.className = 'alert alert-warning'; + deleteNotice.innerHTML = 'This thread has been deleted. Only users with thread management privileges can see it.'; + threadEl.before(deleteNotice); + + thread_state.deleted = '1'; + } else { + deleteTextEl.innerHTML = ' Delete Thread'; + threadEl.removeClass('deleted'); + deleteNotice.parentNode.removeChild(deleteNotice); + + thread_state.deleted = '0'; } } - }); - - socket.on('event:post_deleted', function(data) { - if (data.pid) toggle_post_delete_state(data.pid, true); - }); - - socket.on('event:post_restored', function(data) { - if (data.pid) toggle_post_delete_state(data.pid, true); - }); - - socket.on('api:post.privileges', function(privileges) { - if (privileges.editable) toggle_mod_tools(privileges.pid, true); - }); - - function adjust_rep(value, pid, uid) { - var post_rep = jQuery('.post_rep_' + pid), - user_rep = jQuery('.user_rep_' + uid); - - var ptotal = parseInt(post_rep.html(), 10), - utotal = parseInt(user_rep.html(), 10); - - ptotal += value; - utotal += value; - - post_rep.html(ptotal + ' '); - user_rep.html(utotal + ' '); - } - - function set_locked_state(locked, alert) { - var threadReplyBtn = document.getElementById('post_reply'), - postReplyBtns = document.querySelectorAll('#post-container .post_reply'), - quoteBtns = document.querySelectorAll('#post-container .quote'), - editBtns = document.querySelectorAll('#post-container .edit'), - deleteBtns = document.querySelectorAll('#post-container .delete'), - numPosts = document.querySelectorAll('#post_container li[data-pid]').length, - lockThreadEl = document.getElementById('lock_thread'), - x; - - if (locked === true) { - lockThreadEl.innerHTML = ' Unlock Thread'; - threadReplyBtn.disabled = true; - threadReplyBtn.innerHTML = 'Locked '; - for (x = 0; x < numPosts; x++) { - postReplyBtns[x].innerHTML = 'Locked '; - quoteBtns[x].style.display = 'none'; - editBtns[x].style.display = 'none'; - deleteBtns[x].style.display = 'none'; - } - if (alert) { - app.alert({ - 'alert_id': 'thread_lock', - type: 'success', - title: 'Thread Locked', - message: 'Thread has been successfully locked', - timeout: 5000 - }); - } + function set_pinned_state(pinned, alert) { + var pinEl = document.getElementById('pin_thread'); + + if (pinned) { + pinEl.innerHTML = ' Unpin Thread'; + if (alert) { + app.alert({ + 'alert_id': 'thread_pin', + type: 'success', + title: 'Thread Pinned', + message: 'Thread has been successfully pinned', + timeout: 5000 + }); + } - thread_state.locked = '1'; - } else { - lockThreadEl.innerHTML = ' Lock Thread'; - threadReplyBtn.disabled = false; - threadReplyBtn.innerHTML = 'Reply'; - for (x = 0; x < numPosts; x++) { - postReplyBtns[x].innerHTML = 'Reply '; - quoteBtns[x].style.display = 'inline-block'; - editBtns[x].style.display = 'inline-block'; - deleteBtns[x].style.display = 'inline-block'; - } + thread_state.pinned = '1'; + } else { + pinEl.innerHTML = ' Pin Thread'; + if (alert) { + app.alert({ + 'alert_id': 'thread_pin', + type: 'success', + title: 'Thread Unpinned', + message: 'Thread has been successfully unpinned', + timeout: 5000 + }); + } - if (alert) { - app.alert({ - 'alert_id': 'thread_lock', - type: 'success', - title: 'Thread Unlocked', - message: 'Thread has been successfully unlocked', - timeout: 5000 - }); + thread_state.pinned = '0'; } - - thread_state.locked = '0'; } - } - - function set_delete_state(deleted) { - var deleteThreadEl = document.getElementById('delete_thread'), - deleteTextEl = deleteThreadEl.getElementsByTagName('span')[0], - threadEl = $('#post-container'), - deleteNotice = document.getElementById('thread-deleted') || document.createElement('div'); - - if (deleted) { - deleteTextEl.innerHTML = ' Restore Thread'; - threadEl.addClass('deleted'); - - // Spawn a 'deleted' notice at the top of the page - deleteNotice.setAttribute('id', 'thread-deleted'); - deleteNotice.className = 'alert alert-warning'; - deleteNotice.innerHTML = 'This thread has been deleted. Only users with thread management privileges can see it.'; - threadEl.before(deleteNotice); - - thread_state.deleted = '1'; - } else { - deleteTextEl.innerHTML = ' Delete Thread'; - threadEl.removeClass('deleted'); - deleteNotice.parentNode.removeChild(deleteNotice); - - thread_state.deleted = '0'; - } - } - - function set_pinned_state(pinned, alert) { - var pinEl = document.getElementById('pin_thread'); - - if (pinned) { - pinEl.innerHTML = ' Unpin Thread'; - if (alert) { - app.alert({ - 'alert_id': 'thread_pin', - type: 'success', - title: 'Thread Pinned', - message: 'Thread has been successfully pinned', - timeout: 5000 - }); - } - - thread_state.pinned = '1'; - } else { - pinEl.innerHTML = ' Pin Thread'; - if (alert) { - app.alert({ - 'alert_id': 'thread_pin', - type: 'success', - title: 'Thread Unpinned', - message: 'Thread has been successfully unpinned', - timeout: 5000 - }); - } - thread_state.pinned = '0'; - } - } + function toggle_post_delete_state(pid) { + var postEl = $(document.querySelector('#post-container li[data-pid="' + pid + '"]')); - function toggle_post_delete_state(pid) { - var postEl = $(document.querySelector('#post-container li[data-pid="' + pid + '"]')); + if (postEl[0]) { + quoteEl = $(postEl[0].querySelector('.quote')), + favEl = $(postEl[0].querySelector('.favourite')), + replyEl = $(postEl[0].querySelector('.post_reply')); - if (postEl[0]) { - quoteEl = $(postEl[0].querySelector('.quote')), - favEl = $(postEl[0].querySelector('.favourite')), - replyEl = $(postEl[0].querySelector('.post_reply')); + socket.once('api:post.privileges', function(privileges) { + if (privileges.editable) { + if (!postEl.hasClass('deleted')) { + toggle_post_tools(pid, false); + } else { + toggle_post_tools(pid, true); + } + } - socket.once('api:post.privileges', function(privileges) { - if (privileges.editable) { - if (!postEl.hasClass('deleted')) { - toggle_post_tools(pid, false); + if (privileges.view_deleted) { + postEl.toggleClass('deleted'); } else { - toggle_post_tools(pid, true); + postEl.toggleClass('none'); } - } - - if (privileges.view_deleted) { - postEl.toggleClass('deleted'); - } else { - postEl.toggleClass('none'); - } - }); - socket.emit('api:post.privileges', pid); + }); + socket.emit('api:post.privileges', pid); + } } - } - - function toggle_post_tools(pid, state) { - var postEl = $(document.querySelector('#post-container li[data-pid="' + pid + '"]')), - quoteEl = $(postEl[0].querySelector('.quote')), - favEl = $(postEl[0].querySelector('.favourite')), - replyEl = $(postEl[0].querySelector('.post_reply')); - - if (state) { - quoteEl.removeClass('none'); - favEl.removeClass('none'); - replyEl.removeClass('none'); - } else { - quoteEl.addClass('none'); - favEl.addClass('none'); - replyEl.addClass('none'); + + function toggle_post_tools(pid, state) { + var postEl = $(document.querySelector('#post-container li[data-pid="' + pid + '"]')), + quoteEl = $(postEl[0].querySelector('.quote')), + favEl = $(postEl[0].querySelector('.favourite')), + replyEl = $(postEl[0].querySelector('.post_reply')); + + if (state) { + quoteEl.removeClass('none'); + favEl.removeClass('none'); + replyEl.removeClass('none'); + } else { + quoteEl.addClass('none'); + favEl.addClass('none'); + replyEl.addClass('none'); + } } - } - - function toggle_mod_tools(pid, state) { - var postEl = $(document.querySelector('#post-container li[data-pid="' + pid + '"]')), - editEl = postEl.find('.edit'), - deleteEl = postEl.find('.delete'); - - if (state) { - editEl.removeClass('none'); - deleteEl.removeClass('none'); - } else { - editEl.addClass('none'); - deleteEl.addClass('none'); + + function toggle_mod_tools(pid, state) { + var postEl = $(document.querySelector('#post-container li[data-pid="' + pid + '"]')), + editEl = postEl.find('.edit'), + deleteEl = postEl.find('.delete'); + + if (state) { + editEl.removeClass('none'); + deleteEl.removeClass('none'); + } else { + editEl.addClass('none'); + deleteEl.addClass('none'); + } } - } - var postAuthorImage, mobileAuthorOverlay, pagination; - var postcount = templates.get('postcount'); + var postAuthorImage, mobileAuthorOverlay, pagination; + var postcount = templates.get('postcount'); - function updateHeader() { - if (pagination == null) { - jQuery('.pagination-block i:first').on('click', function() { - app.scrollToTop(); - }); - jQuery('.pagination-block i:last').on('click', function() { - app.scrollToBottom(); - }); - } + function updateHeader() { + if (pagination == null) { + jQuery('.pagination-block i:first').on('click', function() { + app.scrollToTop(); + }); + jQuery('.pagination-block i:last').on('click', function() { + app.scrollToBottom(); + }); + } - jQuery('.mobile-author-overlay').css('bottom', '0px'); - postAuthorImage = postAuthorImage || document.getElementById('mobile-author-image'); - mobileAuthorOverlay = mobileAuthorOverlay || document.getElementById('mobile-author-overlay'); - pagination = pagination || document.getElementById('pagination'); + jQuery('.mobile-author-overlay').css('bottom', '0px'); + postAuthorImage = postAuthorImage || document.getElementById('mobile-author-image'); + mobileAuthorOverlay = mobileAuthorOverlay || document.getElementById('mobile-author-overlay'); + pagination = pagination || document.getElementById('pagination'); - pagination.parentNode.style.display = 'block'; + pagination.parentNode.style.display = 'block'; - var windowHeight = jQuery(window).height(); - var scrollTop = jQuery(window).scrollTop(); - var scrollBottom = scrollTop + windowHeight; + var windowHeight = jQuery(window).height(); + var scrollTop = jQuery(window).scrollTop(); + var scrollBottom = scrollTop + windowHeight; - if (scrollTop < 50 && postcount > 1) { - localStorage.removeItem("topic:" + tid + ":bookmark"); - postAuthorImage.src = (jQuery('.main-post .avatar img').attr('src')); - mobileAuthorOverlay.innerHTML = 'Posted by ' + jQuery('.main-post').attr('data-username') + ', ' + jQuery('.main-post').find('.relativeTimeAgo').html(); - pagination.innerHTML = '0 out of ' + postcount; - return; - } + if (scrollTop < 50 && postcount > 1) { + localStorage.removeItem("topic:" + tid + ":bookmark"); + postAuthorImage.src = (jQuery('.main-post .avatar img').attr('src')); + mobileAuthorOverlay.innerHTML = 'Posted by ' + jQuery('.main-post').attr('data-username') + ', ' + jQuery('.main-post').find('.relativeTimeAgo').html(); + pagination.innerHTML = '0 out of ' + postcount; + return; + } - var count = 0, smallestNonNegative = 0; + var count = 0, smallestNonNegative = 0; - jQuery('.sub-posts').each(function() { - count++; - this.postnumber = count; + jQuery('.sub-posts').each(function() { + count++; + this.postnumber = count; - var el = jQuery(this); - var elTop = el.offset().top; - var height = Math.floor(el.height()); - var elBottom = elTop + (height < 300 ? height : 300); + var el = jQuery(this); + var elTop = el.offset().top; + var height = Math.floor(el.height()); + var elBottom = elTop + (height < 300 ? height : 300); - var inView = ((elBottom >= scrollTop) && (elTop <= scrollBottom) && (elBottom <= scrollBottom) && (elTop >= scrollTop)); + var inView = ((elBottom >= scrollTop) && (elTop <= scrollBottom) && (elBottom <= scrollBottom) && (elTop >= scrollTop)); - if (inView) { - if(elTop - scrollTop > smallestNonNegative) { - localStorage.setItem("topic:" + tid + ":bookmark", el.attr('data-pid')); - smallestNonNegative = Number.MAX_VALUE; + if (inView) { + if(elTop - scrollTop > smallestNonNegative) { + localStorage.setItem("topic:" + tid + ":bookmark", el.attr('data-pid')); + smallestNonNegative = Number.MAX_VALUE; + } + + pagination.innerHTML = this.postnumber + ' out of ' + postcount; + postAuthorImage.src = (jQuery(this).find('.profile-image-block img').attr('src')); + mobileAuthorOverlay.innerHTML = 'Posted by ' + jQuery(this).attr('data-username') + ', ' + jQuery(this).find('.relativeTimeAgo').html(); } + }); - pagination.innerHTML = this.postnumber + ' out of ' + postcount; - postAuthorImage.src = (jQuery(this).find('.profile-image-block img').attr('src')); - mobileAuthorOverlay.innerHTML = 'Posted by ' + jQuery(this).attr('data-username') + ', ' + jQuery(this).find('.relativeTimeAgo').html(); - } - }); + setTimeout(function() { + if (scrollTop + windowHeight == jQuery(document).height()) { + pagination.innerHTML = postcount + ' out of ' + postcount; + } + }, 100); + } - setTimeout(function() { - if (scrollTop + windowHeight == jQuery(document).height()) { - pagination.innerHTML = postcount + ' out of ' + postcount; - } - }, 100); - } + window.onscroll = updateHeader; + window.onload = updateHeader; + }; - window.onscroll = updateHeader; - window.onload = updateHeader; -})(); + return Topic; +}); \ No newline at end of file diff --git a/public/src/forum/unread.js b/public/src/forum/unread.js index b4b78b67a1..329cfff3ff 100644 --- a/public/src/forum/unread.js +++ b/public/src/forum/unread.js @@ -1,114 +1,119 @@ -(function() { - var loadingMoreTopics = false; - - app.enter_room('recent_posts'); - - ajaxify.register_events([ - 'event:new_topic', - 'event:new_post' - ]); - - var newTopicCount = 0, - newPostCount = 0; - - $('#new-topics-alert').on('click', function() { - $(this).hide(); - }); - - socket.on('event:new_topic', function(data) { - - ++newTopicCount; - updateAlertText(); - - }); - - function updateAlertText() { - var text = ''; - - if (newTopicCount > 1) - text = 'There are ' + newTopicCount + ' new topics'; - else if (newTopicCount === 1) - text = 'There is 1 new topic'; - else - text = 'There are no new topics'; - - if (newPostCount > 1) - text += ' and ' + newPostCount + ' new posts.'; - else if (newPostCount === 1) - text += ' and 1 new post.'; - else - text += ' and no new posts.'; - - text += ' Click here to reload.'; - - $('#new-topics-alert').html(text).fadeIn('slow'); - } - - socket.on('event:new_post', function(data) { - ++newPostCount; - updateAlertText(); - }); - - $('#mark-allread-btn').on('click', function() { - var btn = $(this); - socket.emit('api:topics.markAllRead', {}, function(success) { - if (success) { - btn.remove(); - $('#topics-container').empty(); - $('#category-no-topics').removeClass('hidden'); - app.alertSuccess('All topics marked as read!'); - $('#numUnreadBadge') - .removeClass('badge-important') - .addClass('badge-inverse') - .html('0'); - } else { - app.alertError('There was an error marking topics read!'); - } +define(function() { + var Unread = {}; + + Unread.init = function() { + var loadingMoreTopics = false; + + app.enter_room('recent_posts'); + + ajaxify.register_events([ + 'event:new_topic', + 'event:new_post' + ]); + + var newTopicCount = 0, + newPostCount = 0; + + $('#new-topics-alert').on('click', function() { + $(this).hide(); }); - }); - - function onTopicsLoaded(topics) { - - var html = templates.prepare(templates['unread'].blocks['topics']).parse({ - topics: topics - }), - container = $('#topics-container'); - - $('#category-no-topics').remove(); - - container.append(html); - } - - function loadMoreTopics() { - loadingMoreTopics = true; - socket.emit('api:topics.loadMoreUnreadTopics', { - after: parseInt($('#topics-container').attr('data-next-start'), 10) - }, function(data) { - if (data.topics && data.topics.length) { - onTopicsLoaded(data.topics); - $('#topics-container').attr('data-next-start', data.nextStart); - } else { - $('#load-more-btn').hide(); - } - loadingMoreTopics = false; + socket.on('event:new_topic', function(data) { + + ++newTopicCount; + updateAlertText(); + }); - } - $(window).off('scroll').on('scroll', function() { - var bottom = ($(document).height() - $(window).height()) * 0.9; + function updateAlertText() { + var text = ''; - if ($(window).scrollTop() > bottom && !loadingMoreTopics) { - loadMoreTopics(); + if (newTopicCount > 1) + text = 'There are ' + newTopicCount + ' new topics'; + else if (newTopicCount === 1) + text = 'There is 1 new topic'; + else + text = 'There are no new topics'; + + if (newPostCount > 1) + text += ' and ' + newPostCount + ' new posts.'; + else if (newPostCount === 1) + text += ' and 1 new post.'; + else + text += ' and no new posts.'; + + text += ' Click here to reload.'; + + $('#new-topics-alert').html(text).fadeIn('slow'); + } + + socket.on('event:new_post', function(data) { + ++newPostCount; + updateAlertText(); + }); + + $('#mark-allread-btn').on('click', function() { + var btn = $(this); + socket.emit('api:topics.markAllRead', {}, function(success) { + if (success) { + btn.remove(); + $('#topics-container').empty(); + $('#category-no-topics').removeClass('hidden'); + app.alertSuccess('All topics marked as read!'); + $('#numUnreadBadge') + .removeClass('badge-important') + .addClass('badge-inverse') + .html('0'); + } else { + app.alertError('There was an error marking topics read!'); + } + }); + }); + + function onTopicsLoaded(topics) { + + var html = templates.prepare(templates['unread'].blocks['topics']).parse({ + topics: topics + }), + container = $('#topics-container'); + + $('#category-no-topics').remove(); + + container.append(html); } - }); + function loadMoreTopics() { + loadingMoreTopics = true; + socket.emit('api:topics.loadMoreUnreadTopics', { + after: parseInt($('#topics-container').attr('data-next-start'), 10) + }, function(data) { + if (data.topics && data.topics.length) { + onTopicsLoaded(data.topics); + $('#topics-container').attr('data-next-start', data.nextStart); + } else { + $('#load-more-btn').hide(); + } + + loadingMoreTopics = false; + }); + } - if ($("body").height() <= $(window).height() && $('#topics-container').children().length >= 20) - $('#load-more-btn').show(); + $(window).off('scroll').on('scroll', function() { + var bottom = ($(document).height() - $(window).height()) * 0.9; - $('#load-more-btn').on('click', function() { - loadMoreTopics(); - }); + if ($(window).scrollTop() > bottom && !loadingMoreTopics) { + loadMoreTopics(); + } + }); + + + if ($("body").height() <= $(window).height() && $('#topics-container').children().length >= 20) + $('#load-more-btn').show(); + + $('#load-more-btn').on('click', function() { + loadMoreTopics(); + }); + }; -})(); \ No newline at end of file + return Unread; +}); \ No newline at end of file diff --git a/public/src/forum/users.js b/public/src/forum/users.js index a5d29adaa7..c845a7c4cb 100644 --- a/public/src/forum/users.js +++ b/public/src/forum/users.js @@ -1,6 +1,7 @@ -(function() { +define(function() { + var Users = {}; - $(document).ready(function() { + Users.init = function() { var timeoutId = 0; var loadingMoreUsers = false; @@ -131,6 +132,7 @@ loadMoreUsers(); } }); - }); + }; -}()); \ No newline at end of file + return Users; +}); \ No newline at end of file diff --git a/public/templates/account.tpl b/public/templates/account.tpl index 929771940b..5c7678f10c 100644 --- a/public/templates/account.tpl +++ b/public/templates/account.tpl @@ -97,7 +97,4 @@ - - - - \ No newline at end of file + \ No newline at end of file diff --git a/public/templates/accountedit.tpl b/public/templates/accountedit.tpl index 36c0238e48..1e53ab8920 100644 --- a/public/templates/accountedit.tpl +++ b/public/templates/accountedit.tpl @@ -174,9 +174,3 @@
' + + posts[i].content + + '
' + + '' + + ''; + + frag.appendChild(li.cloneNode(true)); + recent_replies.appendChild(frag); + } + $('#category_recent_replies span.timeago').timeago(); }); - } - ajaxify.register_events([ - 'event:new_topic' - ]); + $(window).off('scroll').on('scroll', function (ev) { + var bottom = ($(document).height() - $(window).height()) * 0.9; - function onNewTopic(data) { + if ($(window).scrollTop() > bottom && !loadingMoreTopics) { + Category.loadMoreTopics(cid); + } + }); + }; + + Category.onNewTopic = function(data) { var html = templates.prepare(templates['category'].blocks['topics']).parse({ topics: [data] }), @@ -64,40 +109,7 @@ $('#topics-container span.timeago').timeago(); } - socket.on('event:new_topic', onNewTopic); - - socket.emit('api:categories.getRecentReplies', cid); - socket.on('api:categories.getRecentReplies', function (posts) { - if (!posts || posts.length === 0) { - return; - } - - var recent_replies = document.getElementById('category_recent_replies'); - - recent_replies.innerHTML = ''; - - var frag = document.createDocumentFragment(), - li = document.createElement('li'); - for (var i = 0, numPosts = posts.length; i < numPosts; i++) { - - li.setAttribute('data-pid', posts[i].pid); - - - li.innerHTML = '' + - posts[i].content + - '
' + - '' + - ''; - - frag.appendChild(li.cloneNode(true)); - recent_replies.appendChild(frag); - } - $('#category_recent_replies span.timeago').timeago(); - }); - - function onTopicsLoaded(topics) { + Category.onTopicsLoaded = function(topics) { var html = templates.prepare(templates['category'].blocks['topics']).parse({ topics: topics @@ -113,26 +125,18 @@ } - function loadMoreTopics(cid) { + Category.loadMoreTopics = function(cid) { loadingMoreTopics = true; socket.emit('api:category.loadMore', { cid: cid, after: $('#topics-container').children().length }, function (data) { if (data.topics.length) { - onTopicsLoaded(data.topics); + Category.onTopicsLoaded(data.topics); } loadingMoreTopics = false; }); } - $(window).off('scroll').on('scroll', function (ev) { - var bottom = ($(document).height() - $(window).height()) * 0.9; - - if ($(window).scrollTop() > bottom && !loadingMoreTopics) { - loadMoreTopics(cid); - } - }); - - -})(); \ No newline at end of file + return Category; +}); \ No newline at end of file diff --git a/public/src/forum/favourites.js b/public/src/forum/favourites.js index cff01ab271..20b77b4d41 100644 --- a/public/src/forum/favourites.js +++ b/public/src/forum/favourites.js @@ -1,7 +1,13 @@ -(function() { - $(document).ready(function() { +define(['forum/accountheader'], function(header) { + var AccountHeader = {}; + + AccountHeader.init = function() { + header.init(); + $('.user-favourite-posts .topic-row').on('click', function() { ajaxify.go($(this).attr('topic-url')); }); - }); -}()); \ No newline at end of file + }; + + return AccountHeader; +}); \ No newline at end of file diff --git a/public/src/forum/followers.js b/public/src/forum/followers.js index 0fcb464f0b..ee955ff615 100644 --- a/public/src/forum/followers.js +++ b/public/src/forum/followers.js @@ -1,18 +1,20 @@ -(function() { +define(['forum/accountheader'], function(header) { + var Followers = {}; - var yourid = templates.get('yourid'), - theirid = templates.get('theirid'), - followersCount = templates.get('followersCount'); + Followers.init = function() { + header.init(); - $(document).ready(function() { + var yourid = templates.get('yourid'), + theirid = templates.get('theirid'), + followersCount = templates.get('followersCount'); - if (parseInt(followersCount, 10) === 0) { - $('#no-followers-notice').removeClass('hide'); - } - app.addCommasToNumbers(); - - }); + if (parseInt(followersCount, 10) === 0) { + $('#no-followers-notice').removeClass('hide'); + } + app.addCommasToNumbers(); + }; -}()); \ No newline at end of file + return Followers; +}); \ No newline at end of file diff --git a/public/src/forum/following.js b/public/src/forum/following.js index cd31d25466..7e1c2cde4c 100644 --- a/public/src/forum/following.js +++ b/public/src/forum/following.js @@ -1,10 +1,12 @@ -(function() { +define(['forum/accountheader'], function(header) { + var Following = {}; - var yourid = templates.get('yourid'), - theirid = templates.get('theirid'), - followingCount = templates.get('followingCount'); + Following.init = function() { + header.init(); - $(document).ready(function() { + var yourid = templates.get('yourid'), + theirid = templates.get('theirid'), + followingCount = templates.get('followingCount'); if (parseInt(followingCount, 10) === 0) { $('#no-following-notice').removeClass('hide'); @@ -34,7 +36,7 @@ } app.addCommasToNumbers(); - }); + }; - -}()); \ No newline at end of file + return Following; +}); \ No newline at end of file diff --git a/public/src/forum/login.js b/public/src/forum/login.js index b99465668a..ed4e0753f6 100644 --- a/public/src/forum/login.js +++ b/public/src/forum/login.js @@ -1,60 +1,66 @@ -(function() { - // Alternate Logins - var altLoginEl = document.querySelector('.alt-logins'); - altLoginEl.addEventListener('click', function(e) { - var target; - switch (e.target.nodeName) { - case 'LI': - target = e.target; - break; - case 'I': - target = e.target.parentNode; - break; - } - if (target) { - document.location.href = target.getAttribute('data-url'); - } - }); - - $('#login').on('click', function() { - var loginData = { - 'username': $('#username').val(), - 'password': $('#password').val(), - '_csrf': $('#csrf-token').val() - }; - - $.ajax({ - type: "POST", - url: RELATIVE_PATH + '/login', - data: loginData, - success: function(data, textStatus, jqXHR) { - if (!data.success) { +define(function() { + var Login = {}; + + Login.init = function() { + // Alternate Logins + var altLoginEl = document.querySelector('.alt-logins'); + altLoginEl.addEventListener('click', function(e) { + var target; + switch (e.target.nodeName) { + case 'LI': + target = e.target; + break; + case 'I': + target = e.target.parentNode; + break; + } + if (target) { + document.location.href = target.getAttribute('data-url'); + } + }); + + $('#login').on('click', function() { + var loginData = { + 'username': $('#username').val(), + 'password': $('#password').val(), + '_csrf': $('#csrf-token').val() + }; + + $.ajax({ + type: "POST", + url: RELATIVE_PATH + '/login', + data: loginData, + success: function(data, textStatus, jqXHR) { + if (!data.success) { + $('#login-error-notify').show(); + } else { + $('#login-error-notify').hide(); + if(app.previousUrl.indexOf('/reset/') != -1) + window.location.replace(RELATIVE_PATH + "/?loggedin"); + else + window.location.replace(app.previousUrl + "?loggedin"); + + app.loadConfig(); + } + }, + error: function(data, textStatus, jqXHR) { $('#login-error-notify').show(); - } else { - $('#login-error-notify').hide(); - if(app.previousUrl.indexOf('/reset/') != -1) - window.location.replace(RELATIVE_PATH + "/?loggedin"); - else - window.location.replace(app.previousUrl + "?loggedin"); - - app.loadConfig(); - } - }, - error: function(data, textStatus, jqXHR) { - $('#login-error-notify').show(); - }, - dataType: 'json', - async: true, - timeout: 2000 + }, + dataType: 'json', + async: true, + timeout: 2000 + }); + + return false; }); - return false; - }); + $('#login-error-notify button').on('click', function() { + $('#login-error-notify').hide(); + return false; + }); - $('#login-error-notify button').on('click', function() { - $('#login-error-notify').hide(); - return false; - }); + document.querySelector('#content input').focus(); + }; - document.querySelector('#content input').focus(); -}()); \ No newline at end of file + return Login; +}); \ No newline at end of file diff --git a/public/src/forum/recent.js b/public/src/forum/recent.js index f9b1fe228c..5fed07107e 100644 --- a/public/src/forum/recent.js +++ b/public/src/forum/recent.js @@ -1,40 +1,56 @@ -(function() { - var loadingMoreTopics = false; +define(function() { + var Recent = {}; - app.enter_room('recent_posts'); + Recent.newTopicCount = 0; + Recent.newPostCount = 0; + Recent.loadingMoreTopics = false; - ajaxify.register_events([ - 'event:new_topic', - 'event:new_post' - ]); + Recent.init = function() { + app.enter_room('recent_posts'); - var newTopicCount = 0, - newPostCount = 0; + ajaxify.register_events([ + 'event:new_topic', + 'event:new_post' + ]); - $('#new-topics-alert').on('click', function() { - $(this).hide(); - }); + $('#new-topics-alert').on('click', function() { + $(this).hide(); + }); + + socket.on('event:new_topic', function(data) { + + ++Recent.newTopicCount; + Recent.updateAlertText(); - socket.on('event:new_topic', function(data) { + }); + + socket.on('event:new_post', function(data) { + ++Recent.newPostCount; + Recent.updateAlertText(); + }); - ++newTopicCount; - updateAlertText(); + $(window).off('scroll').on('scroll', function() { + var bottom = ($(document).height() - $(window).height()) * 0.9; - }); + if ($(window).scrollTop() > bottom && !Recent.loadingMoreTopics) { + Recent.loadMoreTopics(); + } + }); + }; - function updateAlertText() { + Recent.updateAlertText = function() { var text = ''; - if (newTopicCount > 1) - text = 'There are ' + newTopicCount + ' new topics'; - else if (newTopicCount === 1) + if (Recent.newTopicCount > 1) + text = 'There are ' + Recent.newTopicCount + ' new topics'; + else if (Recent.newTopicCount === 1) text = 'There is 1 new topic'; else text = 'There are no new topics'; - if (newPostCount > 1) - text += ' and ' + newPostCount + ' new posts.'; - else if (newPostCount === 1) + if (Recent.newPostCount > 1) + text += ' and ' + Recent.newPostCount + ' new posts.'; + else if (Recent.newPostCount === 1) text += ' and 1 new post.'; else text += ' and no new posts.'; @@ -44,12 +60,7 @@ $('#new-topics-alert').html(text).fadeIn('slow'); } - socket.on('event:new_post', function(data) { - ++newPostCount; - updateAlertText(); - }); - - function onTopicsLoaded(topics) { + Recent.onTopicsLoaded = function(topics) { var html = templates.prepare(templates['recent'].blocks['topics']).parse({ topics: topics @@ -61,25 +72,17 @@ container.append(html); } - function loadMoreTopics() { - loadingMoreTopics = true; + Recent.loadMoreTopics = function() { + Recent.loadingMoreTopics = true; socket.emit('api:topics.loadMoreRecentTopics', { after: $('#topics-container').children().length }, function(data) { if (data.topics && data.topics.length) { - onTopicsLoaded(data.topics); + Recent.onTopicsLoaded(data.topics); } - loadingMoreTopics = false; + Recent.loadingMoreTopics = false; }); } - $(window).off('scroll').on('scroll', function() { - var bottom = ($(document).height() - $(window).height()) * 0.9; - - if ($(window).scrollTop() > bottom && !loadingMoreTopics) { - loadMoreTopics(); - } - }); - - -})(); \ No newline at end of file + return Recent; +}); diff --git a/public/src/forum/register.js b/public/src/forum/register.js index e485f4960f..fc7cf26b2a 100644 --- a/public/src/forum/register.js +++ b/public/src/forum/register.js @@ -1,154 +1,159 @@ -(function() { - var username = $('#username'), - password = $('#password'), - password_confirm = $('#password-confirm'), - register = $('#register'), - emailEl = $('#email'), - username_notify = $('#username-notify'), - email_notify = $('#email-notify'), - password_notify = $('#password-notify'), - password_confirm_notify = $('#password-confirm-notify'), - validationError = false, - successIcon = ''; - - $('#referrer').val(app.previousUrl); - - function showError(element, msg) { - element.html(msg); - element.parent() - .removeClass('alert-success') - .addClass('alert-danger'); - element.show(); - validationError = true; - } - - function showSuccess(element, msg) { - element.html(msg); - element.parent() - .removeClass('alert-danger') - .addClass('alert-success'); - element.show(); - } - - function validateEmail() { - if (!emailEl.val()) { +define(function() { + var Register = {}; + + Register.init = function() { + var username = $('#username'), + password = $('#password'), + password_confirm = $('#password-confirm'), + register = $('#register'), + emailEl = $('#email'), + username_notify = $('#username-notify'), + email_notify = $('#email-notify'), + password_notify = $('#password-notify'), + password_confirm_notify = $('#password-confirm-notify'), + validationError = false, + successIcon = ''; + + $('#referrer').val(app.previousUrl); + + function showError(element, msg) { + element.html(msg); + element.parent() + .removeClass('alert-success') + .addClass('alert-danger'); + element.show(); validationError = true; - return; } - if (!utils.isEmailValid(emailEl.val())) { - showError(email_notify, 'Invalid email address.'); - } else - socket.emit('user.email.exists', { - email: emailEl.val() - }); - } - - emailEl.on('blur', function() { - validateEmail(); - }); - - function validateUsername() { - if (!username.val()) { - validationError = true; - return; - } - - if (username.val().length < config.minimumUsernameLength) { - showError(username_notify, 'Username too short!'); - } else if (username.val().length > config.maximumUsernameLength) { - showError(username_notify, 'Username too long!'); - } else if (!utils.isUserNameValid(username.val())) { - showError(username_notify, 'Invalid username!'); - } else { - socket.emit('user.exists', { - username: username.val() - }); - } - } - - username.on('keyup', function() { - jQuery('#yourUsername').html(this.value.length > 0 ? this.value : 'username'); - }); - username.on('blur', function() { - validateUsername(); - }); - - function validatePassword() { - if (!password.val()) { - validationError = true; - return; - } - - if (password.val().length < config.minimumPasswordLength) { - showError(password_notify, 'Password too short!'); - } else if (!utils.isPasswordValid(password.val())) { - showError(password_notify, 'Invalid password!'); - } else { - showSuccess(password_notify, successIcon); + function showSuccess(element, msg) { + element.html(msg); + element.parent() + .removeClass('alert-danger') + .addClass('alert-success'); + element.show(); } - if (password.val() !== password_confirm.val() && password_confirm.val() !== '') { - showError(password_confirm_notify, 'Passwords must match!'); + function validateEmail() { + if (!emailEl.val()) { + validationError = true; + return; + } + + if (!utils.isEmailValid(emailEl.val())) { + showError(email_notify, 'Invalid email address.'); + } else + socket.emit('user.email.exists', { + email: emailEl.val() + }); } - } - - $(password).on('blur', function() { - validatePassword(); - }); - function validatePasswordConfirm() { - if (!password.val() || password_notify.hasClass('alert-error')) { - return; + emailEl.on('blur', function() { + validateEmail(); + }); + + function validateUsername() { + if (!username.val()) { + validationError = true; + return; + } + + if (username.val().length < config.minimumUsernameLength) { + showError(username_notify, 'Username too short!'); + } else if (username.val().length > config.maximumUsernameLength) { + showError(username_notify, 'Username too long!'); + } else if (!utils.isUserNameValid(username.val())) { + showError(username_notify, 'Invalid username!'); + } else { + socket.emit('user.exists', { + username: username.val() + }); + } } - if (password.val() !== password_confirm.val()) { - showError(password_confirm_notify, 'Passwords must match!'); - } else { - showSuccess(password_confirm_notify, successIcon); + username.on('keyup', function() { + jQuery('#yourUsername').html(this.value.length > 0 ? this.value : 'username'); + }); + username.on('blur', function() { + validateUsername(); + }); + + function validatePassword() { + if (!password.val()) { + validationError = true; + return; + } + + if (password.val().length < config.minimumPasswordLength) { + showError(password_notify, 'Password too short!'); + } else if (!utils.isPasswordValid(password.val())) { + showError(password_notify, 'Invalid password!'); + } else { + showSuccess(password_notify, successIcon); + } + + if (password.val() !== password_confirm.val() && password_confirm.val() !== '') { + showError(password_confirm_notify, 'Passwords must match!'); + } } - } - $(password_confirm).on('blur', function() { - validatePasswordConfirm(); - }); + $(password).on('blur', function() { + validatePassword(); + }); - ajaxify.register_events(['user.exists', 'user.email.exists']); + function validatePasswordConfirm() { + if (!password.val() || password_notify.hasClass('alert-error')) { + return; + } - socket.on('user.exists', function(data) { - if (data.exists === true) { - showError(username_notify, 'Username already taken!'); - } else { - showSuccess(username_notify, successIcon); + if (password.val() !== password_confirm.val()) { + showError(password_confirm_notify, 'Passwords must match!'); + } else { + showSuccess(password_confirm_notify, successIcon); + } } - }); - socket.on('user.email.exists', function(data) { - if (data.exists === true) { - showError(email_notify, 'Email address already taken!'); - } else { - showSuccess(email_notify, successIcon); + $(password_confirm).on('blur', function() { + validatePasswordConfirm(); + }); + + ajaxify.register_events(['user.exists', 'user.email.exists']); + + socket.on('user.exists', function(data) { + if (data.exists === true) { + showError(username_notify, 'Username already taken!'); + } else { + showSuccess(username_notify, successIcon); + } + }); + + socket.on('user.email.exists', function(data) { + if (data.exists === true) { + showError(email_notify, 'Email address already taken!'); + } else { + showSuccess(email_notify, successIcon); + } + }); + + // Alternate Logins + $('.alt-logins li').on('click', function(e) { + document.location.href = $(this).attr('data-url'); + }); + + function validateForm() { + validationError = false; + + validateEmail(); + validateUsername(); + validatePassword(); + validatePasswordConfirm(); + + return validationError; } - }); - - // Alternate Logins - $('.alt-logins li').on('click', function(e) { - document.location.href = $(this).attr('data-url'); - }); - - function validateForm() { - validationError = false; - - validateEmail(); - validateUsername(); - validatePassword(); - validatePasswordConfirm(); - - return validationError; - } - register.on('click', function(e) { - if (validateForm()) e.preventDefault(); - }); + register.on('click', function(e) { + if (validateForm()) e.preventDefault(); + }); + }; -}()); \ No newline at end of file + return Register; +}); \ No newline at end of file diff --git a/public/src/forum/reset.js b/public/src/forum/reset.js index 366d382356..150b282fe0 100644 --- a/public/src/forum/reset.js +++ b/public/src/forum/reset.js @@ -1,41 +1,47 @@ -(function() { - var inputEl = document.getElementById('email'), - errorEl = document.getElementById('error'), - errorTextEl = errorEl.querySelector('p'); +define(function() { + var ResetPassword = {}; - document.getElementById('reset').onclick = function() { - if (inputEl.value.length > 0 && inputEl.value.indexOf('@') !== -1) { - socket.emit('user:reset.send', { - email: inputEl.value - }); - } else { - jQuery('#success').hide(); - jQuery(errorEl).show(); - errorTextEl.innerHTML = 'Please enter a valid email'; - } - }; + ResetPassword.init = function() { + var inputEl = document.getElementById('email'), + errorEl = document.getElementById('error'), + errorTextEl = errorEl.querySelector('p'); + + document.getElementById('reset').onclick = function() { + if (inputEl.value.length > 0 && inputEl.value.indexOf('@') !== -1) { + socket.emit('user:reset.send', { + email: inputEl.value + }); + } else { + jQuery('#success').hide(); + jQuery(errorEl).show(); + errorTextEl.innerHTML = 'Please enter a valid email'; + } + }; - ajaxify.register_events(['user.send_reset']); + ajaxify.register_events(['user.send_reset']); - socket.on('user.send_reset', function(data) { - var submitEl = document.getElementById('reset'); + socket.on('user.send_reset', function(data) { + var submitEl = document.getElementById('reset'); - if (data.status === 'ok') { - jQuery('#error').hide(); - jQuery('#success').show(); - jQuery('#success p').html('An email has been dispatched to "' + data.email + '" with instructions on setting a new password.'); - inputEl.value = ''; - } else { - jQuery('#success').hide(); - jQuery(errorEl).show(); - switch (data.message) { - case 'invalid-email': - errorTextEl.innerHTML = 'The email you put in (' + data.email + ') is not registered with us. Please try again.'; - break; - case 'send-failed': - errorTextEl.innerHTML = 'There was a problem sending the reset code. Please try again later.'; - break; + if (data.status === 'ok') { + jQuery('#error').hide(); + jQuery('#success').show(); + jQuery('#success p').html('An email has been dispatched to "' + data.email + '" with instructions on setting a new password.'); + inputEl.value = ''; + } else { + jQuery('#success').hide(); + jQuery(errorEl).show(); + switch (data.message) { + case 'invalid-email': + errorTextEl.innerHTML = 'The email you put in (' + data.email + ') is not registered with us. Please try again.'; + break; + case 'send-failed': + errorTextEl.innerHTML = 'There was a problem sending the reset code. Please try again later.'; + break; + } } - } - }); -}()); \ No newline at end of file + }); + }; + + return ResetPassword; +}); \ No newline at end of file diff --git a/public/src/forum/reset_code.js b/public/src/forum/reset_code.js index 527b0c7bf6..f36ff00836 100644 --- a/public/src/forum/reset_code.js +++ b/public/src/forum/reset_code.js @@ -1,52 +1,58 @@ -(function() { - var reset_code = templates.get('reset_code'); - - var resetEl = document.getElementById('reset'), - password = document.getElementById('password'), - repeat = document.getElementById('repeat'), - noticeEl = document.getElementById('notice'); - - resetEl.addEventListener('click', function() { - if (password.value.length < 6) { - $('#error').hide(); - noticeEl.querySelector('strong').innerHTML = 'Invalid Password'; - noticeEl.querySelector('p').innerHTML = 'The password entered is too short, please pick a different password.'; - noticeEl.style.display = 'block'; - } else if (password.value !== repeat.value) { - $('#error').hide(); - noticeEl.querySelector('strong').innerHTML = 'Invalid Password'; - noticeEl.querySelector('p').innerHTML = 'The two passwords you\'ve entered do not match.'; - noticeEl.style.display = 'block'; - } else { - socket.emit('user:reset.commit', { - code: reset_code, - password: password.value - }); - } - }, false); - - // Enable the form if the code is valid - socket.emit('user:reset.valid', { - code: reset_code - }); - - - ajaxify.register_events(['user:reset.valid', 'user:reset.commit']); - socket.on('user:reset.valid', function(data) { - if ( !! data.valid) resetEl.disabled = false; - else { - var formEl = document.getElementById('reset-form'); - // Show error message - $('#error').show(); - formEl.parentNode.removeChild(formEl); - } - }) - - socket.on('user:reset.commit', function(data) { - if (data.status === 'ok') { - $('#error').hide(); - $('#notice').hide(); - $('#success').show(); - } - }); -}()); \ No newline at end of file +define(function() { + var ResetCode = {}; + + ResetCode.init = function() { + var reset_code = templates.get('reset_code'); + + var resetEl = document.getElementById('reset'), + password = document.getElementById('password'), + repeat = document.getElementById('repeat'), + noticeEl = document.getElementById('notice'); + + resetEl.addEventListener('click', function() { + if (password.value.length < 6) { + $('#error').hide(); + noticeEl.querySelector('strong').innerHTML = 'Invalid Password'; + noticeEl.querySelector('p').innerHTML = 'The password entered is too short, please pick a different password.'; + noticeEl.style.display = 'block'; + } else if (password.value !== repeat.value) { + $('#error').hide(); + noticeEl.querySelector('strong').innerHTML = 'Invalid Password'; + noticeEl.querySelector('p').innerHTML = 'The two passwords you\'ve entered do not match.'; + noticeEl.style.display = 'block'; + } else { + socket.emit('user:reset.commit', { + code: reset_code, + password: password.value + }); + } + }, false); + + // Enable the form if the code is valid + socket.emit('user:reset.valid', { + code: reset_code + }); + + + ajaxify.register_events(['user:reset.valid', 'user:reset.commit']); + socket.on('user:reset.valid', function(data) { + if ( !! data.valid) resetEl.disabled = false; + else { + var formEl = document.getElementById('reset-form'); + // Show error message + $('#error').show(); + formEl.parentNode.removeChild(formEl); + } + }) + + socket.on('user:reset.commit', function(data) { + if (data.status === 'ok') { + $('#error').hide(); + $('#notice').hide(); + $('#success').show(); + } + }); + }; + + return ResetCode; +}); \ No newline at end of file diff --git a/public/src/forum/search.js b/public/src/forum/search.js index f7238ef8c3..619f2676e5 100644 --- a/public/src/forum/search.js +++ b/public/src/forum/search.js @@ -1,6 +1,7 @@ -(function() { +define(function() { + var Search = {}; - $(document).ready(function() { + Search.init = function() { var searchQuery = $('#topics-container').attr('data-search-query'); $('.search-result-text').each(function() { @@ -21,4 +22,5 @@ }); }); -})(); \ No newline at end of file + return Search; +}); \ No newline at end of file diff --git a/public/src/forum/topic.js b/public/src/forum/topic.js index 159fb970bc..7e10e1c762 100644 --- a/public/src/forum/topic.js +++ b/public/src/forum/topic.js @@ -1,716 +1,722 @@ -(function() { - var expose_tools = templates.get('expose_tools'), - tid = templates.get('topic_id'), - postListEl = document.getElementById('post-container'), - editBtns = document.querySelectorAll('#post-container .post-buttons .edit, #post-container .post-buttons .edit i'), - thread_state = { - locked: templates.get('locked'), - deleted: templates.get('deleted'), - pinned: templates.get('pinned') - }, - topic_name = templates.get('topic_name'); +define(function() { + var Topic = {}; + Topic.init = function() { + var expose_tools = templates.get('expose_tools'), + tid = templates.get('topic_id'), + postListEl = document.getElementById('post-container'), + editBtns = document.querySelectorAll('#post-container .post-buttons .edit, #post-container .post-buttons .edit i'), + thread_state = { + locked: templates.get('locked'), + deleted: templates.get('deleted'), + pinned: templates.get('pinned') + }, + topic_name = templates.get('topic_name'); - jQuery('document').ready(function() { - app.addCommasToNumbers(); + jQuery('document').ready(function() { - var room = 'topic_' + tid, - adminTools = document.getElementById('thread-tools'); + app.addCommasToNumbers(); - app.enter_room(room); + var room = 'topic_' + tid, + adminTools = document.getElementById('thread-tools'); - // Resetting thread state - if (thread_state.locked === '1') set_locked_state(true); - if (thread_state.deleted === '1') set_delete_state(true); - if (thread_state.pinned === '1') set_pinned_state(true); + app.enter_room(room); - if (expose_tools === '1') { - var moveThreadModal = $('#move_thread_modal'); + // Resetting thread state + if (thread_state.locked === '1') set_locked_state(true); + if (thread_state.deleted === '1') set_delete_state(true); + if (thread_state.pinned === '1') set_pinned_state(true); - adminTools.style.visibility = 'inherit'; + if (expose_tools === '1') { + var moveThreadModal = $('#move_thread_modal'); - // Add events to the thread tools - $('#delete_thread').on('click', function(e) { - if (thread_state.deleted !== '1') { - bootbox.confirm('Are you sure you want to delete this thread?', function(confirm) { - if (confirm) socket.emit('api:topic.delete', { + adminTools.style.visibility = 'inherit'; + + // Add events to the thread tools + $('#delete_thread').on('click', function(e) { + if (thread_state.deleted !== '1') { + bootbox.confirm('Are you sure you want to delete this thread?', function(confirm) { + if (confirm) socket.emit('api:topic.delete', { + tid: tid + }); + }); + } else { + bootbox.confirm('Are you sure you want to restore this thread?', function(confirm) { + if (confirm) socket.emit('api:topic.restore', { + tid: tid + }); + }); + } + return false; + }); + + $('#lock_thread').on('click', function(e) { + if (thread_state.locked !== '1') { + socket.emit('api:topic.lock', { tid: tid }); - }); - } else { - bootbox.confirm('Are you sure you want to restore this thread?', function(confirm) { - if (confirm) socket.emit('api:topic.restore', { + } else { + socket.emit('api:topic.unlock', { tid: tid }); - }); - } - return false; - }); - - $('#lock_thread').on('click', function(e) { - if (thread_state.locked !== '1') { - socket.emit('api:topic.lock', { - tid: tid - }); - } else { - socket.emit('api:topic.unlock', { - tid: tid - }); - } - return false; - }); + } + return false; + }); - $('#pin_thread').on('click', function(e) { - if (thread_state.pinned !== '1') { - socket.emit('api:topic.pin', { - tid: tid - }); - } else { - socket.emit('api:topic.unpin', { - tid: tid - }); - } - return false; - }); + $('#pin_thread').on('click', function(e) { + if (thread_state.pinned !== '1') { + socket.emit('api:topic.pin', { + tid: tid + }); + } else { + socket.emit('api:topic.unpin', { + tid: tid + }); + } + return false; + }); - $('#move_thread').on('click', function(e) { - moveThreadModal.modal('show'); - return false; - }); + $('#move_thread').on('click', function(e) { + moveThreadModal.modal('show'); + return false; + }); - moveThreadModal.on('shown.bs.modal', function() { - - var loadingEl = document.getElementById('categories-loading'); - if (loadingEl) { - socket.once('api:categories.get', function(data) { - // Render categories - var categoriesFrag = document.createDocumentFragment(), - categoryEl = document.createElement('li'), - numCategories = data.categories.length, - modalBody = moveThreadModal.find('.modal-body'), - categoriesEl = modalBody[0].getElementsByTagName('ul')[0], - confirmDiv = document.getElementById('move-confirm'), - confirmCat = confirmDiv.getElementsByTagName('span')[0], - commitEl = document.getElementById('move_thread_commit'), - cancelEl = document.getElementById('move_thread_cancel'), - x, info, targetCid, targetCatLabel; - - categoriesEl.className = 'category-list'; - for (x = 0; x < numCategories; x++) { - info = data.categories[x]; - categoryEl.className = info.blockclass; - categoryEl.innerHTML = ' ' + info.name; - categoryEl.setAttribute('data-cid', info.cid); - categoriesFrag.appendChild(categoryEl.cloneNode(true)); - } - categoriesEl.appendChild(categoriesFrag); - modalBody[0].removeChild(loadingEl); - - categoriesEl.addEventListener('click', function(e) { - if (e.target.nodeName === 'LI') { - confirmCat.innerHTML = e.target.innerHTML; - confirmDiv.style.display = 'block'; - targetCid = e.target.getAttribute('data-cid'); - targetCatLabel = e.target.innerHTML; - commitEl.disabled = false; - } - }, false); - - commitEl.addEventListener('click', function() { - if (!commitEl.disabled && targetCid) { - commitEl.disabled = true; - $(cancelEl).fadeOut(250); - $(moveThreadModal).find('.modal-header button').fadeOut(250); - commitEl.innerHTML = 'Moving '; - - socket.once('api:topic.move', function(data) { - moveThreadModal.modal('hide'); - if (data.status === 'ok') { - app.alert({ - 'alert_id': 'thread_move', - type: 'success', - title: 'Topic Successfully Moved', - message: 'This topic has been successfully moved to ' + targetCatLabel, - timeout: 5000 - }); - } else { - app.alert({ - 'alert_id': 'thread_move', - type: 'danger', - title: 'Unable to Move Topic', - message: 'This topic could not be moved to ' + targetCatLabel + '.Please try again later', - timeout: 5000 - }); - } - }); - socket.emit('api:topic.move', { - tid: tid, - cid: targetCid - }); + moveThreadModal.on('shown.bs.modal', function() { + + var loadingEl = document.getElementById('categories-loading'); + if (loadingEl) { + socket.once('api:categories.get', function(data) { + // Render categories + var categoriesFrag = document.createDocumentFragment(), + categoryEl = document.createElement('li'), + numCategories = data.categories.length, + modalBody = moveThreadModal.find('.modal-body'), + categoriesEl = modalBody[0].getElementsByTagName('ul')[0], + confirmDiv = document.getElementById('move-confirm'), + confirmCat = confirmDiv.getElementsByTagName('span')[0], + commitEl = document.getElementById('move_thread_commit'), + cancelEl = document.getElementById('move_thread_cancel'), + x, info, targetCid, targetCatLabel; + + categoriesEl.className = 'category-list'; + for (x = 0; x < numCategories; x++) { + info = data.categories[x]; + categoryEl.className = info.blockclass; + categoryEl.innerHTML = ' ' + info.name; + categoryEl.setAttribute('data-cid', info.cid); + categoriesFrag.appendChild(categoryEl.cloneNode(true)); } + categoriesEl.appendChild(categoriesFrag); + modalBody[0].removeChild(loadingEl); + + categoriesEl.addEventListener('click', function(e) { + if (e.target.nodeName === 'LI') { + confirmCat.innerHTML = e.target.innerHTML; + confirmDiv.style.display = 'block'; + targetCid = e.target.getAttribute('data-cid'); + targetCatLabel = e.target.innerHTML; + commitEl.disabled = false; + } + }, false); + + commitEl.addEventListener('click', function() { + if (!commitEl.disabled && targetCid) { + commitEl.disabled = true; + $(cancelEl).fadeOut(250); + $(moveThreadModal).find('.modal-header button').fadeOut(250); + commitEl.innerHTML = 'Moving '; + + socket.once('api:topic.move', function(data) { + moveThreadModal.modal('hide'); + if (data.status === 'ok') { + app.alert({ + 'alert_id': 'thread_move', + type: 'success', + title: 'Topic Successfully Moved', + message: 'This topic has been successfully moved to ' + targetCatLabel, + timeout: 5000 + }); + } else { + app.alert({ + 'alert_id': 'thread_move', + type: 'danger', + title: 'Unable to Move Topic', + message: 'This topic could not be moved to ' + targetCatLabel + '.
Please try again later', + timeout: 5000 + }); + } + }); + socket.emit('api:topic.move', { + tid: tid, + cid: targetCid + }); + } + }); }); + socket.emit('api:categories.get'); + } + }); + } + + // Fix delete state for this thread's posts + var postEls = document.querySelectorAll('#post-container li[data-deleted]'); + for (var x = 0, numPosts = postEls.length; x < numPosts; x++) { + if (postEls[x].getAttribute('data-deleted') === '1') toggle_post_delete_state(postEls[x].getAttribute('data-pid')); + postEls[x].removeAttribute('data-deleted'); + } + + // Follow Thread State + var followEl = $('.main-post .follow'), + set_follow_state = function(state, quiet) { + if (state && !followEl.hasClass('btn-success')) { + followEl.addClass('btn-success'); + followEl[0].title = 'You are currently receiving updates to this topic'; + if (!quiet) { + app.alert({ + alert_id: 'topic_follow', + timeout: 2500, + title: 'Following Topic', + message: 'You will now be receiving notifications when somebody posts to this topic.', + type: 'success' + }); + } + } else if (!state && followEl.hasClass('btn-success')) { + followEl.removeClass('btn-success'); + followEl[0].title = 'Be notified of new replies in this topic'; + if (!quiet) { + app.alert({ + alert_id: 'topic_follow', + timeout: 2500, + title: 'Not Following Topic', + message: 'You will no longer receive notifications from this topic.', + type: 'success' + }); + } + } + }; + socket.on('api:topic.followCheck', function(state) { + set_follow_state(state, true); + }); + socket.on('api:topic.follow', function(data) { + if (data.status && data.status === 'ok') set_follow_state(data.follow); + else { + app.alert({ + type: 'danger', + alert_id: 'topic_follow', + title: 'Please Log In', + message: 'Please register or log in in order to subscribe to this topic', + timeout: 5000 }); - socket.emit('api:categories.get'); } }); - } - // Fix delete state for this thread's posts - var postEls = document.querySelectorAll('#post-container li[data-deleted]'); - for (var x = 0, numPosts = postEls.length; x < numPosts; x++) { - if (postEls[x].getAttribute('data-deleted') === '1') toggle_post_delete_state(postEls[x].getAttribute('data-pid')); - postEls[x].removeAttribute('data-deleted'); - } + socket.emit('api:topic.followCheck', tid); + if (followEl[0]) { + followEl[0].addEventListener('click', function() { + socket.emit('api:topic.follow', tid); + }, false); + } - // Follow Thread State - var followEl = $('.main-post .follow'), - set_follow_state = function(state, quiet) { - if (state && !followEl.hasClass('btn-success')) { - followEl.addClass('btn-success'); - followEl[0].title = 'You are currently receiving updates to this topic'; - if (!quiet) { - app.alert({ - alert_id: 'topic_follow', - timeout: 2500, - title: 'Following Topic', - message: 'You will now be receiving notifications when somebody posts to this topic.', - type: 'success' - }); - } - } else if (!state && followEl.hasClass('btn-success')) { - followEl.removeClass('btn-success'); - followEl[0].title = 'Be notified of new replies in this topic'; - if (!quiet) { - app.alert({ - alert_id: 'topic_follow', - timeout: 2500, - title: 'Not Following Topic', - message: 'You will no longer receive notifications from this topic.', - type: 'success' - }); - } - } - }; - socket.on('api:topic.followCheck', function(state) { - set_follow_state(state, true); - }); - socket.on('api:topic.follow', function(data) { - if (data.status && data.status === 'ok') set_follow_state(data.follow); - else { - app.alert({ - type: 'danger', - alert_id: 'topic_follow', - title: 'Please Log In', - message: 'Please register or log in in order to subscribe to this topic', - timeout: 5000 - }); + enableInfiniteLoading(); + + var bookmark = localStorage.getItem('topic:' + tid + ':bookmark'); + + if(bookmark) { + app.scrollToPost(parseInt(bookmark, 10)); } + + $('#post-container').on('click', '.deleted', function(ev) { + $(this).toggleClass('deleted-expanded'); + }); }); - socket.emit('api:topic.followCheck', tid); - if (followEl[0]) { - followEl[0].addEventListener('click', function() { - socket.emit('api:topic.follow', tid); - }, false); + function enableInfiniteLoading() { + $(window).off('scroll').on('scroll', function() { + var bottom = ($(document).height() - $(window).height()) * 0.9; + + if ($(window).scrollTop() > bottom && !app.infiniteLoaderActive && $('#post-container').children().length) { + app.loadMorePosts(tid); + } + }); } - enableInfiniteLoading(); + var reply_fn = function() { + var selectionText = '', + selection = window.getSelection() || document.getSelection(); - var bookmark = localStorage.getItem('topic:' + tid + ':bookmark'); + if ($(selection.baseNode).parents('.post-content').length > 0) { + var snippet = selection.toString(); + if (snippet.length > 0) selectionText = '> ' + snippet.replace(/\n/g, '\n> '); + } - if(bookmark) { - app.scrollToPost(parseInt(bookmark, 10)); - } + if (thread_state.locked !== '1') { + require(['composer'], function(cmp) { + cmp.push(tid, null, null, selectionText.length > 0 ? selectionText + '\n\n' : ''); + }); + } + }; + $('#post-container').on('click', '.post_reply', reply_fn); + $('#post_reply').on('click', reply_fn); - $('#post-container').on('click', '.deleted', function(ev) { - $(this).toggleClass('deleted-expanded'); + $('#post-container').on('click', '.quote', function() { + if (thread_state.locked !== '1') { + var pid = $(this).parents('li').attr('data-pid'); + + socket.once('api:posts.getRawPost', function(data) { + + quoted = '> ' + data.post.replace(/\n/g, '\n> ') + '\n\n'; + require(['composer'], function(cmp) { + cmp.push(tid, null, null, quoted); + }); + }); + socket.emit('api:posts.getRawPost', { + pid: pid + }); + } }); - }); - function enableInfiniteLoading() { - $(window).off('scroll').on('scroll', function() { - var bottom = ($(document).height() - $(window).height()) * 0.9; + $('#post-container').on('click', '.favourite', function() { + var pid = $(this).parents('li').attr('data-pid'); + var uid = $(this).parents('li').attr('data-uid'); - if ($(window).scrollTop() > bottom && !app.infiniteLoaderActive && $('#post-container').children().length) { - app.loadMorePosts(tid); + var element = $(this).find('i'); + if (element.attr('class') == 'icon-star-empty') { + socket.emit('api:posts.favourite', { + pid: pid, + room_id: app.current_room + }); + } else { + socket.emit('api:posts.unfavourite', { + pid: pid, + room_id: app.current_room + }); } }); - } - var reply_fn = function() { - var selectionText = '', - selection = window.getSelection() || document.getSelection(); + $('#post-container').on('click', '.link', function() { + var pid = $(this).parents('li').attr('data-pid'); + $('#post_' + pid + '_link').val(window.location.href + "#" + pid).stop(true, false).fadeIn().select(); + $('#post_' + pid + '_link').off('blur').on('blur', function() { + $(this).fadeOut(); + }); + }); - if ($(selection.baseNode).parents('.post-content').length > 0) { - var snippet = selection.toString(); - if (snippet.length > 0) selectionText = '> ' + snippet.replace(/\n/g, '\n> '); - } + $('#post-container').delegate('.edit', 'click', function(e) { + var pid = $(this).parents('li').attr('data-pid'), + main = $(this).parents('.main-post'); - if (thread_state.locked !== '1') { require(['composer'], function(cmp) { - cmp.push(tid, null, null, selectionText.length > 0 ? selectionText + '\n\n' : ''); + cmp.push(null, null, pid); }); - } - }; - $('#post-container').on('click', '.post_reply', reply_fn); - $('#post_reply').on('click', reply_fn); + }); - $('#post-container').on('click', '.quote', function() { - if (thread_state.locked !== '1') { - var pid = $(this).parents('li').attr('data-pid'); + $('#post-container').delegate('.delete', 'click', function(e) { + var pid = $(this).parents('li').attr('data-pid'), + postEl = $(document.querySelector('#post-container li[data-pid="' + pid + '"]')), + deleteAction = !postEl.hasClass('deleted') ? true : false, + confirmDel = confirm((deleteAction ? 'Delete' : 'Restore') + ' this post?'); + + if (confirmDel) { + deleteAction ? + socket.emit('api:posts.delete', { + pid: pid + }) : + socket.emit('api:posts.restore', { + pid: pid + }); + } + }); - socket.once('api:posts.getRawPost', function(data) { + $('#post-container').on('click', '.chat', function(e) { + var username = $(this).parents('li.row').attr('data-username'); + var touid = $(this).parents('li.row').attr('data-uid'); - quoted = '> ' + data.post.replace(/\n/g, '\n> ') + '\n\n'; - require(['composer'], function(cmp) { - cmp.push(tid, null, null, quoted); - }); - }); - socket.emit('api:posts.getRawPost', { - pid: pid - }); - } - }); + if (username === app.username || !app.username) + return; - $('#post-container').on('click', '.favourite', function() { - var pid = $(this).parents('li').attr('data-pid'); - var uid = $(this).parents('li').attr('data-uid'); + app.openChat(username, touid); + }); - var element = $(this).find('i'); - if (element.attr('class') == 'icon-star-empty') { - socket.emit('api:posts.favourite', { - pid: pid, - room_id: app.current_room - }); - } else { - socket.emit('api:posts.unfavourite', { - pid: pid, - room_id: app.current_room - }); - } - }); + ajaxify.register_events([ + 'event:rep_up', 'event:rep_down', 'event:new_post', 'api:get_users_in_room', + 'event:topic_deleted', 'event:topic_restored', 'event:topic:locked', + 'event:topic_unlocked', 'event:topic_pinned', 'event:topic_unpinned', + 'event:topic_moved', 'event:post_edited', 'event:post_deleted', 'event:post_restored', + 'api:posts.favourite' + ]); - $('#post-container').on('click', '.link', function() { - var pid = $(this).parents('li').attr('data-pid'); - $('#post_' + pid + '_link').val(window.location.href + "#" + pid).stop(true, false).fadeIn().select(); - $('#post_' + pid + '_link').off('blur').on('blur', function() { - $(this).fadeOut(); + + socket.on('api:get_users_in_room', function(data) { + var activeEl = $('#thread_active_users'); + if (activeEl.length) + activeEl.html(data); + + app.populate_online_users(); }); - }); - $('#post-container').delegate('.edit', 'click', function(e) { - var pid = $(this).parents('li').attr('data-pid'), - main = $(this).parents('.main-post'); + socket.on('event:rep_up', function(data) { + adjust_rep(1, data.pid, data.uid); + }); - require(['composer'], function(cmp) { - cmp.push(null, null, pid); + socket.on('event:rep_down', function(data) { + adjust_rep(-1, data.pid, data.uid); }); - }); - $('#post-container').delegate('.delete', 'click', function(e) { - var pid = $(this).parents('li').attr('data-pid'), - postEl = $(document.querySelector('#post-container li[data-pid="' + pid + '"]')), - deleteAction = !postEl.hasClass('deleted') ? true : false, - confirmDel = confirm((deleteAction ? 'Delete' : 'Restore') + ' this post?'); + socket.on('event:new_post', app.createNewPosts); - if (confirmDel) { - deleteAction ? - socket.emit('api:posts.delete', { - pid: pid - }) : - socket.emit('api:posts.restore', { - pid: pid - }); - } - }); + socket.on('event:topic_deleted', function(data) { + if (data.tid === tid && data.status === 'ok') { + set_locked_state(true); + set_delete_state(true); + } + }); - $('#post-container').on('click', '.chat', function(e) { - var username = $(this).parents('li.row').attr('data-username'); - var touid = $(this).parents('li.row').attr('data-uid'); + socket.on('event:topic_restored', function(data) { + if (data.tid === tid && data.status === 'ok') { + set_locked_state(false); + set_delete_state(false); + } + }); - if (username === app.username || !app.username) - return; + socket.on('event:topic_locked', function(data) { + if (data.tid === tid && data.status === 'ok') { + set_locked_state(true, 1); + } + }); - app.openChat(username, touid); - }); + socket.on('event:topic_unlocked', function(data) { + if (data.tid === tid && data.status === 'ok') { + set_locked_state(false, 1); + } + }); - ajaxify.register_events([ - 'event:rep_up', 'event:rep_down', 'event:new_post', 'api:get_users_in_room', - 'event:topic_deleted', 'event:topic_restored', 'event:topic:locked', - 'event:topic_unlocked', 'event:topic_pinned', 'event:topic_unpinned', - 'event:topic_moved', 'event:post_edited', 'event:post_deleted', 'event:post_restored', - 'api:posts.favourite' - ]); + socket.on('event:topic_pinned', function(data) { + if (data.tid === tid && data.status === 'ok') { + set_pinned_state(true, 1); + } + }); + socket.on('event:topic_unpinned', function(data) { + if (data.tid === tid && data.status === 'ok') { + set_pinned_state(false, 1); + } + }); - socket.on('api:get_users_in_room', function(data) { - var activeEl = $('#thread_active_users'); - if (activeEl.length) - activeEl.html(data); + socket.on('event:topic_moved', function(data) { + if (data && data.tid > 0) ajaxify.go('topic/' + data.tid); + }); - app.populate_online_users(); - }); + socket.on('event:post_edited', function(data) { + var editedPostEl = document.getElementById('content_' + data.pid); - socket.on('event:rep_up', function(data) { - adjust_rep(1, data.pid, data.uid); - }); + var editedPostTitle = $('#topic_title_' + data.pid); - socket.on('event:rep_down', function(data) { - adjust_rep(-1, data.pid, data.uid); - }); + if (editedPostTitle.length > 0) { + editedPostTitle.fadeOut(250, function() { + editedPostTitle.html(data.title); + editedPostTitle.fadeIn(250); + }); + } - socket.on('event:new_post', app.createNewPosts); + $(editedPostEl).fadeOut(250, function() { + this.innerHTML = data.content; + $(this).fadeIn(250); + }); - socket.on('event:topic_deleted', function(data) { - if (data.tid === tid && data.status === 'ok') { - set_locked_state(true); - set_delete_state(true); - } - }); + }); - socket.on('event:topic_restored', function(data) { - if (data.tid === tid && data.status === 'ok') { - set_locked_state(false); - set_delete_state(false); - } - }); + socket.on('api:posts.favourite', function(data) { + if (data.status === 'ok' && data.pid) { + var favEl = document.querySelector('.post_rep_' + data.pid).nextSibling; + if (favEl) { + favEl.className = 'icon-star'; + $(favEl).parent().addClass('btn-warning'); + } + } + }); - socket.on('event:topic_locked', function(data) { - if (data.tid === tid && data.status === 'ok') { - set_locked_state(true, 1); - } - }); + socket.on('api:posts.unfavourite', function(data) { + if (data.status === 'ok' && data.pid) { + var favEl = document.querySelector('.post_rep_' + data.pid).nextSibling; + if (favEl) { + favEl.className = 'icon-star-empty'; + $(favEl).parent().removeClass('btn-warning'); + } + } + }); - socket.on('event:topic_unlocked', function(data) { - if (data.tid === tid && data.status === 'ok') { - set_locked_state(false, 1); - } - }); + socket.on('event:post_deleted', function(data) { + if (data.pid) toggle_post_delete_state(data.pid, true); + }); - socket.on('event:topic_pinned', function(data) { - if (data.tid === tid && data.status === 'ok') { - set_pinned_state(true, 1); - } - }); + socket.on('event:post_restored', function(data) { + if (data.pid) toggle_post_delete_state(data.pid, true); + }); - socket.on('event:topic_unpinned', function(data) { - if (data.tid === tid && data.status === 'ok') { - set_pinned_state(false, 1); - } - }); + socket.on('api:post.privileges', function(privileges) { + if (privileges.editable) toggle_mod_tools(privileges.pid, true); + }); - socket.on('event:topic_moved', function(data) { - if (data && data.tid > 0) ajaxify.go('topic/' + data.tid); - }); + function adjust_rep(value, pid, uid) { + var post_rep = jQuery('.post_rep_' + pid), + user_rep = jQuery('.user_rep_' + uid); - socket.on('event:post_edited', function(data) { - var editedPostEl = document.getElementById('content_' + data.pid); + var ptotal = parseInt(post_rep.html(), 10), + utotal = parseInt(user_rep.html(), 10); - var editedPostTitle = $('#topic_title_' + data.pid); + ptotal += value; + utotal += value; - if (editedPostTitle.length > 0) { - editedPostTitle.fadeOut(250, function() { - editedPostTitle.html(data.title); - editedPostTitle.fadeIn(250); - }); + post_rep.html(ptotal + ' '); + user_rep.html(utotal + ' '); } - $(editedPostEl).fadeOut(250, function() { - this.innerHTML = data.content; - $(this).fadeIn(250); - }); + function set_locked_state(locked, alert) { + var threadReplyBtn = document.getElementById('post_reply'), + postReplyBtns = document.querySelectorAll('#post-container .post_reply'), + quoteBtns = document.querySelectorAll('#post-container .quote'), + editBtns = document.querySelectorAll('#post-container .edit'), + deleteBtns = document.querySelectorAll('#post-container .delete'), + numPosts = document.querySelectorAll('#post_container li[data-pid]').length, + lockThreadEl = document.getElementById('lock_thread'), + x; + + if (locked === true) { + lockThreadEl.innerHTML = ' Unlock Thread'; + threadReplyBtn.disabled = true; + threadReplyBtn.innerHTML = 'Locked '; + for (x = 0; x < numPosts; x++) { + postReplyBtns[x].innerHTML = 'Locked '; + quoteBtns[x].style.display = 'none'; + editBtns[x].style.display = 'none'; + deleteBtns[x].style.display = 'none'; + } - }); + if (alert) { + app.alert({ + 'alert_id': 'thread_lock', + type: 'success', + title: 'Thread Locked', + message: 'Thread has been successfully locked', + timeout: 5000 + }); + } + + thread_state.locked = '1'; + } else { + lockThreadEl.innerHTML = ' Lock Thread'; + threadReplyBtn.disabled = false; + threadReplyBtn.innerHTML = 'Reply'; + for (x = 0; x < numPosts; x++) { + postReplyBtns[x].innerHTML = 'Reply '; + quoteBtns[x].style.display = 'inline-block'; + editBtns[x].style.display = 'inline-block'; + deleteBtns[x].style.display = 'inline-block'; + } + + if (alert) { + app.alert({ + 'alert_id': 'thread_lock', + type: 'success', + title: 'Thread Unlocked', + message: 'Thread has been successfully unlocked', + timeout: 5000 + }); + } - socket.on('api:posts.favourite', function(data) { - if (data.status === 'ok' && data.pid) { - var favEl = document.querySelector('.post_rep_' + data.pid).nextSibling; - if (favEl) { - favEl.className = 'icon-star'; - $(favEl).parent().addClass('btn-warning'); + thread_state.locked = '0'; } } - }); - - socket.on('api:posts.unfavourite', function(data) { - if (data.status === 'ok' && data.pid) { - var favEl = document.querySelector('.post_rep_' + data.pid).nextSibling; - if (favEl) { - favEl.className = 'icon-star-empty'; - $(favEl).parent().removeClass('btn-warning'); + + function set_delete_state(deleted) { + var deleteThreadEl = document.getElementById('delete_thread'), + deleteTextEl = deleteThreadEl.getElementsByTagName('span')[0], + threadEl = $('#post-container'), + deleteNotice = document.getElementById('thread-deleted') || document.createElement('div'); + + if (deleted) { + deleteTextEl.innerHTML = ' Restore Thread'; + threadEl.addClass('deleted'); + + // Spawn a 'deleted' notice at the top of the page + deleteNotice.setAttribute('id', 'thread-deleted'); + deleteNotice.className = 'alert alert-warning'; + deleteNotice.innerHTML = 'This thread has been deleted. Only users with thread management privileges can see it.'; + threadEl.before(deleteNotice); + + thread_state.deleted = '1'; + } else { + deleteTextEl.innerHTML = ' Delete Thread'; + threadEl.removeClass('deleted'); + deleteNotice.parentNode.removeChild(deleteNotice); + + thread_state.deleted = '0'; } } - }); - - socket.on('event:post_deleted', function(data) { - if (data.pid) toggle_post_delete_state(data.pid, true); - }); - - socket.on('event:post_restored', function(data) { - if (data.pid) toggle_post_delete_state(data.pid, true); - }); - - socket.on('api:post.privileges', function(privileges) { - if (privileges.editable) toggle_mod_tools(privileges.pid, true); - }); - - function adjust_rep(value, pid, uid) { - var post_rep = jQuery('.post_rep_' + pid), - user_rep = jQuery('.user_rep_' + uid); - - var ptotal = parseInt(post_rep.html(), 10), - utotal = parseInt(user_rep.html(), 10); - - ptotal += value; - utotal += value; - - post_rep.html(ptotal + ' '); - user_rep.html(utotal + ' '); - } - - function set_locked_state(locked, alert) { - var threadReplyBtn = document.getElementById('post_reply'), - postReplyBtns = document.querySelectorAll('#post-container .post_reply'), - quoteBtns = document.querySelectorAll('#post-container .quote'), - editBtns = document.querySelectorAll('#post-container .edit'), - deleteBtns = document.querySelectorAll('#post-container .delete'), - numPosts = document.querySelectorAll('#post_container li[data-pid]').length, - lockThreadEl = document.getElementById('lock_thread'), - x; - - if (locked === true) { - lockThreadEl.innerHTML = ' Unlock Thread'; - threadReplyBtn.disabled = true; - threadReplyBtn.innerHTML = 'Locked '; - for (x = 0; x < numPosts; x++) { - postReplyBtns[x].innerHTML = 'Locked '; - quoteBtns[x].style.display = 'none'; - editBtns[x].style.display = 'none'; - deleteBtns[x].style.display = 'none'; - } - if (alert) { - app.alert({ - 'alert_id': 'thread_lock', - type: 'success', - title: 'Thread Locked', - message: 'Thread has been successfully locked', - timeout: 5000 - }); - } + function set_pinned_state(pinned, alert) { + var pinEl = document.getElementById('pin_thread'); + + if (pinned) { + pinEl.innerHTML = ' Unpin Thread'; + if (alert) { + app.alert({ + 'alert_id': 'thread_pin', + type: 'success', + title: 'Thread Pinned', + message: 'Thread has been successfully pinned', + timeout: 5000 + }); + } - thread_state.locked = '1'; - } else { - lockThreadEl.innerHTML = ' Lock Thread'; - threadReplyBtn.disabled = false; - threadReplyBtn.innerHTML = 'Reply'; - for (x = 0; x < numPosts; x++) { - postReplyBtns[x].innerHTML = 'Reply '; - quoteBtns[x].style.display = 'inline-block'; - editBtns[x].style.display = 'inline-block'; - deleteBtns[x].style.display = 'inline-block'; - } + thread_state.pinned = '1'; + } else { + pinEl.innerHTML = ' Pin Thread'; + if (alert) { + app.alert({ + 'alert_id': 'thread_pin', + type: 'success', + title: 'Thread Unpinned', + message: 'Thread has been successfully unpinned', + timeout: 5000 + }); + } - if (alert) { - app.alert({ - 'alert_id': 'thread_lock', - type: 'success', - title: 'Thread Unlocked', - message: 'Thread has been successfully unlocked', - timeout: 5000 - }); + thread_state.pinned = '0'; } - - thread_state.locked = '0'; } - } - - function set_delete_state(deleted) { - var deleteThreadEl = document.getElementById('delete_thread'), - deleteTextEl = deleteThreadEl.getElementsByTagName('span')[0], - threadEl = $('#post-container'), - deleteNotice = document.getElementById('thread-deleted') || document.createElement('div'); - - if (deleted) { - deleteTextEl.innerHTML = ' Restore Thread'; - threadEl.addClass('deleted'); - - // Spawn a 'deleted' notice at the top of the page - deleteNotice.setAttribute('id', 'thread-deleted'); - deleteNotice.className = 'alert alert-warning'; - deleteNotice.innerHTML = 'This thread has been deleted. Only users with thread management privileges can see it.'; - threadEl.before(deleteNotice); - - thread_state.deleted = '1'; - } else { - deleteTextEl.innerHTML = ' Delete Thread'; - threadEl.removeClass('deleted'); - deleteNotice.parentNode.removeChild(deleteNotice); - - thread_state.deleted = '0'; - } - } - - function set_pinned_state(pinned, alert) { - var pinEl = document.getElementById('pin_thread'); - - if (pinned) { - pinEl.innerHTML = ' Unpin Thread'; - if (alert) { - app.alert({ - 'alert_id': 'thread_pin', - type: 'success', - title: 'Thread Pinned', - message: 'Thread has been successfully pinned', - timeout: 5000 - }); - } - - thread_state.pinned = '1'; - } else { - pinEl.innerHTML = ' Pin Thread'; - if (alert) { - app.alert({ - 'alert_id': 'thread_pin', - type: 'success', - title: 'Thread Unpinned', - message: 'Thread has been successfully unpinned', - timeout: 5000 - }); - } - thread_state.pinned = '0'; - } - } + function toggle_post_delete_state(pid) { + var postEl = $(document.querySelector('#post-container li[data-pid="' + pid + '"]')); - function toggle_post_delete_state(pid) { - var postEl = $(document.querySelector('#post-container li[data-pid="' + pid + '"]')); + if (postEl[0]) { + quoteEl = $(postEl[0].querySelector('.quote')), + favEl = $(postEl[0].querySelector('.favourite')), + replyEl = $(postEl[0].querySelector('.post_reply')); - if (postEl[0]) { - quoteEl = $(postEl[0].querySelector('.quote')), - favEl = $(postEl[0].querySelector('.favourite')), - replyEl = $(postEl[0].querySelector('.post_reply')); + socket.once('api:post.privileges', function(privileges) { + if (privileges.editable) { + if (!postEl.hasClass('deleted')) { + toggle_post_tools(pid, false); + } else { + toggle_post_tools(pid, true); + } + } - socket.once('api:post.privileges', function(privileges) { - if (privileges.editable) { - if (!postEl.hasClass('deleted')) { - toggle_post_tools(pid, false); + if (privileges.view_deleted) { + postEl.toggleClass('deleted'); } else { - toggle_post_tools(pid, true); + postEl.toggleClass('none'); } - } - - if (privileges.view_deleted) { - postEl.toggleClass('deleted'); - } else { - postEl.toggleClass('none'); - } - }); - socket.emit('api:post.privileges', pid); + }); + socket.emit('api:post.privileges', pid); + } } - } - - function toggle_post_tools(pid, state) { - var postEl = $(document.querySelector('#post-container li[data-pid="' + pid + '"]')), - quoteEl = $(postEl[0].querySelector('.quote')), - favEl = $(postEl[0].querySelector('.favourite')), - replyEl = $(postEl[0].querySelector('.post_reply')); - - if (state) { - quoteEl.removeClass('none'); - favEl.removeClass('none'); - replyEl.removeClass('none'); - } else { - quoteEl.addClass('none'); - favEl.addClass('none'); - replyEl.addClass('none'); + + function toggle_post_tools(pid, state) { + var postEl = $(document.querySelector('#post-container li[data-pid="' + pid + '"]')), + quoteEl = $(postEl[0].querySelector('.quote')), + favEl = $(postEl[0].querySelector('.favourite')), + replyEl = $(postEl[0].querySelector('.post_reply')); + + if (state) { + quoteEl.removeClass('none'); + favEl.removeClass('none'); + replyEl.removeClass('none'); + } else { + quoteEl.addClass('none'); + favEl.addClass('none'); + replyEl.addClass('none'); + } } - } - - function toggle_mod_tools(pid, state) { - var postEl = $(document.querySelector('#post-container li[data-pid="' + pid + '"]')), - editEl = postEl.find('.edit'), - deleteEl = postEl.find('.delete'); - - if (state) { - editEl.removeClass('none'); - deleteEl.removeClass('none'); - } else { - editEl.addClass('none'); - deleteEl.addClass('none'); + + function toggle_mod_tools(pid, state) { + var postEl = $(document.querySelector('#post-container li[data-pid="' + pid + '"]')), + editEl = postEl.find('.edit'), + deleteEl = postEl.find('.delete'); + + if (state) { + editEl.removeClass('none'); + deleteEl.removeClass('none'); + } else { + editEl.addClass('none'); + deleteEl.addClass('none'); + } } - } - var postAuthorImage, mobileAuthorOverlay, pagination; - var postcount = templates.get('postcount'); + var postAuthorImage, mobileAuthorOverlay, pagination; + var postcount = templates.get('postcount'); - function updateHeader() { - if (pagination == null) { - jQuery('.pagination-block i:first').on('click', function() { - app.scrollToTop(); - }); - jQuery('.pagination-block i:last').on('click', function() { - app.scrollToBottom(); - }); - } + function updateHeader() { + if (pagination == null) { + jQuery('.pagination-block i:first').on('click', function() { + app.scrollToTop(); + }); + jQuery('.pagination-block i:last').on('click', function() { + app.scrollToBottom(); + }); + } - jQuery('.mobile-author-overlay').css('bottom', '0px'); - postAuthorImage = postAuthorImage || document.getElementById('mobile-author-image'); - mobileAuthorOverlay = mobileAuthorOverlay || document.getElementById('mobile-author-overlay'); - pagination = pagination || document.getElementById('pagination'); + jQuery('.mobile-author-overlay').css('bottom', '0px'); + postAuthorImage = postAuthorImage || document.getElementById('mobile-author-image'); + mobileAuthorOverlay = mobileAuthorOverlay || document.getElementById('mobile-author-overlay'); + pagination = pagination || document.getElementById('pagination'); - pagination.parentNode.style.display = 'block'; + pagination.parentNode.style.display = 'block'; - var windowHeight = jQuery(window).height(); - var scrollTop = jQuery(window).scrollTop(); - var scrollBottom = scrollTop + windowHeight; + var windowHeight = jQuery(window).height(); + var scrollTop = jQuery(window).scrollTop(); + var scrollBottom = scrollTop + windowHeight; - if (scrollTop < 50 && postcount > 1) { - localStorage.removeItem("topic:" + tid + ":bookmark"); - postAuthorImage.src = (jQuery('.main-post .avatar img').attr('src')); - mobileAuthorOverlay.innerHTML = 'Posted by ' + jQuery('.main-post').attr('data-username') + ', ' + jQuery('.main-post').find('.relativeTimeAgo').html(); - pagination.innerHTML = '0 out of ' + postcount; - return; - } + if (scrollTop < 50 && postcount > 1) { + localStorage.removeItem("topic:" + tid + ":bookmark"); + postAuthorImage.src = (jQuery('.main-post .avatar img').attr('src')); + mobileAuthorOverlay.innerHTML = 'Posted by ' + jQuery('.main-post').attr('data-username') + ', ' + jQuery('.main-post').find('.relativeTimeAgo').html(); + pagination.innerHTML = '0 out of ' + postcount; + return; + } - var count = 0, smallestNonNegative = 0; + var count = 0, smallestNonNegative = 0; - jQuery('.sub-posts').each(function() { - count++; - this.postnumber = count; + jQuery('.sub-posts').each(function() { + count++; + this.postnumber = count; - var el = jQuery(this); - var elTop = el.offset().top; - var height = Math.floor(el.height()); - var elBottom = elTop + (height < 300 ? height : 300); + var el = jQuery(this); + var elTop = el.offset().top; + var height = Math.floor(el.height()); + var elBottom = elTop + (height < 300 ? height : 300); - var inView = ((elBottom >= scrollTop) && (elTop <= scrollBottom) && (elBottom <= scrollBottom) && (elTop >= scrollTop)); + var inView = ((elBottom >= scrollTop) && (elTop <= scrollBottom) && (elBottom <= scrollBottom) && (elTop >= scrollTop)); - if (inView) { - if(elTop - scrollTop > smallestNonNegative) { - localStorage.setItem("topic:" + tid + ":bookmark", el.attr('data-pid')); - smallestNonNegative = Number.MAX_VALUE; + if (inView) { + if(elTop - scrollTop > smallestNonNegative) { + localStorage.setItem("topic:" + tid + ":bookmark", el.attr('data-pid')); + smallestNonNegative = Number.MAX_VALUE; + } + + pagination.innerHTML = this.postnumber + ' out of ' + postcount; + postAuthorImage.src = (jQuery(this).find('.profile-image-block img').attr('src')); + mobileAuthorOverlay.innerHTML = 'Posted by ' + jQuery(this).attr('data-username') + ', ' + jQuery(this).find('.relativeTimeAgo').html(); } + }); - pagination.innerHTML = this.postnumber + ' out of ' + postcount; - postAuthorImage.src = (jQuery(this).find('.profile-image-block img').attr('src')); - mobileAuthorOverlay.innerHTML = 'Posted by ' + jQuery(this).attr('data-username') + ', ' + jQuery(this).find('.relativeTimeAgo').html(); - } - }); + setTimeout(function() { + if (scrollTop + windowHeight == jQuery(document).height()) { + pagination.innerHTML = postcount + ' out of ' + postcount; + } + }, 100); + } - setTimeout(function() { - if (scrollTop + windowHeight == jQuery(document).height()) { - pagination.innerHTML = postcount + ' out of ' + postcount; - } - }, 100); - } + window.onscroll = updateHeader; + window.onload = updateHeader; + }; - window.onscroll = updateHeader; - window.onload = updateHeader; -})(); + return Topic; +}); \ No newline at end of file diff --git a/public/src/forum/unread.js b/public/src/forum/unread.js index b4b78b67a1..329cfff3ff 100644 --- a/public/src/forum/unread.js +++ b/public/src/forum/unread.js @@ -1,114 +1,119 @@ -(function() { - var loadingMoreTopics = false; - - app.enter_room('recent_posts'); - - ajaxify.register_events([ - 'event:new_topic', - 'event:new_post' - ]); - - var newTopicCount = 0, - newPostCount = 0; - - $('#new-topics-alert').on('click', function() { - $(this).hide(); - }); - - socket.on('event:new_topic', function(data) { - - ++newTopicCount; - updateAlertText(); - - }); - - function updateAlertText() { - var text = ''; - - if (newTopicCount > 1) - text = 'There are ' + newTopicCount + ' new topics'; - else if (newTopicCount === 1) - text = 'There is 1 new topic'; - else - text = 'There are no new topics'; - - if (newPostCount > 1) - text += ' and ' + newPostCount + ' new posts.'; - else if (newPostCount === 1) - text += ' and 1 new post.'; - else - text += ' and no new posts.'; - - text += ' Click here to reload.'; - - $('#new-topics-alert').html(text).fadeIn('slow'); - } - - socket.on('event:new_post', function(data) { - ++newPostCount; - updateAlertText(); - }); - - $('#mark-allread-btn').on('click', function() { - var btn = $(this); - socket.emit('api:topics.markAllRead', {}, function(success) { - if (success) { - btn.remove(); - $('#topics-container').empty(); - $('#category-no-topics').removeClass('hidden'); - app.alertSuccess('All topics marked as read!'); - $('#numUnreadBadge') - .removeClass('badge-important') - .addClass('badge-inverse') - .html('0'); - } else { - app.alertError('There was an error marking topics read!'); - } +define(function() { + var Unread = {}; + + Unread.init = function() { + var loadingMoreTopics = false; + + app.enter_room('recent_posts'); + + ajaxify.register_events([ + 'event:new_topic', + 'event:new_post' + ]); + + var newTopicCount = 0, + newPostCount = 0; + + $('#new-topics-alert').on('click', function() { + $(this).hide(); }); - }); - - function onTopicsLoaded(topics) { - - var html = templates.prepare(templates['unread'].blocks['topics']).parse({ - topics: topics - }), - container = $('#topics-container'); - - $('#category-no-topics').remove(); - - container.append(html); - } - - function loadMoreTopics() { - loadingMoreTopics = true; - socket.emit('api:topics.loadMoreUnreadTopics', { - after: parseInt($('#topics-container').attr('data-next-start'), 10) - }, function(data) { - if (data.topics && data.topics.length) { - onTopicsLoaded(data.topics); - $('#topics-container').attr('data-next-start', data.nextStart); - } else { - $('#load-more-btn').hide(); - } - loadingMoreTopics = false; + socket.on('event:new_topic', function(data) { + + ++newTopicCount; + updateAlertText(); + }); - } - $(window).off('scroll').on('scroll', function() { - var bottom = ($(document).height() - $(window).height()) * 0.9; + function updateAlertText() { + var text = ''; - if ($(window).scrollTop() > bottom && !loadingMoreTopics) { - loadMoreTopics(); + if (newTopicCount > 1) + text = 'There are ' + newTopicCount + ' new topics'; + else if (newTopicCount === 1) + text = 'There is 1 new topic'; + else + text = 'There are no new topics'; + + if (newPostCount > 1) + text += ' and ' + newPostCount + ' new posts.'; + else if (newPostCount === 1) + text += ' and 1 new post.'; + else + text += ' and no new posts.'; + + text += ' Click here to reload.'; + + $('#new-topics-alert').html(text).fadeIn('slow'); + } + + socket.on('event:new_post', function(data) { + ++newPostCount; + updateAlertText(); + }); + + $('#mark-allread-btn').on('click', function() { + var btn = $(this); + socket.emit('api:topics.markAllRead', {}, function(success) { + if (success) { + btn.remove(); + $('#topics-container').empty(); + $('#category-no-topics').removeClass('hidden'); + app.alertSuccess('All topics marked as read!'); + $('#numUnreadBadge') + .removeClass('badge-important') + .addClass('badge-inverse') + .html('0'); + } else { + app.alertError('There was an error marking topics read!'); + } + }); + }); + + function onTopicsLoaded(topics) { + + var html = templates.prepare(templates['unread'].blocks['topics']).parse({ + topics: topics + }), + container = $('#topics-container'); + + $('#category-no-topics').remove(); + + container.append(html); } - }); + function loadMoreTopics() { + loadingMoreTopics = true; + socket.emit('api:topics.loadMoreUnreadTopics', { + after: parseInt($('#topics-container').attr('data-next-start'), 10) + }, function(data) { + if (data.topics && data.topics.length) { + onTopicsLoaded(data.topics); + $('#topics-container').attr('data-next-start', data.nextStart); + } else { + $('#load-more-btn').hide(); + } + + loadingMoreTopics = false; + }); + } - if ($("body").height() <= $(window).height() && $('#topics-container').children().length >= 20) - $('#load-more-btn').show(); + $(window).off('scroll').on('scroll', function() { + var bottom = ($(document).height() - $(window).height()) * 0.9; - $('#load-more-btn').on('click', function() { - loadMoreTopics(); - }); + if ($(window).scrollTop() > bottom && !loadingMoreTopics) { + loadMoreTopics(); + } + }); + + + if ($("body").height() <= $(window).height() && $('#topics-container').children().length >= 20) + $('#load-more-btn').show(); + + $('#load-more-btn').on('click', function() { + loadMoreTopics(); + }); + }; -})(); \ No newline at end of file + return Unread; +}); \ No newline at end of file diff --git a/public/src/forum/users.js b/public/src/forum/users.js index a5d29adaa7..c845a7c4cb 100644 --- a/public/src/forum/users.js +++ b/public/src/forum/users.js @@ -1,6 +1,7 @@ -(function() { +define(function() { + var Users = {}; - $(document).ready(function() { + Users.init = function() { var timeoutId = 0; var loadingMoreUsers = false; @@ -131,6 +132,7 @@ loadMoreUsers(); } }); - }); + }; -}()); \ No newline at end of file + return Users; +}); \ No newline at end of file diff --git a/public/templates/account.tpl b/public/templates/account.tpl index 929771940b..5c7678f10c 100644 --- a/public/templates/account.tpl +++ b/public/templates/account.tpl @@ -97,7 +97,4 @@ - - - - \ No newline at end of file + \ No newline at end of file diff --git a/public/templates/accountedit.tpl b/public/templates/accountedit.tpl index 36c0238e48..1e53ab8920 100644 --- a/public/templates/accountedit.tpl +++ b/public/templates/accountedit.tpl @@ -174,9 +174,3 @@