2024-07-07 09:32:30 -06:00
|
|
|
import {checkAppUrl} from './common-page.ts';
|
2022-01-28 14:00:11 -07:00
|
|
|
|
2021-10-16 11:28:04 -06:00
|
|
|
export function initUserAuthOauth2() {
|
2024-06-10 14:49:33 -06:00
|
|
|
const outer = document.querySelector('#oauth2-login-navigator');
|
2023-05-18 05:50:11 -06:00
|
|
|
if (!outer) return;
|
2024-06-10 14:49:33 -06:00
|
|
|
const inner = document.querySelector('#oauth2-login-navigator-inner');
|
2023-05-18 05:50:11 -06:00
|
|
|
|
2023-07-18 16:14:30 -06:00
|
|
|
checkAppUrl();
|
|
|
|
|
2023-05-18 05:50:11 -06:00
|
|
|
for (const link of outer.querySelectorAll('.oauth-login-link')) {
|
|
|
|
link.addEventListener('click', () => {
|
2024-03-04 22:29:32 -07:00
|
|
|
inner.classList.add('tw-invisible');
|
2023-05-18 05:50:11 -06:00
|
|
|
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');
|
2024-03-04 22:29:32 -07:00
|
|
|
inner.classList.remove('tw-invisible');
|
2023-05-18 05:50:11 -06:00
|
|
|
}, 5000);
|
|
|
|
});
|
|
|
|
}
|
2021-10-16 11:28:04 -06:00
|
|
|
}
|