Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2026-01-22 07:23:01 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: #11114, use event delegation

Browse Source 
check attribute instead of content of dropdown for load status, so themes can use placeholders
This commit is contained in:
Barış Soner Uşaklı
2022-12-24 21:56:15 -05:00
parent dd3e2c0d96
commit bb69f304c2
1 changed files with 19 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
public/src/client/topic/postTools.js
View File

@@ -35,37 +35,32 @@ define('forum/topic/postTools', [
if (!container) {
return;
}
$('[component="topic"]').on('show.bs.dropdown', '.moderator-tools', function () {
const $this = $(this);
const dropdownMenu = $this.find('.dropdown-menu');
if (dropdownMenu.attr('data-loaded')) {
return;
}
const postEl = $this.parents('[data-pid]');
const pid = postEl.attr('data-pid');
const index = parseInt(postEl.attr('data-index'), 10);
container.querySelectorAll('.moderator-tools').forEach((toolsEl) => {
toolsEl.addEventListener('show.bs.dropdown', (e) => {
const dropdownMenu = e.target.nextElementSibling;
if (!dropdownMenu) {
return;
socket.emit('posts.loadPostTools', { pid: pid, cid: ajaxify.data.cid }, async (err, data) => {
if (err) {
return alerts.error(err);
}
data.posts.display_move_tools = data.posts.display_move_tools && index !== 0;
const postEl = e.target.closest('[data-pid]');
const pid = postEl.getAttribute('data-pid');
const index = parseInt(postEl.getAttribute('data-index'), 10);
const html = await app.parseAndTranslate('partials/topic/post-menu-list', data);
const clipboard = require('clipboard');
socket.emit('posts.loadPostTools', { pid: pid, cid: ajaxify.data.cid }, async (err, data) => {
if (err) {
return alerts.error(err);
}
data.posts.display_move_tools = data.posts.display_move_tools && index !== 0;
dropdownMenu.attr('data-loaded', 'true').html(html);
const html = await app.parseAndTranslate('partials/topic/post-menu-list', data);
const clipboard = require('clipboard');
new clipboard('[data-clipboard-text]');
$(dropdownMenu).html(html);
new clipboard('[data-clipboard-text]');
hooks.fire('action:post.tools.load', {
element: $(dropdownMenu),
});
hooks.fire('action:post.tools.load', {
element: dropdownMenu,
});
}, {
once: true,
});
});
}