As per https://github.com/go-gitea/gitea/pull/30115#discussion_r1626060164, prefer `querySelector` by enabling [`unicorn/prefer-query-selector`](https://github.com/sindresorhus/eslint-plugin-unicorn/blob/main/docs/rules/prefer-query-selector.md) and autofixing all except 10 issues. According to [this](https://old.reddit.com/r/learnjavascript/comments/i0f5o8/performance_of_getelementbyid_vs_queryselector/), querySelector may be faster as well, so it's a win-win. --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com> Co-authored-by: Giteabot <teabot@gitea.io>
		
			
				
	
	
		
			23 lines
		
	
	
		
			739 B
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			23 lines
		
	
	
		
			739 B
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| import {checkAppUrl} from './common-global.js';
 | |
| 
 | |
| export function initUserAuthOauth2() {
 | |
|   const outer = document.querySelector('#oauth2-login-navigator');
 | |
|   if (!outer) return;
 | |
|   const inner = document.querySelector('#oauth2-login-navigator-inner');
 | |
| 
 | |
|   checkAppUrl();
 | |
| 
 | |
|   for (const link of outer.querySelectorAll('.oauth-login-link')) {
 | |
|     link.addEventListener('click', () => {
 | |
|       inner.classList.add('tw-invisible');
 | |
|       outer.classList.add('is-loading');
 | |
|       setTimeout(() => {
 | |
|         // recover previous content to let user try again
 | |
|         // usually redirection will be performed before this action
 | |
|         outer.classList.remove('is-loading');
 | |
|         inner.classList.remove('tw-invisible');
 | |
|       }, 5000);
 | |
|     });
 | |
|   }
 | |
| }
 |