Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2025-12-20 07:20:27 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix tooltip flicker

Browse Source
This commit is contained in:
Barış Soner Uşaklı
2023-01-18 22:55:29 -05:00
parent 68f66223e7
commit 6d6c5fb1f8
1 changed files with 25 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
public/src/client/topic/votes.js
View File

@@ -5,51 +5,56 @@ define('forum/topic/votes', [
'components', 'translator', 'api', 'hooks', 'bootbox', 'alerts', 'bootstrap', 'components', 'translator', 'api', 'hooks', 'bootbox', 'alerts', 'bootstrap',
], function (components, translator, api, hooks, bootbox, alerts, bootstrap) { ], function (components, translator, api, hooks, bootbox, alerts, bootstrap) {
const Votes = {}; const Votes = {};
let _showTooltip = {};
Votes.addVoteHandler = function () { Votes.addVoteHandler = function () {
_showTooltip = {};
components.get('topic').on('mouseenter', '[data-pid] [component="post/vote-count"]', loadDataAndCreateTooltip); components.get('topic').on('mouseenter', '[data-pid] [component="post/vote-count"]', loadDataAndCreateTooltip);
components.get('topic').on('mouseleave', '[data-pid] [component="post/vote-count"]', destroyTooltip);
}; };
function loadDataAndCreateTooltip(e) { function destroyTooltip() {
e.stopPropagation(); const $this = $(this);
const pid = $this.parents('[data-pid]').attr('data-pid');
const tooltip = bootstrap.Tooltip.getInstance(this);
if (tooltip) {
tooltip.dispose();
$this.attr('title', '');
}
_showTooltip[pid] = false;
}
function loadDataAndCreateTooltip() {
const $this = $(this); const $this = $(this);
const el = $this.parent(); const el = $this.parent();
el.find('.tooltip').css('display', 'none');
const pid = el.parents('[data-pid]').attr('data-pid'); const pid = el.parents('[data-pid]').attr('data-pid');
_showTooltip[pid] = true;
const tooltip = bootstrap.Tooltip.getInstance(this);
if (tooltip) {
tooltip.dispose();
$this.attr('title', '');
}
socket.emit('posts.getUpvoters', [pid], function (err, data) { socket.emit('posts.getUpvoters', [pid], function (err, data) {
if (err) { if (err) {
return alerts.error(err); return alerts.error(err);
} }
if (_showTooltip[pid] && data.length) {
if (data.length) {
createTooltip($this, data[0]); createTooltip($this, data[0]);
} }
}); });
return false;
} }
function createTooltip(el, data) { function createTooltip(el, data) {
const tooltip = bootstrap.Tooltip.getInstance(el);
function doCreateTooltip(title) { function doCreateTooltip(title) {
if (tooltip) { el.attr('title', title);
tooltip.setContent({ '.tooltip-inner': title }); (new bootstrap.Tooltip(el, {
} else { container: '#content',
el.attr('title', title); })).show();
(new bootstrap.Tooltip(el, {
container: '#content',
})).show();
}
el.parent().find('.tooltip').css('display', '');
} }
let usernames = data.usernames let usernames = data.usernames
.filter(name => name !== '[[global:former_user]]'); .filter(name => name !== '[[global:former_user]]');
if (!usernames.length) { if (!usernames.length) {
if (tooltip) {
tooltip.dispose();
}
el.attr('title', '');
return; return;
} }
if (usernames.length + data.otherCount > 6) { if (usernames.length + data.otherCount > 6) {