ae8e8f055e
WIP because: - [x] Some calls set a `content-type` but send no body, can likely remove the header - [x] Need to check whether `charset=utf-8` has any significance on the webauthn calls, I assume not as it is the default for json content. - [x] Maybe `no-restricted-globals` is better for eslint, but will require a lot of duplication in the yaml or moving eslint config to a `.js` extension. - [x] Maybe export `request` as `fetch`, shadowing the global.
39 lines
1.4 KiB
JavaScript
39 lines
1.4 KiB
JavaScript
import $ from 'jquery';
|
|
import {POST} from '../../modules/fetch.js';
|
|
|
|
export function initCompReactionSelector($parent) {
|
|
$parent.find(`.select-reaction .item.reaction, .comment-reaction-button`).on('click', async function (e) {
|
|
e.preventDefault();
|
|
|
|
if ($(this).hasClass('disabled')) return;
|
|
|
|
const actionUrl = $(this).closest('[data-action-url]').attr('data-action-url');
|
|
const reactionContent = $(this).attr('data-reaction-content');
|
|
const hasReacted = $(this).closest('.ui.segment.reactions').find(`a[data-reaction-content="${reactionContent}"]`).attr('data-has-reacted') === 'true';
|
|
|
|
const res = await POST(`${actionUrl}/${hasReacted ? 'unreact' : 'react'}`, {
|
|
data: new URLSearchParams({content: reactionContent}),
|
|
});
|
|
|
|
const data = await res.json();
|
|
if (data && (data.html || data.empty)) {
|
|
const content = $(this).closest('.content');
|
|
let react = content.find('.segment.reactions');
|
|
if ((!data.empty || data.html === '') && react.length > 0) {
|
|
react.remove();
|
|
}
|
|
if (!data.empty) {
|
|
const attachments = content.find('.segment.bottom:first');
|
|
react = $(data.html);
|
|
if (attachments.length > 0) {
|
|
react.insertBefore(attachments);
|
|
} else {
|
|
react.appendTo(content);
|
|
}
|
|
react.find('.dropdown').dropdown();
|
|
initCompReactionSelector(react);
|
|
}
|
|
}
|
|
});
|
|
}
|