mirror of
				https://codeberg.org/forgejo/forgejo.git
				synced 2025-10-31 14:31:02 +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.
		
			
				
	
	
		
			38 lines
		
	
	
	
		
			1.4 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			38 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);
 | |
|       }
 | |
|     }
 | |
|   });
 | |
| }
 |