You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
116 lines
2.6 KiB
JavaScript
116 lines
2.6 KiB
JavaScript
'use strict';
|
|
|
|
/* globals define, app, translator, socket */
|
|
|
|
define('forum/topic/fork', function() {
|
|
|
|
var Fork = {},
|
|
forkModal,
|
|
forkCommit,
|
|
pids = [];
|
|
|
|
Fork.init = function() {
|
|
$('.fork_thread').on('click', onForkThreadClicked);
|
|
};
|
|
|
|
function onForkThreadClicked() {
|
|
forkModal = $('#fork-thread-modal');
|
|
forkCommit = forkModal.find('#fork_thread_commit');
|
|
pids.length = 0;
|
|
|
|
showForkModal();
|
|
showNoPostsSelected();
|
|
|
|
forkModal.find('.close,#fork_thread_cancel').on('click', closeForkModal);
|
|
forkModal.find('#fork-title').on('change', checkForkButtonEnable);
|
|
$('#post-container').on('click', 'li[data-pid]', function() {
|
|
togglePostSelection($(this));
|
|
});
|
|
|
|
forkCommit.on('click', createTopicFromPosts);
|
|
}
|
|
|
|
function showForkModal() {
|
|
forkModal.removeClass('hide')
|
|
.css('position', 'fixed')
|
|
.css('left', Math.max(0, (($(window).width() - $(forkModal).outerWidth()) / 2) + $(window).scrollLeft()) + 'px')
|
|
.css('top', '0px')
|
|
.css('z-index', '2000');
|
|
}
|
|
|
|
function createTopicFromPosts() {
|
|
socket.emit('topics.createTopicFromPosts', {
|
|
title: forkModal.find('#fork-title').val(),
|
|
pids: pids
|
|
}, function(err) {
|
|
function fadeOutAndRemove(pid) {
|
|
$('#post-container li[data-pid="' + pid + '"]').fadeOut(500, function() {
|
|
$(this).remove();
|
|
});
|
|
}
|
|
|
|
if(err) {
|
|
return app.alertError(err.message);
|
|
}
|
|
|
|
app.alertSuccess('[[topic:fork_success]]');
|
|
|
|
for(var i=0; i<pids.length; ++i) {
|
|
fadeOutAndRemove(pids[i]);
|
|
}
|
|
closeForkModal();
|
|
});
|
|
}
|
|
|
|
function togglePostSelection(post) {
|
|
var newPid = post.attr('data-pid');
|
|
|
|
if(parseInt(post.attr('data-index'), 10) === 0) {
|
|
return;
|
|
}
|
|
|
|
if(newPid) {
|
|
var index = pids.indexOf(newPid);
|
|
if(index === -1) {
|
|
pids.push(newPid);
|
|
post.css('opacity', '0.5');
|
|
} else {
|
|
pids.splice(index, 1);
|
|
post.css('opacity', '1.0');
|
|
}
|
|
|
|
if(pids.length) {
|
|
pids.sort();
|
|
forkModal.find('#fork-pids').html(pids.toString());
|
|
} else {
|
|
showNoPostsSelected();
|
|
}
|
|
checkForkButtonEnable();
|
|
}
|
|
}
|
|
|
|
function showNoPostsSelected() {
|
|
translator.translate('[[topic:fork_no_pids]]', function(translated) {
|
|
forkModal.find('#fork-pids').html(translated);
|
|
});
|
|
}
|
|
|
|
function checkForkButtonEnable() {
|
|
if(forkModal.find('#fork-title').length && pids.length) {
|
|
forkCommit.removeAttr('disabled');
|
|
} else {
|
|
forkCommit.attr('disabled', true);
|
|
}
|
|
}
|
|
|
|
function closeForkModal() {
|
|
for(var i=0; i<pids.length; ++i) {
|
|
$('#post-container li[data-pid="' + pids[i] + '"]').css('opacity', 1);
|
|
}
|
|
forkModal.addClass('hide');
|
|
$('#post-container').off('click', 'li[data-pid]');
|
|
}
|
|
|
|
return Fork;
|
|
});
|