Skip to content

Instantly share code, notes, and snippets.

@sax1johno

sax1johno/application.jade

Created December 7, 2015 21:31
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sax1johno/7ad78046fa8d798908a5 to your computer and use it in GitHub Desktop.
Save sax1johno/7ad78046fa8d798908a5 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
application.jade
.applyPage.row(ng-controller="applyController as apply")
.col-lg-offset-1.col-lg-10.animated.fadeInDown(ng-show="apply.applied")
.row.text-center
h1 Thanks for applying!
p Your application is being processed. You'll receive a response shortly from one of our program coordinators with more information.
// p You can check on the status of your application by logging into the applicant portal
// a(href="/login") here.
// p Your username is your email address and your password is the one sent to you in your email.
// p Can't find your password?  
// a(href="/forgotpassword") You can reset it here.
.col-lg-offset-1.col-lg-10.animated.fadeInDown(ng-hide="apply.applied")
// form.form-horizontal(role="form", action="/api/apply", method="post")
form.form-horizontal(role="form", ng-submit="apply.submit()")
.row.text-center
.col-xs-12
h1.font-bold Apply for Admission
p Welcome! You've taken the first step toward a new career as a coder.
p The next step is to fill out an application and see if our school is a good fit for you.
p
strong * denotes required field
// div(ng-show="apply.errors")
// p There were errors in your application. Please correct the fields below and try again.
.row
.col-sm-2
h2.font-bold Step 1: Personal Information
.col-sm-10
.ibox-content
.form-group(ng-class="{ 'has-error' : apply.errors.email }")
label.control-label(for="email") Email Address*
span(ng-show="apply.errors.email")
span   ← Email Address is a required field.
input.col-sm-6#firstName.form-control(ng-model='apply.application.email', type="email", placeholder="you@futurecompany.com", name="email", required)
.form-group(ng-class="{ 'has-error' : apply.errors.firstName }")
label.control-label(for="firstName") First Name*
span(ng-show="apply.errors.firstName")
span   ← First Name is a required field.
input.col-sm-6#firstName.form-control(ng-model='apply.application.firstName', type="text", placeholder="First Name", name="firstName", required)
.form-group(ng-class="{ 'has-error' : apply.errors.lastName }")
label.control-label(for="lastName") Last Name*
span(ng-show="apply.errors.lastName")
span   ← Last Name is a required field.
input.col-sm-6#lastName.form-control(ng-model='apply.application.lastName', type="text", placeholder="Last Name", name="lastName", required)
.form-group(ng-class="{ 'has-error' : apply.errors.phoneNumber }")
label.control-label(for="phoneNumber") Phone Number*
span(ng-show="apply.errors.phoneNumber")
span   ← Phone number is a required field.
input.col-sm-6#phoneNumber.form-control(ng-model='apply.application.phoneNumber', type="text", placeholder="Phone Number", name="phoneNumber", required)
.form-group(ng-class="{ 'has-error' : apply.errors.address }")
label.control-label(for="address") Address*
span(ng-show="apply.errors.address")
span   ← Address is a required field.
input.col-sm-6#address.form-control(ng-model='apply.application.address', type="text", placeholder="123 Main St", name="address", required)
.form-group(ng-class="{ 'has-error' : apply.errors.city }")
label.control-label(for="city") City*
span(ng-show="apply.errors.city")
span   ← City is a required field.
input.col-sm-6#city.form-control(ng-model='apply.application.city', type="text", placeholder="Riverside", name="city", required)
.form-group(ng-class="{ 'has-error' : apply.errors.state }")
label.col-sm-1.control-label(for="state") State*
span(ng-show="apply.errors.state")
span   ← State is a required field.
select.col-sm-5#state(ng-model='apply.application.state', name="state", required)
option Select A State
option(value="AL") Alabama
option(value="AK") Alaska
option(value="AZ") Arizona
option(value="AR") Arkansas
option(value="CA") California
option(value="CO") Colorado
option(value="CT") Connecticut
option(value="DE") Delaware
option(value="DC") District Of Columbia
option(value="FL") Florida
option(value="GA") Georgia
option(value="HI") Hawaii
option(value="ID") Idaho
option(value="IL") Illinois
option(value="IN") Indiana
option(value="IA") Iowa
option(value="KS") Kansas
option(value="KY") Kentucky
option(value="LA") Louisiana
option(value="ME") Maine
option(value="MD") Maryland
option(value="MA") Massachusetts
option(value="MI") Michigan
option(value="MN") Minnesota
option(value="MS") Mississippi
option(value="MO") Missouri
option(value="MT") Montana
option(value="NE") Nebraska
option(value="NV") Nevada
option(value="NH") New Hampshire
option(value="NJ") New Jersey
option(value="NM") New Mexico
option(value="NY") New York
option(value="NC") North Carolina
option(value="ND") North Dakota
option(value="OH") Ohio
option(value="OK") Oklahoma
option(value="OR") Oregon
option(value="PA") Pennsylvania
option(value="RI") Rhode Island
option(value="SC") South Carolina
option(value="SD") South Dakota
option(value="TN") Tennessee
option(value="TX") Texas
option(value="UT") Utah
option(value="VT") Vermont
option(value="VA") Virginia
option(value="WA") Washington
option(value="WV") West Virginia
option(value="WI") Wisconsin
option(value="WY") Wyoming
.form-group(ng-class="{ 'has-error' : apply.errors.zip }")
label.col-sm-1.control-label(for="zip") Zip*
input.col-sm-2#zip(ng-model='apply.application.zip', type="text", name="zip", required)
.form-group(ng-class="{ 'has-error' : apply.errors.educationLevel }")
label.col-sm-2.control-label(for="education") Education Level
select.col-sm-6#education(ng-model='apply.application.education', name="education", required)
option Select A Value
option(value="someHighSchool") Some High School
option(value="highschool") High School or GED
option(value="somecollege") Some College
option(value="collegegrade") College Grad (4-year)
option(value="somegradschool") Some Graduate School
option(value="graduatedegree") Graduate Degree (MS, MA, MBA, etc)
option(value="phd") Doctoral Degree (Ph.D., Ed.D, Etc)
br
.row
.col-sm-2
h2.font-bold Step 2: Survey Questions
p These questions will not weigh into the decisions process. Instead, they provide us with information on how to better serve you as a student.
.col-sm-10
.ibox-content
.form-group
label.col-sm-4.control-label(for="finance") How will you finance the program?*
select.col-sm-6#finance(ng-model='apply.application.finance', name="finance", required)
option(value="self") Paying for it Myself
option(value="family") Family / Friends
option(value="loans") Student / Personal Loans
option(value="partner") I don't have financing planned yet
.form-group
label.col-sm-4.control-label(for="hearaboutus") How did you hear about us?*
select.col-sm-6#hearaboutus(ng-model='apply.application.hearaboutus', name="hearaboutus", required)
option(value="ads") Advertisement
option(value="family") Family / Friends
option(value="social_media") Social Media (facebook, twitter, etc)
option(value="livecoding") LiveCoding.tv
option(value="reddit") Reddit
option(value="other") Other
.form-group
label.col-sm-4.control-label(for="employmentstatus") What is your current employment status?*
select.col-sm-6#employment(ng-model='apply.application.employmentStatus', name="employmentstatus", required)
option(value="unemployed") Unemployed
option(value="underemployed") Employed, but not in my preferred field
option(value="employed") Employed in my preferred field
.form-group
label.col-sm-4.control-label(for="goals") What are your main goals in joining this program?*
textarea.col-sm-6#goals(ng-model='apply.application.goals', name="goals", required)
br
.row
.col-md-offset-3.col-md-6
input.btn.btn-lg.btn-primary.btn-block(type="submit", value="Submit My Application")
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment