mirror of
https://github.com/go-gitea/gitea
synced 2024-09-12 14:56:05 +00:00
- Slightly decrease size of reaction buttons - Remove tooltip inside menu, it's obvious by the picture alone - Fix top menu triangle - Use `display: grid` to align icons in menu - Use regular tooltip for reaction users - Fix bug that deleted the reaction bar on clicking already reacted reaction in dropdown <img width="490" alt="Screenshot 2023-05-17 at 00 03 42" src="https://github.com/go-gitea/gitea/assets/115237/61588b37-facb-4829-b75b-e1cb5dda8ca4"> <img width="67" alt="Screenshot 2023-05-17 at 00 11 14" src="https://github.com/go-gitea/gitea/assets/115237/29605589-3b5f-40c6-8ad4-09923094bb8e"> <img width="211" alt="Screenshot 2023-05-17 at 00 29 30" src="https://github.com/go-gitea/gitea/assets/115237/7d2725da-6a3d-4e42-a351-53647f79f762"> <img width="210" alt="Screenshot 2023-05-17 at 00 29 54" src="https://github.com/go-gitea/gitea/assets/115237/b50f8364-033c-4445-ba25-61a814bb2d92"> <img width="892" alt="Screenshot 2023-05-17 at 00 12 20" src="https://github.com/go-gitea/gitea/assets/115237/30a46424-406a-46e5-b4de-47172eb8679d"> --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com> Co-authored-by: Giteabot <teabot@gitea.io>
47 lines
1.5 KiB
JavaScript
47 lines
1.5 KiB
JavaScript
import $ from 'jquery';
|
|
|
|
const {csrfToken} = window.config;
|
|
|
|
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 fetch(`${actionUrl}/${hasReacted ? 'unreact' : 'react'}`, {
|
|
method: 'POST',
|
|
headers: {
|
|
'content-type': 'application/x-www-form-urlencoded',
|
|
},
|
|
body: new URLSearchParams({
|
|
_csrf: csrfToken,
|
|
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);
|
|
}
|
|
}
|
|
});
|
|
}
|