client-ui
Version:
Testing implementation of nodeJs Backend, angular frontend, and hopefully in a way that this can be deployed to s3/cloudfront
86 lines • 4.96 kB
HTML
<div class="text-center" ng-init="_ctrl = teamMemberReferController;">
<h2>Team Member Referral*</h2>
<div class="panel referral-panel">
<h4 class="white-text">Refer You Friends and Family</h4>
<div class="row">
<div class="col-xs-12">
<div class="text-left col-sm-10 col-sm-offset-1">
<div class="col-xs-12 box-panel">
<h4>What's your work email?</h4>
<h6>
We'll use this to create your unique referral link, so you can start raking up the dough.
</h6>
<br>
<h6>Enter your Work Email Here:</h6>
<div class="row">
<form name="_ctrl.TMReferForm"
role="form"
xt-form
novalidate
ng-submit="_ctrl.formSubmit()" >
<div class="col-md-8 form-group"
ng-class="{'has-error': _ctrl.email.$invalid}">
<input type="email"
ng-model="_ctrl.email"
class="form-control"
id="email"
name="email"
placeholder="Email Address"
ng-pattern="/^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]{2,}$/"
required
xt-validation-tooltip
msg-required="Email address is required">
</div>
<div class="col-md-4 form-group">
<button class="btn btn-primary btn-block"
type="submit"
ladda="_ctrl.working"
ng-disabled="_ctrl.TMReferForm.$invalid"
ng-click="_ctrl.generateLink()">GENERATE LINK
<span>
<i class="fa fa-rocket"></i>
</span>
</button>
</div>
</form>
</div>
<h6>Here's Your Referral Link: (Copy and Share wherever you'd like!)</h6>
<div class="row">
<div class="col-md-12 form-group">
<input type="text"
class="form-control"
ng-model="_ctrl.referralLink"
ng-disabled="!_ctrl.referralLink">
</div>
<!-- TEMPORARY Commented out -->
<!-- <div class="col-md-3 form-group">
<button class="btn btn-primary" style="width:100%;">COPY LINK</button>
</div> -->
</div>
<!-- <div class="text-center">
<h5 style="font-family: 'Myriad-Pro', Arial, sans-serif;">SHARE VIA</h5>
<div class="col-sm-4">
<div style="background-color: #3b5998;">
<a href="https://www.facebook.com/" target="_blank" style="color: white !important;"><i class="fa fa-facebook"> share</i></a>
</div>
</div>
<div class="col-sm-4">
<div style="background-color: #55acee;">
<a href="https://twitter.com/" target="_blank" style="color: white !important;"><i class="fa fa-twitter"> share</i></a>
</div>
</div>
<div class="col-sm-4">
<div style="background-color: rgb(0,0,0);">
<a href="mailto:" target="_blank" style="color: white !important;"><i class="fa fa-envelope"> email</i></a>
</div>
</div>
</div> -->
</div>
</div>
</div>
</div>
</div>
<div class="disclamer">
<p>*This referral offer is for team members of the Quicken Loans family of companies only.</p>
</div>
</div>