mirror of
https://codeberg.org/forgejo/forgejo.git
synced 2024-12-21 07:59:03 +00:00
d32af84a10
Close #22847 This PR: * introduce Gitea's own `showElem` and related functions * remove jQuery show/hide * remove .hide class * remove inline style=display:none From now on: do not use: * "[hidden]" attribute: it's too weak, can not be applied to an element with "display: flex" * ".hidden" class: it has been polluted by Fomantic UI in many cases * inline style="display: none": it's difficult to tweak * jQuery's show/hide/toggle: it can not show/hide elements with "display: xxx !important" only use: * this ".gt-hidden" class * showElem/hideElem/toggleElem functions in "utils/dom.js" cc: @silverwind , this is the all-in-one PR
50 lines
1.5 KiB
JavaScript
50 lines
1.5 KiB
JavaScript
import $ from 'jquery';
|
|
import {hideElem, showElem} from '../utils/dom.js';
|
|
|
|
export function initUserAuthOauth2() {
|
|
const $oauth2LoginNav = $('#oauth2-login-navigator');
|
|
if ($oauth2LoginNav.length === 0) return;
|
|
|
|
$oauth2LoginNav.find('.oauth-login-image').click(() => {
|
|
const oauthLoader = $('#oauth2-login-loader');
|
|
const oauthNav = $('#oauth2-login-navigator');
|
|
|
|
hideElem(oauthNav);
|
|
oauthLoader.removeClass('disabled');
|
|
|
|
setTimeout(() => {
|
|
// recover previous content to let user try again
|
|
// usually redirection will be performed before this action
|
|
oauthLoader.addClass('disabled');
|
|
showElem(oauthNav);
|
|
}, 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');
|
|
});
|
|
}
|