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

fix: #10256, allow quote tooltip on mobile

Browse Source
This commit is contained in:
Barış Soner Uşaklı
2022-02-07 15:59:19 -05:00
parent 08f2a05053
commit fb3f4f9a13
1 changed files with 47 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -466,67 +466,67 @@ define('forum/topic/postTools', [
warning.modal();
}
const selectionChangeFn = utils.debounce(selectionChange, 100);
function handleSelectionTooltip() {
hooks.onPage('action:posts.loaded', delayedTooltip);
$(document).off('mouseup', delayedTooltip).on('mouseup', delayedTooltip);
$(document).off('selectionchange', selectionChange).on('selectionchange', selectionChange);
$(document).off('selectionchange', selectionChangeFn).on('selectionchange', selectionChangeFn);
}
let selectionEmpty = true;
function selectionChange() {
selectionEmpty = window.getSelection().toString() === '';
const selectionEmpty = window.getSelection().toString() === '';
if (selectionEmpty) {
$('[component="selection/tooltip"]').addClass('hidden');
} else {
delayedTooltip();
}
}
function delayedTooltip() {
setTimeout(async function () {
let selectionTooltip = $('[component="selection/tooltip"]');
selectionTooltip.addClass('hidden');
if (selectionTooltip.attr('data-ajaxify') === '1') {
selectionTooltip.remove();
async function delayedTooltip() {
let selectionTooltip = $('[component="selection/tooltip"]');
selectionTooltip.addClass('hidden');
if (selectionTooltip.attr('data-ajaxify') === '1') {
selectionTooltip.remove();
return;
}
const selection = window.getSelection();
if (selection.focusNode && selection.type === 'Range' && ajaxify.data.template.topic) {
const focusNode = $(selection.focusNode);
const anchorNode = $(selection.anchorNode);
const firstPid = anchorNode.parents('[data-pid]').attr('data-pid');
const lastPid = focusNode.parents('[data-pid]').attr('data-pid');
if (firstPid !== lastPid || !focusNode.parents('[component="post/content"]').length || !anchorNode.parents('[component="post/content"]').length) {
return;
}
const selection = window.getSelection();
if (selection.focusNode && selection.type === 'Range' && ajaxify.data.template.topic && !selectionEmpty) {
const focusNode = $(selection.focusNode);
const anchorNode = $(selection.anchorNode);
const firstPid = anchorNode.parents('[data-pid]').attr('data-pid');
const lastPid = focusNode.parents('[data-pid]').attr('data-pid');
if (firstPid !== lastPid || !focusNode.parents('[component="post/content"]').length || !anchorNode.parents('[component="post/content"]').length) {
return;
}
const postEl = focusNode.parents('[data-pid]');
const selectionRange = selection.getRangeAt(0);
if (!postEl.length || selectionRange.collapsed) {
return;
}
const rects = selectionRange.getClientRects();
const lastRect = rects[rects.length - 1];
if (!selectionTooltip.length) {
selectionTooltip = await app.parseAndTranslate('partials/topic/selection-tooltip', ajaxify.data);
selectionTooltip.addClass('hidden').appendTo('body');
}
selectionTooltip.off('click').on('click', '[component="selection/tooltip/quote"]', function () {
selectionTooltip.addClass('hidden');
onQuoteClicked(postEl.find('[component="post/quote"]'), ajaxify.data.tid);
});
selectionTooltip.removeClass('hidden');
$(window).one('action:ajaxify.start', function () {
selectionTooltip.attr('data-ajaxify', 1).addClass('hidden');
$(document).off('selectionchange', selectionChange);
});
const tooltipWidth = selectionTooltip.outerWidth(true);
selectionTooltip.css({
top: lastRect.bottom + $(window).scrollTop(),
left: tooltipWidth > lastRect.width ? lastRect.left : lastRect.left + lastRect.width - tooltipWidth,
});
const postEl = focusNode.parents('[data-pid]');
const selectionRange = selection.getRangeAt(0);
if (!postEl.length || selectionRange.collapsed) {
return;
}
}, 0);
const rects = selectionRange.getClientRects();
const lastRect = rects[rects.length - 1];
if (!selectionTooltip.length) {
selectionTooltip = await app.parseAndTranslate('partials/topic/selection-tooltip', ajaxify.data);
selectionTooltip.addClass('hidden').appendTo('body');
}
selectionTooltip.off('click').on('click', '[component="selection/tooltip/quote"]', function () {
selectionTooltip.addClass('hidden');
onQuoteClicked(postEl.find('[component="post/quote"]'), ajaxify.data.tid);
});
selectionTooltip.removeClass('hidden');
$(window).one('action:ajaxify.start', function () {
selectionTooltip.attr('data-ajaxify', 1).addClass('hidden');
$(document).off('selectionchange', selectionChangeFn);
});
const tooltipWidth = selectionTooltip.outerWidth(true);
selectionTooltip.css({
top: lastRect.bottom + $(window).scrollTop(),
left: tooltipWidth > lastRect.width ? lastRect.left : lastRect.left + lastRect.width - tooltipWidth,
});
}
}
return PostTools;