mirror of
https://github.com/NodeBB/NodeBB.git
synced 2026-02-14 10:37:45 +01:00
0eaf2beeb2
use them for ban, mute and post queue depending on the type selected if type is set to all, the reason is displayed in ban/mute and post queue move reason label + dropdown + textarea to a partial
320 lines
9.3 KiB
JavaScript
320 lines
9.3 KiB
JavaScript
'use strict';
|
|
|
|
|
|
define('forum/post-queue', [
|
|
'categoryFilter', 'categorySelector', 'api', 'alerts', 'translator',
|
|
'bootbox', 'accounts/moderate', 'accounts/delete',
|
|
], function (
|
|
categoryFilter, categorySelector, api, alerts, translator,
|
|
bootbox, AccountModerate, AccountsDelete
|
|
) {
|
|
const PostQueue = {};
|
|
|
|
PostQueue.init = function () {
|
|
$('[data-bs-toggle="tooltip"]').tooltip();
|
|
|
|
categoryFilter.init($('[component="category/dropdown"]'), {
|
|
privilege: 'moderate',
|
|
});
|
|
|
|
handleActions();
|
|
handleBulkActions();
|
|
handleContentEdit('[data-action="editContent"]', '.post-content-editable', 'textarea', '.post-content');
|
|
handleContentEdit('[data-action="editTitle"]', '.topic-title-editable', 'input', '.topic-title');
|
|
|
|
$('.posts-list').on('click', '.topic-category[data-editable]', function (e) {
|
|
handleCategoryChange(this);
|
|
e.stopPropagation();
|
|
e.preventDefault();
|
|
});
|
|
|
|
$('[component="post/content"] img:not(.not-responsive)').addClass('img-fluid');
|
|
showLinksInPosts();
|
|
};
|
|
|
|
function showLinksInPosts() {
|
|
$('.posts-list [data-id]').each((idx, el) => {
|
|
const $el = $(el);
|
|
const linkContainer = $el.find('[component="post-queue/link-container"]');
|
|
const linkList = linkContainer.find('[component="post-queue/link-container/list"]');
|
|
const linksInPost = $el.find('.post-content a');
|
|
linksInPost.each((idx, link) => {
|
|
const href = $(link).attr('href');
|
|
linkList.append(`<li><a href="${href}">${href}</a></li>`);
|
|
});
|
|
linkContainer.toggleClass('hidden', !linksInPost.length);
|
|
});
|
|
}
|
|
|
|
function confirmReject(msg) {
|
|
return new Promise((resolve) => {
|
|
bootbox.confirm(msg, resolve);
|
|
});
|
|
}
|
|
|
|
function handleContentEdit(triggerClass, editableClass, inputSelector, displayClass) {
|
|
$('.posts-list').on('click', triggerClass, function () {
|
|
const el = $(this);
|
|
const inputEl = el.parents('[data-id]').find(editableClass);
|
|
const displayEl = el.parents('[data-id]').find(displayClass);
|
|
if (inputEl.length) {
|
|
displayEl.addClass('hidden');
|
|
inputEl.removeClass('hidden').find(inputSelector).focus();
|
|
}
|
|
});
|
|
|
|
$('.posts-list').on('blur', editableClass + ' ' + inputSelector, function () {
|
|
const textarea = $(this);
|
|
const preview = textarea.parent().parent().find(displayClass);
|
|
const id = textarea.parents('[data-id]').attr('data-id');
|
|
const titleEdit = triggerClass === '[data-action="editTitle"]';
|
|
|
|
api.put(`/posts/queue/${id}`, {
|
|
title: titleEdit ? textarea.val() : undefined,
|
|
content: titleEdit ? undefined : textarea.val(),
|
|
}).then((data) => {
|
|
if (titleEdit) {
|
|
preview.find('.title-text').text(data.postData.title);
|
|
} else {
|
|
preview.html(data.postData.content);
|
|
}
|
|
|
|
textarea.parent().addClass('hidden');
|
|
preview.removeClass('hidden');
|
|
}).catch(alerts.error);
|
|
});
|
|
}
|
|
|
|
function handleCategoryChange(categoryEl) {
|
|
const $this = $(categoryEl);
|
|
const id = $this.parents('[data-id]').attr('data-id');
|
|
categorySelector.modal({
|
|
onSubmit: function (selectedCategory) {
|
|
Promise.all([
|
|
api.get(`/categories/${selectedCategory.cid}`, {}),
|
|
api.put(`/posts/queue/${id}`, {
|
|
cid: selectedCategory.cid,
|
|
}),
|
|
]).then(function (result) {
|
|
const category = result[0];
|
|
app.parseAndTranslate('post-queue', 'posts', {
|
|
posts: [{
|
|
category: category,
|
|
}],
|
|
}, function (html) {
|
|
if ($this.find('.category-text').length) {
|
|
$this.find('.category-text').text(html.find('.topic-category .category-text').text());
|
|
} else {
|
|
// for backwards compatibility, remove in 1.16.0
|
|
$this.replaceWith(html.find('.topic-category'));
|
|
}
|
|
});
|
|
}).catch(alerts.error);
|
|
},
|
|
});
|
|
return false;
|
|
}
|
|
|
|
function handleActions() {
|
|
const listEl = document.querySelector('.posts-list');
|
|
if (listEl) {
|
|
listEl.addEventListener('click', (e) => {
|
|
const subselector = e.target.closest('[data-action]');
|
|
if (subselector) {
|
|
const action = subselector.getAttribute('data-action');
|
|
const uid = subselector.closest('[data-uid]').getAttribute('data-uid');
|
|
switch (action) {
|
|
case 'editCategory': {
|
|
const categoryEl = e.target.closest('[data-id]').querySelector('.topic-category');
|
|
handleCategoryChange(categoryEl);
|
|
break;
|
|
}
|
|
|
|
case 'ban':
|
|
AccountModerate.banAccount(uid, ajaxify.refresh);
|
|
break;
|
|
|
|
case 'unban':
|
|
AccountModerate.unbanAccount(uid);
|
|
break;
|
|
|
|
case 'mute':
|
|
AccountModerate.muteAccount(uid, ajaxify.refresh);
|
|
break;
|
|
|
|
case 'unmute':
|
|
AccountModerate.unmuteAccount(uid);
|
|
break;
|
|
|
|
case 'delete-account':
|
|
AccountsDelete.account(uid, ajaxify.go.bind(null, 'post-queue'));
|
|
break;
|
|
|
|
case 'delete-content':
|
|
AccountsDelete.content(uid, ajaxify.go.bind(null, 'post-queue'));
|
|
break;
|
|
|
|
case 'delete-all':
|
|
AccountsDelete.purge(uid, ajaxify.go.bind(null, 'post-queue'));
|
|
break;
|
|
|
|
case 'accept':
|
|
handleAccept(subselector);
|
|
break;
|
|
|
|
case 'reject':
|
|
handleReject(subselector);
|
|
break;
|
|
|
|
case 'notify':
|
|
handleNotify(subselector);
|
|
break;
|
|
|
|
default:
|
|
throw new Error(`Unknown action: ${action}`);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
function handleAccept(btn) {
|
|
const parent = $(btn).parents('[data-id]');
|
|
const id = parent.attr('data-id');
|
|
doAction('accept', id).then(() => removePostQueueElement(parent)).catch(alerts.error);
|
|
}
|
|
|
|
async function handleReject(btn) {
|
|
const parent = $(btn).parents('[data-id]');
|
|
const id = parent.attr('data-id');
|
|
const translationString = ajaxify.data.canAccept ?
|
|
'[[post-queue:confirm-reject]]' :
|
|
'[[post-queue:confirm-remove]]';
|
|
|
|
const message = await getMessage(translationString);
|
|
if (message === false) {
|
|
return;
|
|
}
|
|
doAction('reject', id, message).then(() => removePostQueueElement(parent)).catch(alerts.error);
|
|
}
|
|
|
|
function removePostQueueElement(parent) {
|
|
const listContainer = parent.get(0).parentNode;
|
|
parent.remove();
|
|
if (listContainer.childElementCount === 0) {
|
|
if (ajaxify.data.singlePost) {
|
|
ajaxify.go('/post-queue' + window.location.search);
|
|
} else {
|
|
ajaxify.refresh();
|
|
}
|
|
}
|
|
}
|
|
|
|
async function handleNotify(btn) {
|
|
const parent = $(btn).parents('[data-id]');
|
|
const id = parent.attr('data-id');
|
|
const message = await getMessage('[[post-queue:notify-user]]');
|
|
if (message === false) {
|
|
return;
|
|
}
|
|
|
|
doAction('notify', id, message).catch(alerts.error);
|
|
}
|
|
|
|
async function getMessage(title) {
|
|
const reasons = await socket.emit('user.getCustomReasons', { type: 'post-queue' });
|
|
const html = await app.parseAndTranslate('partials/custom-reason', { reasons });
|
|
|
|
return new Promise((resolve) => {
|
|
let resolved = false;
|
|
const done = (value) => {
|
|
if (resolved) {
|
|
return;
|
|
}
|
|
resolved = true;
|
|
resolve(value);
|
|
};
|
|
|
|
const modal = bootbox.dialog({
|
|
title: title,
|
|
message: `<form class="form">${html.html()}</form>`,
|
|
show: true,
|
|
onEscape: true,
|
|
buttons: {
|
|
close: {
|
|
label: '[[global:close]]',
|
|
className: 'btn-link',
|
|
callback: function () {
|
|
done(false);
|
|
},
|
|
},
|
|
submit: {
|
|
label: '[[modules:bootbox.confirm]]',
|
|
callback: function () {
|
|
done(modal.find('[name="reason"]').val());
|
|
},
|
|
},
|
|
},
|
|
});
|
|
|
|
modal.on('hidden.bs.modal', () => {
|
|
done(false);
|
|
});
|
|
modal.find('[data-key]').on('click', function () {
|
|
const reason = reasons.find(r => String(r.key) === $(this).attr('data-key'));
|
|
if (reason && reason.body) {
|
|
modal.find('[name="reason"]').val(translator.unescape(reason.body));
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
async function doAction(action, id, message = '') {
|
|
const actionsMap = {
|
|
accept: () => api.post(`/posts/queue/${id}`, {}),
|
|
reject: () => api.del(`/posts/queue/${id}`, { message }),
|
|
notify: () => api.post(`/posts/queue/${id}/notify`, { message }),
|
|
};
|
|
if (actionsMap[action]) {
|
|
const result = actionsMap[action]();
|
|
return (result instanceof Promise ? result : Promise.resolve(result));
|
|
}
|
|
throw new Error(`Unknown action: ${action}`);
|
|
}
|
|
|
|
function handleBulkActions() {
|
|
$('[component="post-queue/bulk-actions"]').on('click', '[data-action]', async function () {
|
|
const bulkAction = $(this).attr('data-action');
|
|
let queueEls = $('.posts-list [data-id]');
|
|
if (bulkAction === 'accept-selected' || bulkAction === 'reject-selected') {
|
|
queueEls = queueEls.filter(
|
|
(i, el) => $(el).find('input[type="checkbox"]').is(':checked')
|
|
);
|
|
}
|
|
const ids = queueEls.map((i, el) => $(el).attr('data-id')).get();
|
|
const showConfirm = bulkAction === 'reject-all' || bulkAction === 'reject-selected';
|
|
const translationString = ajaxify.data.canAccept ?
|
|
`${bulkAction}-confirm` :
|
|
`${bulkAction.replace(/^reject/, 'remove')}-confirm`;
|
|
if (!ids.length || (showConfirm && !(await confirmReject(`[[post-queue:${translationString}, ${ids.length}]]`)))) {
|
|
return;
|
|
}
|
|
const action = bulkAction.split('-')[0];
|
|
const promises = ids.map(id => doAction(action, id));
|
|
|
|
Promise.allSettled(promises).then(function (results) {
|
|
const fulfilled = results.filter(res => res.status === 'fulfilled').length;
|
|
const errors = results.filter(res => res.status === 'rejected');
|
|
if (fulfilled) {
|
|
alerts.success(`[[post-queue:bulk-${action}-success, ${fulfilled}]]`);
|
|
ajaxify.refresh();
|
|
}
|
|
|
|
errors.forEach(res => alerts.error(res.reason));
|
|
});
|
|
});
|
|
}
|
|
|
|
return PostQueue;
|
|
});
|