8d5fbeb7a2
Follow: * #23574 * Remove all ".tooltip[data-content=...]" Major changes: * Remove "tooltip" class, use "[data-tooltip-content=...]" instead of ".tooltip[data-content=...]" * Remove legacy `data-position`, it's dead code since last Fomantic Tooltip -> Tippy Tooltip refactoring * Rename reaction attribute from `data-content` to `data-reaction-content` * Add comments for some `data-content`: `{{/* used by the form */}}` * Remove empty "ui" class * Use "text color" for SVG icons (a few)
54 lines
1.7 KiB
JavaScript
54 lines
1.7 KiB
JavaScript
import $ from 'jquery';
|
|
import {createTippy} from '../../modules/tippy.js';
|
|
|
|
const {csrfToken} = window.config;
|
|
|
|
export function initCompReactionSelector(parent) {
|
|
let selector = 'a.label';
|
|
if (!parent) {
|
|
parent = $(document);
|
|
selector = `.reactions ${selector}`;
|
|
}
|
|
|
|
for (const el of parent[0].querySelectorAll(selector)) {
|
|
createTippy(el, {placement: 'bottom-start', content: el.getAttribute('data-title')});
|
|
}
|
|
|
|
parent.find(`.select-reaction > .menu > .item, ${selector}`).on('click', function (e) {
|
|
e.preventDefault();
|
|
|
|
if ($(this).hasClass('disabled')) return;
|
|
|
|
const actionURL = $(this).hasClass('item') ? $(this).closest('.select-reaction').data('action-url') : $(this).data('action-url');
|
|
const url = `${actionURL}/${$(this).hasClass('primary') ? 'unreact' : 'react'}`;
|
|
$.ajax({
|
|
type: 'POST',
|
|
url,
|
|
data: {
|
|
_csrf: csrfToken,
|
|
content: $(this).attr('data-reaction-content'),
|
|
}
|
|
}).done((resp) => {
|
|
if (resp && (resp.html || resp.empty)) {
|
|
const content = $(this).closest('.content');
|
|
let react = content.find('.segment.reactions');
|
|
if ((!resp.empty || resp.html === '') && react.length > 0) {
|
|
react.remove();
|
|
}
|
|
if (!resp.empty) {
|
|
react = $('<div class="ui attached segment reactions"></div>');
|
|
const attachments = content.find('.segment.bottom:first');
|
|
if (attachments.length > 0) {
|
|
react.insertBefore(attachments);
|
|
} else {
|
|
react.appendTo(content);
|
|
}
|
|
react.html(resp.html);
|
|
react.find('.dropdown').dropdown();
|
|
initCompReactionSelector(react);
|
|
}
|
|
}
|
|
});
|
|
});
|
|
}
|