Merge pull request #308 from appirio-tech/feature/connectv2_sso_login

Support for auto filling user info for SSO user

Author: vikasrohit

components/LoginScreen/index.jsx

@@ -102,6 +102,12 @@ class LoginScreen extends Component {
             />
             <a href={vm.forgotPasswordUrl} className="bottom-link">Forgot your password?</a>
             <button type="submit" className="tc-btn tc-btn-sm tc-btn-primary flex middle center" disabled={vm.loading || !this.state.canSubmit}>Log in</button>
+
+            { vm.ssoLoginUrl && (
+              <a className="sso-link" href={vm.ssoLoginUrl}>
+                <span>Single Sign On</span>
+              </a>)
+            }
           </Formsy.Form>
           <p className="copyright">© Topcoder 2018</p>
         </div>

components/LoginScreen/style.scss

@@ -40,6 +40,10 @@
       }
     }
 
+    .sso-link {
+      margin-top: 10px;
+    }
+
     .top-logo {
       z-index: 1;
       top: 20px;

components/RegistrationScreen/index.jsx

@@ -106,6 +106,9 @@ class RegistrationScreen extends Component {
 
   render() {
     const {vm} = this.props
+    let preFillName = vm.firstName ? vm.firstName : null
+    preFillName = vm.lastName ? `${preFillName} ${vm.lastName}` : preFillName
+    const preFillEmail = vm.email ? vm.email : null
     return (
       <div className="RegistrationScreen flex column middle center">
         <div className="container flex column middle center">
@@ -121,12 +124,15 @@ class RegistrationScreen extends Component {
               validationError="Please enter name"
               required
               showCheckMark
+              value={preFillName}
             />
             <TextInput
               wrapperClass={'input-container'}
               label="Business email"
               type="email"
               name="email"
+              value={preFillEmail}
+              disabled={!!preFillEmail}
               validations="isEmail"
               validationError="Invalid business email"
               required
@@ -196,7 +202,7 @@ class RegistrationScreen extends Component {
               validator={vm.usernameIsFree}
               showCheckMark
             />
-            <PasswordInput
+            { !vm.ssoUser && <PasswordInput
               wrapperClass={'input-container'}
               label="Create a password (8–64 characters, A–Z, 0–9, . _ - ! ? allowed)"
               name="password"
@@ -215,6 +221,7 @@ class RegistrationScreen extends Component {
               required
               showCheckMark
             />
+            }
             <Checkbox
               wrapperClass={'input-container'}
               label="I agree to receive other communications from Topcoder."