Loading…
x x x
x
Only portrait mode is currently supported - please rotate your device.

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

HTML
<div class="sign-up-page">
  <div class="content-container" id="content-container1">
    <div class="content" id="main-banner-content">
       <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/PassportLogo_main.png" alt="">
      <p class="title">
        <span class="bold">Supporting Startups Where and When it Matters Most</span></br>
Sign up for a free account to explore how Passport can help accelerate your business.
      </p>
    </div>
     
    </div>

<div class="form-container" id="sign-up-form-container">
  <div class="header">
     <div class="heading">Sign Up</div>
    <div class="existing-account">
      Already have an account? <span><a href="https://passport.theonevalley.com/login.action?os_destination=/site/pass">Login here</a></span>
    </div>
  </div>

  
  <div class="form">
    <div class="input-label">Full Name </div>
	<div class="err-msg name-error"> </div>
    <input type="text" id="name" oninput="document.getElementsByClassName('name-error')[0].innerText = ''">
     <div class="input-label">Email </div>
		<div class="err-msg email-error"> </div>
    <input type="email" id="email" oninput="document.getElementsByClassName('email-error')[0].innerText = ''">
     <div class="input-label">Password </div>
	<div class="err-msg password-error"> </div>
    <input type="password" id="password" oninput="document.getElementsByClassName('password-error')[0].innerText = ''">
     <div class="input-label">Confirm Password</div>
    <input type="password" id="password-confirm" oninput="document.getElementsByClassName('password-error')[0].innerText = ''">
  </div>

     
        <div class="conditions ">
            <label class="checkbox ">
                <input id="checkbox" type="checkbox" name="privacy" value="privacy" class="" onchange="toggleSubmitBtn()">
                <p class="conditions-message ">By signing up, you agree to our
                    <a href="http://support.theonevalley.com/en/articles/2546657-privacy-policy" target="_blank" rel="noopener noreferrer" class="external-link " data-ext-link-init="true">privacy policy</a> and
                    <a href="http://support.theonevalley.com/legal-and-privacy/terms-and-conditions" target="_blank" rel="noopener noreferrer" class="external-link " data-ext-link-init="true">terms and conditions</a>
                </p>
            </label>
        </div>

  <div class="footer">
    <button id="signupButton" onclick="registerUser()"><i id="signup-spinner" class="fa fa-spinner fa-spin"></i>Sign Up</button>
  </div>
</div>
  
  <div class="content-container" id="content-container2">
    <div class="content">
<p class="title">Passport connects entrepreneurs and emerging startups to savings on business tools, resources, and a global network of mentors, investors, and founders.</p>
      <div class="resources-card">
        <div class="resources-card-left">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/Features+Icons/savings.jpg" alt="">
        </div>
        <div class="resources-card-right">
          <div class="resources-card-title">
            Savings
          </div>
          <div class="resources-card-description">
            Save money on tools and services to grow your business.
          </div>
		<div class="resources-card-sub-description">	
		Over $1 million+ in Perk discounts.
		</div>
        </div>

      </div>
      <div class="resources-card">
        <div class="resources-card-left">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/Features+Icons/mentors.jpg" alt="">
        </div>
        <div class="resources-card-right">
          <div class="resources-card-title">
            Mentors
          </div>
          <div class="resources-card-description">
            Don't go at it alone – Tangible insights are a Zoom call away.
          </div>
<div class="resources-card-sub-description">	
		Choose from over 175+ industry experts.
		</div>
        </div>

      </div>
      <div class="resources-card">
        <div class="resources-card-left">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/Features+Icons/resources.jpg" alt="">
        </div>
        <div class="resources-card-right">
          <div class="resources-card-title">
            Resources
          </div>
          <div class="resources-card-description make-bold">
            Latest resources across top categories at your fingertips.
          </div>
			<div class="resources-card-sub-description">	
		100+ vital resources, templates and videos.
		</div>
        </div>

      </div>
      <div class="resources-card">
        <div class="resources-card-left">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/Features+Icons/investors.jpg" alt="">
        </div>
        <div class="resources-card-right">
          <div class="resources-card-title">
            Investors
          </div>
          <div class="resources-card-description">
            Ready to raise funds? Connect with the right investors.
          </div>
<div class="resources-card-sub-description">	
		Over 450 VC's and investors to match with.
		</div>
        </div>

      </div>
      <div class="resources-card" style="margin: unset;">
        <div class="resources-card-left">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/Features+Icons/mentorscommunity.jpgpng" alt="">
        </div>
        <div class="resources-card-right">
          <div class="resources-card-title">
            Community
          </div>
          <div class="resources-card-description">
            Stay connected with webinars, pitch events, and the founder forum.
          </div>
<div class="resources-card-sub-description">	
		Connect with thousands of like-minded founders.
		</div>
        </div>

      </div>

      </div>
    </div>
    
  
  
  <div class="content-container" id="content-container3">
    <div class="title">Instant savings on hundreds of tools and services including: </div>
   <div id="perks-container">
		<div class="perkCards">
  <div class="card">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/perks/amazonwebservices.png" alt="AWS" style="width:100%" >          
        </div>

   <div class="card">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/perks/brex.jpg" alt="Brex" style="width:100%" >          
        </div>

     <div class="card">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/perks/freshworks.png" alt="Freshworks" style="width:100%" >          
        </div>

    <div class="card">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/perks/sendgrid.jpg" alt="Sendgrid" style="width:100%" >          
        </div>

     <div class="card">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/perks/stripe.png" alt="Stripe" style="width:100%" >          
        </div>

    <div class="card">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/perks/segment.png" alt="Segment" style="width:100%" >          
        </div>

    <div class="card">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/perks/airtable.png"  alt="Airtable" style="width:100%" >          
        </div>
<div class="card">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/perks/Zoom+-+Blue.jpg"  alt="Zoom" style="width:100%" >          
        </div>
<div class="card">
          <img src="https://gsvlabs-confluence-files.s3.us-west-2.amazonaws.com/images/Passport/sign-up-page/perks/aws.jpg" alt="AWS" style="width:100%" >          
        </div>

   <div class="card">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/perks/brex.jpg" alt="Brex" style="width:100%" >          
        </div>

     <div class="card">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/perks/freshworks.png" alt="Freshworks" style="width:100%" >          
        </div>

    <div class="card">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/perks/sendgrid.jpg" alt="Sendgrid" style="width:100%" >          
        </div>

     <div class="card">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/perks/stripe.png" alt="Stripe" style="width:100%" >          
        </div>

    <div class="card">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/perks/segment.png" alt="Segment" style="width:100%" >          
        </div>

    <div class="card">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/perks/airtable.png"  alt="Airtable" style="width:100%" >          
        </div>
<div class="card">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/perks/Zoom+-+Blue.jpg"  alt="Zoom" style="width:100%" >          
        </div>
</div>
        </div>
   </div>
  
 <div class="content-container" id="content-container4">
    <div class="content" >
      
      <p class="title">
     Don't go at it alone. Passport supports the innovators, visionaries and hustlers who put it all on the line to build the next game-changing company. Sign-up to explore Passport today.
      </p>
    </div>
    </div>


</div>




HTML
<script>
function toggleSubmitBtn(){
    let checkbox = document.getElementById('checkbox')   
<form style="display:none!important;" id="loginform" name="loginform" method="POST" action="/dologin.action" class="aui login-form-container fullSite">             if(checkbox.checked){
        document.getElementById('signupButton').removeAttribute('disabled')    
        document.getElementById('signupButton').style.cursor = 'pointer'
                         //document.getElementById('signupButton').style.backgroundColor = '#0698f0'
    }
    else{
        document.getElementById('signupButton').setAttribute('disabled',true)
        document.getElementById('signupButton').style.cursor = 'not-allowed'
        //document.getElementById('signupButton').style.backgroundColor = '#0698f0d'
    }
}
<input type="text" name="os_username" id="os_username" class="text fullSite" placeholder="Username" data-focus="0">
    <input type="password" name="os_password" id="os_password" class="password fullSite" placeholder="Password">
    <input id="loginButton" class="aui-button aui-style aui-button-primary fullSite" name="login" type="submit" value="Log in" resolved="">
    <input type="hidden" id="os_destination" name="os_destination" value="" class="fullSite">                                
</form>    


HTML
<script>
function toggleSubmitBtn(){
    let checkbox = document.getElementById('checkbox')   
     if(checkbox.checked){
        document.getElementById('signupButton').removeAttribute('disabled')    
        document.getElementById('signupButton').style.cursor = 'pointer'
        //document.getElementById('signupButton').style.backgroundColor = '#0698f0'
    }
    else{
        document.getElementById('signupButton').setAttribute('disabled',true)
        document.getElementById('signupButton').style.cursor = 'not-allowed'
        //document.getElementById('signupButton').style.backgroundColor = '#0698f0d'
    }
}

toggleSubmitBtn()
</script>

...

HTML
<script>
let nameError = document.getElementsByClassName('name-error')[0]
let emailError = document.getElementsByClassName('email-error')[0]
let passwordError = document.getElementsByClassName('password-error')[0]

function validateEmail(email) {
  const re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
  return re.test(email);
}

function registerUser(){
	// display loading indicator
	document.getElementById('signup-spinner').style.display = "inline-block"

	let validated = true;

	let name = document.querySelector("input#name").value
	let email = document.querySelector("input#email").value
	let password = document.querySelector("input#password").value
	let passwordConfirm = document.querySelector("input#password-confirm").value

	if(name === ""){
		validated = false;
		nameError.innerText = "You must provide a name!";
	}

	if(password === "" || passwordConfirm === ""){
		validated = false;
		passwordError.innerText = "You must provide a password!";
	}

	if(!validateEmail(email)){
		validated = false;
		emailError.innerText = "Please enter a valid email and try again!";
		
	}

	if(email === ""){
		validated = false;
		emailError.innerText = "You must provide an email!";
	}

	if(password !== passwordConfirm){
		validated = false;
		passwordError.innerText = "The entered passwords didn't match. Please try again!";	
	}
	
	if(validated){
jQuery.ajax({
  url: "/rest/scriptrunner/latest/custom/passportSignUp",
  headers: {
    'X-Atlassian-Token' : 'nocheck',
    'Content-type' : 'application/json'
  },
  type: "POST",
  dataType: 'text',
  data: JSON.stringify({
    "fullname":name,
    "email":email,
    "password" : password
  }),
  success: function(text){
	
   var encoded_os_password = encodeURIComponent(password);
   var encoded_os_username = encodeURIComponent(password);
   var encoded_os_username = encodeURIComponent(email)

	var url = window.location.href;
      analytics.track('signupButtonClicked', {
        url
(email)

	var url = window.location.href;
      analytics.track('signupButtonClicked', {
        url
      });  

	var destination = "/display/das?newuser=true"

	$("#os_username").val(email) // set to right email variable
	$("#os_password").val(password) // set to right pass variable 
	$("#os_destination").val(destination) // set to right destination variable
	$("#loginform").submit();  
       });
	

      //window.location.href = `/login.action?os_username=${encoded_os_username}&os_password=${encoded_os_password}&formname=loginform&login=Log%20In&os_destination=/display/das?newuser=true`;
  },
  error: function(err){
	// display loading indicator
	document.getElementById('signup-spinner').style.display = "none"

    let errorCode = JSON.parse(err.responseText).error
	console.log(errorCode)
	if (errorCode === -1){
		console.log('spit error message')
		emailError.innerText = "Email already exists. Please try signing in!";
		$( ".err-msg" ).effect( "bounce", {times:3 , distance: 5, direction: 'left'}, 100 )
	}
  }
});
	}else{
		document.getElementById('signup-spinner').style.display = "none"
		 $( ".err-msg" ).effect( "bounce", {times:3 , distance: 5, direction: 'left'}, 100 )
	}
	
}
</script>

...