refactor post tools
barisusakli
8 years ago
parent
a112655bd2
commit
827e4b4ffd
@ -0,0 +1,67 @@
|
||||
'use strict';
|
||||
|
||||
/* globals define, app, socket */
|
||||
|
||||
define('forum/topic/move-post', [], function () {
|
||||
|
||||
var MovePost = {};
|
||||
|
||||
|
||||
MovePost.openMovePostModal = function(button) {
|
||||
app.parseAndTranslate('partials/move_post_modal', {}, function (html) {
|
||||
var moveModal = $(html);
|
||||
|
||||
var moveBtn = moveModal.find('#move_post_commit'),
|
||||
topicId = moveModal.find('#topicId');
|
||||
|
||||
moveModal.on('hidden.bs.modal', function () {
|
||||
moveModal.remove();
|
||||
});
|
||||
|
||||
showMoveModal(moveModal);
|
||||
|
||||
moveModal.find('.close, #move_post_cancel').on('click', function () {
|
||||
moveModal.addClass('hide');
|
||||
});
|
||||
|
||||
topicId.on('keyup change', function () {
|
||||
moveBtn.attr('disabled', !topicId.val());
|
||||
});
|
||||
|
||||
moveBtn.on('click', function () {
|
||||
movePost(button.parents('[data-pid]'), button.parents('[data-pid]').attr('data-pid'), topicId.val(), function () {
|
||||
moveModal.modal('hide');
|
||||
topicId.val('');
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
};
|
||||
|
||||
function showMoveModal(modal) {
|
||||
modal.modal('show')
|
||||
.css("position", "fixed")
|
||||
.css("left", Math.max(0, (($(window).width() - modal.outerWidth()) / 2) + $(window).scrollLeft()) + "px")
|
||||
.css("top", "0px")
|
||||
.css("z-index", "2000");
|
||||
}
|
||||
|
||||
function movePost(post, pid, tid, callback) {
|
||||
socket.emit('posts.movePost', {pid: pid, tid: tid}, function (err) {
|
||||
if (err) {
|
||||
app.alertError(err.message);
|
||||
return callback();
|
||||
}
|
||||
|
||||
post.fadeOut(500, function () {
|
||||
post.remove();
|
||||
});
|
||||
|
||||
app.alertSuccess('[[topic:post_moved]]');
|
||||
callback();
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
return MovePost;
|
||||
});
|
||||
@ -0,0 +1,117 @@
|
||||
'use strict';
|
||||
|
||||
/* globals define, app, socket, ajaxify, templates, bootbox */
|
||||
|
||||
define('forum/topic/votes', ['components', 'translator'], function (components, translator) {
|
||||
|
||||
var Votes = {};
|
||||
|
||||
Votes.addVoteHandler = function () {
|
||||
components.get('topic').on('mouseenter', '[data-pid] [component="post/vote-count"]', loadDataAndCreateTooltip);
|
||||
components.get('topic').on('mouseout', '[data-pid] [component="post/vote-count"]', function () {
|
||||
var el = $(this).parent();
|
||||
el.on('shown.bs.tooltip', function () {
|
||||
$('.tooltip').tooltip('destroy');
|
||||
el.off('shown.bs.tooltip');
|
||||
});
|
||||
|
||||
$('.tooltip').tooltip('destroy');
|
||||
});
|
||||
};
|
||||
|
||||
function loadDataAndCreateTooltip(e) {
|
||||
e.stopPropagation();
|
||||
|
||||
var $this = $(this);
|
||||
var el = $this.parent();
|
||||
var pid = el.parents('[data-pid]').attr('data-pid');
|
||||
|
||||
$('.tooltip').tooltip('destroy');
|
||||
$this.off('mouseenter', loadDataAndCreateTooltip);
|
||||
|
||||
socket.emit('posts.getUpvoters', [pid], function (err, data) {
|
||||
if (err) {
|
||||
return app.alertError(err.message);
|
||||
}
|
||||
|
||||
if (data.length) {
|
||||
createTooltip(el, data[0]);
|
||||
}
|
||||
$this.off('mouseenter').on('mouseenter', loadDataAndCreateTooltip);
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
function createTooltip(el, data) {
|
||||
function doCreateTooltip(title) {
|
||||
el.attr('title', title).tooltip('fixTitle').tooltip('show');
|
||||
}
|
||||
var usernames = data.usernames;
|
||||
if (!usernames.length) {
|
||||
return;
|
||||
}
|
||||
if (usernames.length + data.otherCount > 6) {
|
||||
usernames = usernames.join(', ').replace(/,/g, '|');
|
||||
translator.translate('[[topic:users_and_others, ' + usernames + ', ' + data.otherCount + ']]', function (translated) {
|
||||
translated = translated.replace(/\|/g, ',');
|
||||
doCreateTooltip(translated);
|
||||
});
|
||||
} else {
|
||||
usernames = usernames.join(', ');
|
||||
doCreateTooltip(usernames);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Votes.toggleVote = function (button, className, method) {
|
||||
var post = button.parents('[data-pid]'),
|
||||
currentState = post.find(className).length;
|
||||
|
||||
socket.emit(currentState ? 'posts.unvote' : method , {
|
||||
pid: post.attr('data-pid'),
|
||||
room_id: app.currentRoom
|
||||
}, function (err) {
|
||||
if (err) {
|
||||
if (err.message === 'self-vote') {
|
||||
Votes.showVotes(post.attr('data-pid'));
|
||||
} else {
|
||||
app.alertError(err.message);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
return false;
|
||||
};
|
||||
|
||||
Votes.showVotes = function (pid) {
|
||||
socket.emit('posts.getVoters', {pid: pid, cid: ajaxify.data.cid}, function (err, data) {
|
||||
if (err) {
|
||||
if (err.message === '[[error:no-privileges]]') {
|
||||
return;
|
||||
}
|
||||
|
||||
// Only show error if it's an unexpected error.
|
||||
return app.alertError(err.message);
|
||||
}
|
||||
|
||||
templates.parse('partials/modals/votes_modal', data, function (html) {
|
||||
translator.translate(html, function (translated) {
|
||||
var dialog = bootbox.dialog({
|
||||
title: 'Voters',
|
||||
message: translated,
|
||||
className: 'vote-modal',
|
||||
show: true
|
||||
});
|
||||
|
||||
dialog.on('click', function () {
|
||||
dialog.modal('hide');
|
||||
});
|
||||
|
||||
});
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
return Votes;
|
||||
});
|
||||
Loading…
Reference in New Issue