1 files changed, 46 insertions, 0 deletions
diff --git a/web_src/js/features/user-auth.js b/web_src/js/features/user-auth.js
new file mode 100644
index 0000000000..bc294803bf
--- /dev/null
+++ b/web_src/js/features/user-auth.js
@@ -0,0 +1,46 @@
+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');
+
+    oauthNav.hide();
+    oauthLoader.removeClass('disabled');
+
+    setTimeout(() => {
+      // recover previous content to let user try again
+      // usually redirection will be performed before this action
+      oauthLoader.addClass('disabled');
+      oauthNav.show();
+    }, 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');
+  });
+}