mirror of
				https://github.com/go-gitea/gitea.git
				synced 2025-11-04 01:34:27 +00:00 
			
		
		
		
	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);
 | 
						|
      }
 | 
						|
    }
 | 
						|
  });
 | 
						|
}
 |