mirror of
https://codeberg.org/forgejo/forgejo.git
synced 2024-12-04 10:30:19 -05:00
1e1e8b5d43
Fix regression from https://github.com/go-gitea/gitea/pull/24740 where the loading state was not showing because the `oauth-login-image` class was removed. Replaced the Fomantic loader with a pure CSS loader and cleaned up the HTML. Diff: https://github.com/go-gitea/gitea/pull/24788/files?diff=unified&w=1 ![](https://github.com/go-gitea/gitea/assets/115237/b5b4137f-9821-464b-9777-858fe85d9e03) Co-authored-by: Giteabot <teabot@gitea.io>
47 lines
1.6 KiB
JavaScript
47 lines
1.6 KiB
JavaScript
import $ from 'jquery';
|
|
|
|
export function initUserAuthOauth2() {
|
|
const outer = document.getElementById('oauth2-login-navigator');
|
|
if (!outer) return;
|
|
const inner = document.getElementById('oauth2-login-navigator-inner');
|
|
|
|
for (const link of outer.querySelectorAll('.oauth-login-link')) {
|
|
link.addEventListener('click', () => {
|
|
inner.classList.add('gt-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('gt-invisible');
|
|
}, 5000);
|
|
});
|
|
}
|
|
}
|
|
|
|
export function initUserAuthLinkAccountView() {
|
|
const $lnkUserPage = $('.page-content.user.link-account');
|
|
if ($lnkUserPage.length === 0) {
|
|
return false;
|
|
}
|
|
|
|
const $signinTab = $lnkUserPage.find('.item[data-tab="auth-link-signin-tab"]');
|
|
const $signUpTab = $lnkUserPage.find('.item[data-tab="auth-link-signup-tab"]');
|
|
const $signInView = $lnkUserPage.find('.tab[data-tab="auth-link-signin-tab"]');
|
|
const $signUpView = $lnkUserPage.find('.tab[data-tab="auth-link-signup-tab"]');
|
|
|
|
$signUpTab.on('click', () => {
|
|
$signinTab.removeClass('active');
|
|
$signInView.removeClass('active');
|
|
$signUpTab.addClass('active');
|
|
$signUpView.addClass('active');
|
|
return false;
|
|
});
|
|
|
|
$signinTab.on('click', () => {
|
|
$signUpTab.removeClass('active');
|
|
$signUpView.removeClass('active');
|
|
$signinTab.addClass('active');
|
|
$signInView.addClass('active');
|
|
});
|
|
}
|