mirror of
				https://github.com/go-gitea/gitea.git
				synced 2025-10-31 10:56:10 +01:00 
			
		
		
		
	Convert frontend code to typescript (#31559)
None of the frontend js/ts files was touched besides these two commands
(edit: no longer true, I touched one file in
61105d0618
because of a deprecation that was not showing before the rename).
`tsc` currently reports 778 errors, so I have disabled it in CI as
planned.
Everything appears to work fine.
			
			
This commit is contained in:
		
							
								
								
									
										28
									
								
								web_src/js/modules/fomantic/modal.ts
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										28
									
								
								web_src/js/modules/fomantic/modal.ts
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,28 @@ | ||||
| import $ from 'jquery'; | ||||
|  | ||||
| const fomanticModalFn = $.fn.modal; | ||||
|  | ||||
| // use our own `$.fn.modal` to patch Fomantic's modal module | ||||
| export function initAriaModalPatch() { | ||||
|   if ($.fn.modal === ariaModalFn) throw new Error('initAriaModalPatch could only be called once'); | ||||
|   $.fn.modal = ariaModalFn; | ||||
|   ariaModalFn.settings = fomanticModalFn.settings; | ||||
| } | ||||
|  | ||||
| // the patched `$.fn.modal` modal function | ||||
| // * it does the one-time attaching on the first call | ||||
| function ariaModalFn(...args) { | ||||
|   const ret = fomanticModalFn.apply(this, args); | ||||
|   if (args[0] === 'show' || args[0]?.autoShow) { | ||||
|     for (const el of this) { | ||||
|       // If there is a form in the modal, there might be a "cancel" button before "ok" button (all buttons are "type=submit" by default). | ||||
|       // In such case, the "Enter" key will trigger the "cancel" button instead of "ok" button, then the dialog will be closed. | ||||
|       // It breaks the user experience - the "Enter" key should confirm the dialog and submit the form. | ||||
|       // So, all "cancel" buttons without "[type]" must be marked as "type=button". | ||||
|       for (const button of el.querySelectorAll('form button.cancel:not([type])')) { | ||||
|         button.setAttribute('type', 'button'); | ||||
|       } | ||||
|     } | ||||
|   } | ||||
|   return ret; | ||||
| } | ||||
		Reference in New Issue
	
	Block a user