From 76f056dcf16a14a55a14effbd99224abca39426c Mon Sep 17 00:00:00 2001 From: Sachin Maheshwari Date: Tue, 28 Sep 2021 14:21:31 +0530 Subject: [PATCH 1/3] UX changes --- web-assets/auth0/dev-tenant/UX.js | 12 +++++++++ .../auth0/dev-tenant/universal-login.html | 27 +++++++++++++++---- web-assets/static-pages/signup.html | 9 +++---- 3 files changed, 38 insertions(+), 10 deletions(-) create mode 100644 web-assets/auth0/dev-tenant/UX.js diff --git a/web-assets/auth0/dev-tenant/UX.js b/web-assets/auth0/dev-tenant/UX.js new file mode 100644 index 0000000..b7ccc92 --- /dev/null +++ b/web-assets/auth0/dev-tenant/UX.js @@ -0,0 +1,12 @@ +try { + const firstNameDiv = + document.getElementById("1-firstName").parentNode.parentNode; + const lastNameDiv = + document.getElementById("1-lastName").parentNode.parentNode; + const emailDiv = document.getElementById("1-email").parentNode.parentNode; + emailDiv.parentNode.insertBefore(e_firstname, e_email); + emailDiv.parentNode.insertBefore(e_lastname, e_email); + +} catch (e) { + console.log("Error occured in re-ordering", e); +} diff --git a/web-assets/auth0/dev-tenant/universal-login.html b/web-assets/auth0/dev-tenant/universal-login.html index 10cf192..60f9dc5 100644 --- a/web-assets/auth0/dev-tenant/universal-login.html +++ b/web-assets/auth0/dev-tenant/universal-login.html @@ -110,7 +110,7 @@ title: 'Topcoder Login', emailInputPlaceholder: 'Email', passwordInputPlaceholder: 'Password', - signUpTerms: 'I agree to the Privacy Policy of Topcoder.
By clicking "Sign up", you agree to the Terms of Topcoder.', + signUpTerms: 'Yes, I understand and agree to the Privacy Policy and Terms of Topcoder.', signUpTitle: 'Join Topcoder', signUpLabel: 'Sign Up', signUpSubmitLabel: 'Sign Up', @@ -322,10 +322,27 @@ }); lock.on('signup ready', function () { - var mediaQuery = window.matchMedia('(min-width: 1156px)'); - updateSignUp(regSource); - mediaQuery.addListener(updateSignUp); - }); + var mediaQuery = window.matchMedia('(min-width: 1156px)'); + updateSignUp(regSource); + mediaQuery.addListener(updateSignUp); + try { + const firstNameDiv = + document.getElementById("1-firstName").parentNode.parentNode; + const lastNameDiv = + document.getElementById("1-lastName").parentNode.parentNode; + const emailDiv = document.getElementById("1-email").parentNode.parentNode; + emailDiv.parentNode.insertBefore(firstNameDiv, emailDiv); + emailDiv.parentNode.insertBefore(lastNameDiv, emailDiv); + try { + document.getElementsByName("password")[0].placeholder = "Create a Password"; + //document.getElementById("1-country").value = "Select your country (current location)"; + } catch (e) { + console.log("Error occured in changing placeholder text", e); + } + } catch (e) { + console.log("Error occured in form re-ordering", e); + } + }); lock.show(); diff --git a/web-assets/static-pages/signup.html b/web-assets/static-pages/signup.html index 02944bc..184cff8 100644 --- a/web-assets/static-pages/signup.html +++ b/web-assets/static-pages/signup.html @@ -63,7 +63,7 @@

- + />
- + @@ -110,9 +110,8 @@

From cfbd80d73f14f9fbbc463bbfd0b5aa72d5d9141b Mon Sep 17 00:00:00 2001 From: Sachin Maheshwari Date: Tue, 28 Sep 2021 14:28:03 +0530 Subject: [PATCH 2/3] adusting width according to place holder text --- web-assets/css/styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/web-assets/css/styles.css b/web-assets/css/styles.css index cfd1681..8dbf6d5 100644 --- a/web-assets/css/styles.css +++ b/web-assets/css/styles.css @@ -521,7 +521,7 @@ select::-ms-expand { font-family: Roboto; font-size: 14px; line-height: 22px; - width: 146px; + width: 250px; text-align: left; } From 53e806a1991f86575afa9c9852d9011ee723fc1a Mon Sep 17 00:00:00 2001 From: Sachin Maheshwari Date: Wed, 29 Sep 2021 17:19:45 +0530 Subject: [PATCH 3/3] changes for auth0 Prod --- web-assets/auth0/dev-tenant/UX.js | 12 ---- .../auth0/dev-tenant/universal-login.html | 72 +++++++++---------- .../auth0/prod-tenant/universal-login.html | 30 +++++--- 3 files changed, 56 insertions(+), 58 deletions(-) delete mode 100644 web-assets/auth0/dev-tenant/UX.js diff --git a/web-assets/auth0/dev-tenant/UX.js b/web-assets/auth0/dev-tenant/UX.js deleted file mode 100644 index b7ccc92..0000000 --- a/web-assets/auth0/dev-tenant/UX.js +++ /dev/null @@ -1,12 +0,0 @@ -try { - const firstNameDiv = - document.getElementById("1-firstName").parentNode.parentNode; - const lastNameDiv = - document.getElementById("1-lastName").parentNode.parentNode; - const emailDiv = document.getElementById("1-email").parentNode.parentNode; - emailDiv.parentNode.insertBefore(e_firstname, e_email); - emailDiv.parentNode.insertBefore(e_lastname, e_email); - -} catch (e) { - console.log("Error occured in re-ordering", e); -} diff --git a/web-assets/auth0/dev-tenant/universal-login.html b/web-assets/auth0/dev-tenant/universal-login.html index 60f9dc5..b05b627 100644 --- a/web-assets/auth0/dev-tenant/universal-login.html +++ b/web-assets/auth0/dev-tenant/universal-login.html @@ -5,7 +5,7 @@ Sign In with Topcoder - + @@ -64,7 +64,11 @@ + + - + \ No newline at end of file diff --git a/web-assets/auth0/prod-tenant/universal-login.html b/web-assets/auth0/prod-tenant/universal-login.html index 3c06779..cd12988 100644 --- a/web-assets/auth0/prod-tenant/universal-login.html +++ b/web-assets/auth0/prod-tenant/universal-login.html @@ -110,7 +110,7 @@ title: 'Topcoder Login', emailInputPlaceholder: 'Email', passwordInputPlaceholder: 'Password', - signUpTerms: 'I agree to the Privacy Policy of Topcoder.
By clicking "Sign up", you agree to the Terms of Topcoder.', + signUpTerms: 'Yes, I understand and agree to the Privacy Policy and Terms of Topcoder.', signUpTitle: 'Join Topcoder', signUpLabel: 'Sign Up', signUpSubmitLabel: 'Sign Up', @@ -118,7 +118,7 @@ loginLabel: 'Log In', loginSubmitLabel: 'Log In', loginWithLabel: '%s', - usernameInputPlaceholder: 'Username / Handle', + usernameInputPlaceholder: 'Create a Username / Handle', usernameOrEmailInputPlaceholder: 'Username / Handle', forgotPasswordAction: 'Forgot your password?' }; @@ -326,17 +326,10 @@ { type: "select", name: "country", - placeholder: "Choose your country", + placeholder: "Select your country (current location)", options: optionsObj, // The following properties are optional prefill: "us" - }, - { - name: 'how_did_hear', - placeholder: 'How did you hear about us?', - validator: function () { - return true; - } } ] } @@ -392,6 +385,23 @@ var mediaQuery = window.matchMedia('(min-width: 1156px)'); updateSignUp(regSource); mediaQuery.addListener(updateSignUp); + try { + const firstNameDiv = + document.getElementById("1-firstName").parentNode.parentNode; + const lastNameDiv = + document.getElementById("1-lastName").parentNode.parentNode; + const emailDiv = document.getElementById("1-email").parentNode.parentNode; + emailDiv.parentNode.insertBefore(firstNameDiv, emailDiv); + emailDiv.parentNode.insertBefore(lastNameDiv, emailDiv); + try { + document.getElementsByName("password")[0].placeholder = "Create a Password"; + //document.getElementById("1-country").value = "Select your country (current location)"; + } catch (e) { + console.log("Error occured in changing placeholder text", e); + } + } catch (e) { + console.log("Error occured in form re-ordering", e); + } }); lock.show();