Skip to content

E
edx-platform
Commit 352f2846 by Brian Talbot
Options

pearson registration - revised UI states for reg form, simplified markup for… 

pearson registration - revised UI states for reg form, simplified markup for form fields, synched button styles/text b/t registration form and dashboard
parent b41f68c8
Showing with 175 additions and 59 deletions
lms/static/sass/multicourse/_dashboard.scss
...@@ -410,7 +410,7 @@ ...@@ -410,7 +410,7 @@
margin: 20px 0 10px; margin: 20px 0 10px;
padding: 15px 20px; padding: 15px 20px;
font-family: $sans-serif; font-family: $sans-serif;
background: #fffcf0; background: tint($yellow,70%);
border: 1px solid #ccc; border: 1px solid #ccc;
.message-copy { .message-copy {
...@@ -498,18 +498,28 @@ ...@@ -498,18 +498,28 @@
} }
} }
.contact-button {
@include button(simple, $blue);
}
.exam-button { .exam-button {
@include button(simple, $pink); @include button(simple, $pink);
}
.button {
float: right; float: right;
padding: 9px 18px 10px; padding: 9px 18px 10px;
font-size: 13px; font-size: 13px;
font-weight: 400; font-weight: bold;
letter-spacing: 0;
&:hover { &:hover {
text-decoration: none; text-decoration: none;
} }
} }
&.is-shown { &.is-shown {
display: block; display: block;
} }
......
lms/static/sass/multicourse/_testcenter-register.scss
...@@ -71,11 +71,21 @@ $red: rgb(178, 6, 16); ...@@ -71,11 +71,21 @@ $red: rgb(178, 6, 16);
@include border-radius(3px); @include border-radius(3px);
@include box-shadow(0 1px 2px 0 rgba(0,0,0, 0.2)); @include box-shadow(0 1px 2px 0 rgba(0,0,0, 0.2));
.instructions { .instructions, .note {
margin: 0; margin: 0;
padding: ($baseline*1.5) ($baseline*1.5) 0 ($baseline*1.5); padding: ($baseline*1.5) ($baseline*1.5) 0 ($baseline*1.5);
font-family: $sans-serif; font-family: $sans-serif;
font-size: 14px; font-size: 14px;
color: tint($base-font-color, 20%);
strong {
font-weight: normal;
}
.title, .indicator {
color: $base-font-color;
font-weight: 700;
}
} }
fieldset { fieldset {
...@@ -84,11 +94,11 @@ $red: rgb(178, 6, 16); ...@@ -84,11 +94,11 @@ $red: rgb(178, 6, 16);
} }
.form-actions { .form-actions {
@include clearfix();
padding: ($baseline*1.5); padding: ($baseline*1.5);
button[type="submit"] { button[type="submit"] {
display: block; display: block;
width: 100%;
@include button(simple, $blue); @include button(simple, $blue);
@include box-sizing(border-box); @include box-sizing(border-box);
@include border-radius(3px); @include border-radius(3px);
...@@ -98,6 +108,23 @@ $red: rgb(178, 6, 16); ...@@ -98,6 +108,23 @@ $red: rgb(178, 6, 16);
text-align: center; text-align: center;
} }
.action-primary {
float: left;
width: flex-grid(5,8);
margin-right: flex-gutter(2);
}
.action-secondary {
display: block;
float: left;
width: flex-grid(2,8);
margin-top: $baseline;
padding: ($baseline/4);
font-size: 13px;
text-align: right;
text-transform: uppercase;
}
&.error { &.error {
} }
...@@ -224,7 +251,7 @@ $red: rgb(178, 6, 16); ...@@ -224,7 +251,7 @@ $red: rgb(178, 6, 16);
display: block; display: block;
float: left; float: left;
border-bottom: none; border-bottom: none;
margin: 0 ($baseline) 0 0; margin: 0 $baseline ($baseline/2) 0;
padding-bottom: 0; padding-bottom: 0;
input, textarea { input, textarea {
...@@ -239,7 +266,7 @@ $red: rgb(178, 6, 16); ...@@ -239,7 +266,7 @@ $red: rgb(178, 6, 16);
} }
} }
&.postal { &.postal-2 {
border-bottom: none; border-bottom: none;
margin-bottom: 0; margin-bottom: 0;
padding-bottom: 0; padding-bottom: 0;
...@@ -268,7 +295,6 @@ $red: rgb(178, 6, 16); ...@@ -268,7 +295,6 @@ $red: rgb(178, 6, 16);
padding: $baseline ($baseline*1.5) 0 ($baseline*1.5); padding: $baseline ($baseline*1.5) 0 ($baseline*1.5);
font-family: $sans-serif; font-family: $sans-serif;
font-size: 13px; font-size: 13px;
text-align: right;
&.is-hidden { &.is-hidden {
display: none; display: none;
...@@ -343,7 +369,7 @@ $red: rgb(178, 6, 16); ...@@ -343,7 +369,7 @@ $red: rgb(178, 6, 16);
top: 0; top: 0;
right: $baseline; right: $baseline;
margin-left: $baseline; margin-left: $baseline;
content: "testing"; content: "not started";
text-transform: uppercase; text-transform: uppercase;
font-size: 11px; font-size: 11px;
font-weight: normal; font-weight: normal;
...@@ -408,6 +434,18 @@ $red: rgb(178, 6, 16); ...@@ -408,6 +434,18 @@ $red: rgb(178, 6, 16);
} }
} }
&.status-initial {
&:before {
background: transparent;
border: 1px dotted gray;
}
.title:after {
color: gray;
}
}
&:hover { &:hover {
.details, .item { .details, .item {
...@@ -438,6 +476,10 @@ $red: rgb(178, 6, 16); ...@@ -438,6 +476,10 @@ $red: rgb(178, 6, 16);
background: tint($yellow,70%); background: tint($yellow,70%);
font-size: 14px; font-size: 14px;
.title {
font-size: 14px;
}
.label, .value { .label, .value {
display: inline-block; display: inline-block;
} }
...@@ -556,6 +598,58 @@ $red: rgb(178, 6, 16); ...@@ -556,6 +598,58 @@ $red: rgb(178, 6, 16);
font-size: 14px; font-size: 14px;
} }
// registration status
&.message-flash {
display: block;
@include border-radius(3px);
position: relative;
margin: 0 0 ($baseline*2) 0;
border: 1px solid #ccc;
padding-top: ($baseline*0.75);
background: tint($yellow,70%);
font-size: 14px;
.message-title, .message-copy {
font-family: $sans-serif;
font-size: 14px;
}
.message-title {
font-weight: bold;
margin: 0 0 ($baseline/4) 0;
}
.contact-button {
@include button(simple, $blue);
}
.exam-button {
@include button(simple, $pink);
}
.button {
position: absolute;
top: ($baseline/4);
right: $baseline;
margin: ($baseline/2) 0 0 0;
padding: ($baseline/2) $baseline;
font-size: 13px;
font-weight: bold;
&:hover {
text-decoration: none;
}
}
&.message-action {
.message-title, .message-copy {
width: 65%;
}
}
}
// submission error // submission error
&.submission-error { &.submission-error {
border: 1px solid tint($red,85%); border: 1px solid tint($red,85%);
......
lms/templates/dashboard.html
...@@ -228,8 +228,8 @@ ...@@ -228,8 +228,8 @@
% if registration is None and testcenter_exam_info.is_registering(): % if registration is None and testcenter_exam_info.is_registering():
<div class="message message-status is-shown exam-register"> <div class="message message-status is-shown exam-register">
<a href="${testcenter_register_target}" class="exam-button" id="exam_register_button">Register for Pearson exam</a> <a href="${testcenter_register_target}" class="button exam-button" id="exam_register_button">Register for Pearson exam</a>
<p class="message-copy">Registration for the Pearson exam is now open and will close on <strong>${testcenter_exam_info.registration_end_date_text}</strong></p> <p class="message-copy">Registration for the Pearson exam is now open and will close on <strong>${testcenter_exam_info.registration_end_date_text}</strong></p>
</div> </div>
% endif % endif
<!-- display a registration for a current exam, even if the registration period is over --> <!-- display a registration for a current exam, even if the registration period is over -->
...@@ -245,10 +245,12 @@ ...@@ -245,10 +245,12 @@
% if registration.is_rejected(): % if registration.is_rejected():
<!-- TODO: revise rejection text --> <!-- TODO: revise rejection text -->
<div class="message message-status is-shown exam-schedule"> <div class="message message-status is-shown exam-schedule">
<a href="mailto:exam-help@edx.org?subject=Pearson VUE Exam - ${get_course_about_section(course, 'university')} ${course.number}" class="button contact-button">Contact exam-help@edx.org</a>
<p class="message-copy">Your <p class="message-copy">Your
<a href="${testcenter_register_target}" id="exam_register_link">registration for the Pearson exam</a> <a href="${testcenter_register_target}" id="exam_register_link">registration for the Pearson exam</a>
has been rejected. Please check the information you provided, and try to correct any demographic errors. Otherwise has been rejected. Please check the information you provided, and try to correct any demographic errors. Otherwise
contact someone at edX or Pearson, or just scream for help.</p> contact someone at edX or Pearson, or just scream for help.</p>
</div> </div>
% endif % endif
% if not registration.is_accepted() and not registration.is_rejected(): % if not registration.is_accepted() and not registration.is_rejected():
......
lms/templates/test_center_register.html
...@@ -90,7 +90,7 @@ ...@@ -90,7 +90,7 @@
<section class="introduction"> <section class="introduction">
<header> <header>
<hgroup> <hgroup>
<h2>${get_course_about_section(course, 'university')} ${course.number} ${course.title}</h2> <h2><a href="${reverse('dashboard')}">${get_course_about_section(course, 'university')} ${course.number} ${course.title}</a></h2>
% if registration: % if registration:
<h1>Your Pearson VUE Proctored Exam Registration</h1> <h1>Your Pearson VUE Proctored Exam Registration</h1>
...@@ -101,9 +101,28 @@ ...@@ -101,9 +101,28 @@
</header> </header>
</section> </section>
<section class="status"> % if registration:
<!-- NOTE: reg rejected -->
<section class="status message message-flash registration-rejected message-action">
<h3 class="message-title">Your registration for the Pearson exam has been rejected</h3>
<p class="message-copy">Please check the information you provided, and try to correct any demographic errors. Otherwise contact someone at edX or Pearson, or just scream for help.</p>
<a href="mailto:exam-help@edx.org?subject=Pearson VUE Exam - ${get_course_about_section(course, 'university')} ${course.number}" class="button contact-button">Contact exam-help@edx.org</a>
</section>
<!-- NOTE: reg accepted -->
<section class="status message message-flash registration-accepted message-action">
<h3 class="message-title">Your registration for the Pearson exam has been accepted</h3>
<p class="message-copy">Your registration number is <strong>12345678901</strong> (Write this down! You’ll need it to schedule your exam.)</p>
<a href="https://www1.pearsonvue.com/testtaker/signin/SignInPage/EDX" class="button exam-button">Schedule Pearson exam</a>
</section> </section>
<!-- NOTE: reg pending -->
<section class="status message message-flash registration-pending">
<h3 class="message-title">Your registration for the Pearson exam is pending</h3>
<p class="message-copy">Once your information is accepted, it will be forwarded to Pearson and you will be able to schedule an exam.</p>
</section>
% endif
<section class="content"> <section class="content">
<header> <header>
...@@ -113,11 +132,11 @@ ...@@ -113,11 +132,11 @@
% if registration: % if registration:
<p class="instructions"> <p class="instructions">
Please complete the following form to update your demographic information used in your Pearson VUE Proctored Exam. Required fields are noted by <strong>bold text and an asterisk (*)</strong>. Please complete the following form to update your demographic information used in your Pearson VUE Proctored Exam. Required fields are noted by <strong class="indicator">bold text and an asterisk (*)</strong>.
</p> </p>
% else: % else:
<p class="instructions"> <p class="instructions">
Please provide the following demographic information to register for a Pearson VUE Proctored Exam. Required fields are noted by <strong>bold text and an asterisk (*)</strong>. Please provide the following demographic information to register for a Pearson VUE Proctored Exam. Required fields are noted by <strong class="indicator">bold text and an asterisk (*)</strong>.
</p> </p>
% endif % endif
...@@ -132,23 +151,23 @@ ...@@ -132,23 +151,23 @@
<legend class="is-hidden">Personal Information</legend> <legend class="is-hidden">Personal Information</legend>
<ol class="list-input"> <ol class="list-input">
<li data-field="salutation" class="field" id="field-salutation"> <li class="field" id="field-salutation">
<label for="salutation">Salutation</label> <label for="salutation">Salutation</label>
<input class="short" id="salutation" type="text" name="salutation" value="${testcenteruser.salutation}" placeholder="e.g. Mr., Ms., Mrs., Dr." /> <input class="short" id="salutation" type="text" name="salutation" value="${testcenteruser.salutation}" placeholder="e.g. Mr., Ms., Mrs., Dr." />
</li> </li>
<li data-field="first_name" class="field required" id="field-first_name"> <li class="field required" id="field-first_name">
<label for="first_name">First Name </label> <label for="first_name">First Name </label>
<input id="first_name" type="text" name="first_name" value="${testcenteruser.first_name}" placeholder="e.g. Albert" /> <input id="first_name" type="text" name="first_name" value="${testcenteruser.first_name}" placeholder="e.g. Albert" />
</li> </li>
<li data-field="middle_name" class="field" id="field-middle_name"> <li class="field" id="field-middle_name">
<label for="middle_name">Middle Name</label> <label for="middle_name">Middle Name</label>
<input id="middle_name" type="text" name="middle_name" value="${testcenteruser.middle_name}" placeholder="" /> <input id="middle_name" type="text" name="middle_name" value="${testcenteruser.middle_name}" placeholder="" />
</li> </li>
<li data-field="last_name" class="field required" id="field-last_name"> <li class="field required" id="field-last_name">
<label for="last_name">Last Name</label> <label for="last_name">Last Name</label>
<input id="last_name" type="text" name="last_name" value="${testcenteruser.last_name}" placeholder="e.g. Einstein" /> <input id="last_name" type="text" name="last_name" value="${testcenteruser.last_name}" placeholder="e.g. Einstein" />
</li> </li>
<li data-field="suffix" class="field" id="field-suffix"> <li class="field" id="field-suffix">
<label for="suffix">Suffix</label> <label for="suffix">Suffix</label>
<input class="short" id="suffix" type="text" name="suffix" value="${testcenteruser.suffix}" placeholder="e.g. Jr., Sr. " /> <input class="short" id="suffix" type="text" name="suffix" value="${testcenteruser.suffix}" placeholder="e.g. Jr., Sr. " />
</li> </li>
...@@ -159,34 +178,34 @@ ...@@ -159,34 +178,34 @@
<legend class="is-hidden">Mailing Address</legend> <legend class="is-hidden">Mailing Address</legend>
<ol class="list-input"> <ol class="list-input">
<li data-field="address_1" class="field required" id="field-address_1"> <li class="field required" id="field-address_1">
<label class="long" for="address_1">Address Line #1</label> <label class="long" for="address_1">Address Line #1</label>
<input id="address_1" type="text" name="address_1" value="${testcenteruser.address_1}" placeholder="e.g. 112 Mercer Street" /> <input id="address_1" type="text" name="address_1" value="${testcenteruser.address_1}" placeholder="e.g. 112 Mercer Street" />
</li> </li>
<li class="field-group addresses"> <li class="field-group addresses">
<div data-field="address_2" class="field" id="field-address_2"> <div class="field" id="field-address_2">
<label for="address_2">Address Line #2</label> <label for="address_2">Address Line #2</label>
<input id="address_2" class="long" type="text" name="address_2" value="${testcenteruser.address_2}" placeholder="e.g. Apartment 123" /> <input id="address_2" class="long" type="text" name="address_2" value="${testcenteruser.address_2}" placeholder="e.g. Apartment 123" />
</div> </div>
<div data-field="address_3" class="field" id="field-address_3"> <div class="field" id="field-address_3">
<label for="address_3">Address Line #3</label> <label for="address_3">Address Line #3</label>
<input id="address_3" class="long" type="text" name="address_3" value="${testcenteruser.address_3}" placeholder="e.g. Attention: Albert Einstein" /> <input id="address_3" class="long" type="text" name="address_3" value="${testcenteruser.address_3}" placeholder="e.g. Attention: Albert Einstein" />
</div> </div>
</li> </li>
<li class="field-group postal"> <li class="field required postal-1" id="field-city">
<div data-field="city" class="field required" id="field-city"> <label for="city">City</label>
<label for="city">City</label> <input id="city" class="long" type="text" name="city" value="${testcenteruser.city}" placeholder="e.g. Newark" />
<input id="city" class="short" type="text" name="city" value="${testcenteruser.city}" placeholder="e.g. Newark" /> </li>
</div> <li class="field-group postal-2">
<div data-field="state" class="field" id="field-state"> <div class="field" id="field-state">
<label for="state">State/Province</label> <label for="state">State/Province</label>
<input id="state" class="short" type="text" name="state" value="${testcenteruser.state}" placeholder="e.g. NJ" /> <input id="state" class="short" type="text" name="state" value="${testcenteruser.state}" placeholder="e.g. NJ" />
</div> </div>
<div data-field="postal_code" class="field" id="field-postal_code"> <div class="field" id="field-postal_code">
<label for="postal_code">Postal Code</label> <label for="postal_code">Postal Code</label>
<input id="postal_code" class="short" type="text" name="postal_code" value="${testcenteruser.postal_code}" placeholder="e.g. 08540" /> <input id="postal_code" class="short" type="text" name="postal_code" value="${testcenteruser.postal_code}" placeholder="e.g. 08540" />
</div> </div>
<div data-field="country" class="field required" id="field-country"> <div class="field required" id="field-country">
<label class="short" for="country">Country Code</label> <label class="short" for="country">Country Code</label>
<input id="country" class="short" type="text" name="country" value="${testcenteruser.country}" placeholder="e.g. USA" /> <input id="country" class="short" type="text" name="country" value="${testcenteruser.country}" placeholder="e.g. USA" />
</div> </div>
...@@ -199,30 +218,30 @@ ...@@ -199,30 +218,30 @@
<ol class="list-input"> <ol class="list-input">
<li class="field-group phoneinfo"> <li class="field-group phoneinfo">
<div data-field="phone" class="field required" id="field-phone"> <div class="field required" id="field-phone">
<label for="phone">Phone Number</label> <label for="phone">Phone Number</label>
<input id="phone" type="text" name="phone" value="${testcenteruser.phone}" placeholder="e.g. 1-55-555-5555" /> <input id="phone" type="text" name="phone" value="${testcenteruser.phone}" placeholder="e.g. 1-55-555-5555" />
</div> </div>
<div data-field="extension" class="field" id="field-extension"> <div class="field" id="field-extension">
<label for="extension">Extension</label> <label for="extension">Extension</label>
<input id="extension" class="short" type="text" name="extension" value="${testcenteruser.extension}" placeholder="e.g. 555" /> <input id="extension" class="short" type="text" name="extension" value="${testcenteruser.extension}" placeholder="e.g. 555" />
</div> </div>
<div data-field="phone_country_code" class="field required" id="field-phone_country_code"> <div class="field required" id="field-phone_country_code">
<label for="phone_country_code">Phone Country Code</label> <label for="phone_country_code">Phone Country Code</label>
<input id="phone_country_code" class="short" type="text" name="phone_country_code" value="${testcenteruser.phone_country_code}" placeholder="e.g. USA" /> <input id="phone_country_code" class="short" type="text" name="phone_country_code" value="${testcenteruser.phone_country_code}" placeholder="e.g. USA" />
</div> </div>
</li> </li>
<li class="field-group faxinfo"> <li class="field-group faxinfo">
<div data-field="fax" class="field" id="field-fax"> <div class="field" id="field-fax">
<label for="fax">Fax Number</label> <label for="fax">Fax Number</label>
<input id="fax" type="text" class="short" name="fax" value="${testcenteruser.fax}" placeholder="e.g. 1-55-555-5555" /> <input id="fax" type="text" class="short" name="fax" value="${testcenteruser.fax}" placeholder="e.g. 1-55-555-5555" />
</div> </div>
<div data-field="fax_country_code" class="field" id="field-fax_country_code"> <div class="field" id="field-fax_country_code">
<label for="fax_country_code">Fax Country Code</label> <label for="fax_country_code">Fax Country Code</label>
<input id="fax_country_code" class="short" type="text" name="fax_country_code" value="${testcenteruser.fax_country_code}" placeholder="e.g. USA" /> <input id="fax_country_code" class="short" type="text" name="fax_country_code" value="${testcenteruser.fax_country_code}" placeholder="e.g. USA" />
</div> </div>
</li> </li>
<li data-field="company_name" class="field" id="field-company_name"> <li class="field" id="field-company_name">
<label for="company_name">Company</label> <label for="company_name">Company</label>
<input id="company_name" type="text" name="company_name" value="${testcenteruser.company_name}" placeholder="e.g. American Association of University Professors" /> <input id="company_name" type="text" name="company_name" value="${testcenteruser.company_name}" placeholder="e.g. American Association of University Professors" />
</li> </li>
...@@ -239,9 +258,9 @@ ...@@ -239,9 +258,9 @@
% endif % endif
% if registration: % if registration:
<p class="instructions">Fields below this point are not part of your demographic information, and <strong>are not editable currently</strong>.</p> <p class="note"><span class="title">Note</span>: Accomodation requests, which need to be reviewed in detail, <strong>will add significant delay to the registration process</strong>.</p>
% else: % else:
<p class="instructions">Fields below this point are not part of your demographic information, <strong>and cannot be changed once submitted</strong>.</p> <p class="note"><span class="title">Note</span>: Accommodation requests are not part of your demographic information, <strong>and cannot be changed once submitted</strong>. Accomodation requests, which need to be reviewed in detail, <strong>will add significant delay to the registration process</strong>.</p>
% endif % endif
<fieldset class="group group-form group-form-optional"> <fieldset class="group group-form group-form-optional">
...@@ -268,8 +287,10 @@ ...@@ -268,8 +287,10 @@
<div class="form-actions"> <div class="form-actions">
% if registration: % if registration:
<button type="submit" id="submit" class="action action-primary action-update">Update Demographics</button> <button type="submit" id="submit" class="action action-primary action-update">Update Demographics</button>
<a href="${reverse('dashboard')}" class="action action-secondary action-cancel">Cancel Update</a>
% else: % else:
<button type="submit" id="submit" class="action action-primary action-register">Register for Pearson VUE Test</button> <button type="submit" id="submit" class="action action-primary action-register">Register for Pearson VUE Test</button>
<a href="${reverse('dashboard')}" class="action action-secondary action-cancel">Cancel Registration</a>
% endif % endif
<div class="message message-status submission-error"> <div class="message message-status submission-error">
...@@ -290,15 +311,15 @@ ...@@ -290,15 +311,15 @@
<aside> <aside>
% if registration: % if registration:
<!-- REG: Dem accepted, Accom pending, Registration pending --> <!-- NOTE: Dem accepted, Accom pending, Registration pending -->
<div class="message message-status registration-pending is-shown"> <div class="message message-status registration-pending is-shown">
<h3>Pearson Exam Registration Status</h3> <h3>Pearson Exam Registration Status</h3>
<ol class="status-list"> <ol class="status-list">
<li class="item status status-accepted status-demographics"> <li class="item status status-accepted status-demographics">
<h4 class="title">Demographic Information</h4> <h4 class="title">Demographic Information</h4>
<p class="details">The demographic information you most recently provided has been accepted</p> <p class="details">The demographic information you most recently provided has been accepted. You may edit this information at any point before exam registration closes on <strong>${exam_info.registration_end_date_text}</strong></p>
</li> </li>
<li class="item status status-pending status-accommodations"> <li class="item status status-pending status-accommodations">
<h4 class="title">Accommodations Request</h4> <h4 class="title">Accommodations Request</h4>
...@@ -306,19 +327,19 @@ ...@@ -306,19 +327,19 @@
</li> </li>
<li class="item status status-pending status-registration"> <li class="item status status-pending status-registration">
<h4 class="title">Registration Request</h4> <h4 class="title">Registration Request</h4>
<p class="details">Your exam registration is pending. Once all of the above steps are accepted your registration will be forwarded to Pearson and you will be able to schedule an exam.</p> <p class="details">Your exam registration is pending. Once your information is accepted, it will be forwarded to Pearson and you will be able to schedule an exam.</p>
</li> </li>
</ol> </ol>
</div> </div>
<!-- REG: Dem accepted, Accom accepted, Registration accepted --> <!-- NOTE: Dem accepted, Accom accepted, Registration accepted -->
<div class="message message-status registration-accepted is-shown"> <div class="message message-status registration-accepted is-shown">
<h3>Pearson Exam Registration Status</h3> <h3>Pearson Exam Registration Status</h3>
<ol class="status-list"> <ol class="status-list">
<li class="item status status-accepted status-demographics"> <li class="item status status-accepted status-demographics">
<h4 class="title">Demographic Information</h4> <h4 class="title">Demographic Information</h4>
<p class="details">The demographic information you most recently provided has been accepted</p> <p class="details">The demographic information you most recently provided has been accepted. You may edit this information at any point before exam registration closes on <strong>${exam_info.registration_end_date_text}</strong></p>
</li> </li>
<li class="item status status-accepted status-accommodations"> <li class="item status status-accepted status-accommodations">
<h4 class="title">Accommodations Request</h4> <h4 class="title">Accommodations Request</h4>
...@@ -335,33 +356,22 @@ ...@@ -335,33 +356,22 @@
<p class="details">Your exam registration has been accepted and has been forwarded to Pearson. You are now able to schedule an exam.</p> <p class="details">Your exam registration has been accepted and has been forwarded to Pearson. You are now able to schedule an exam.</p>
</li> </li>
</ol> </ol>
<div class="actions">
<span class="label">Registration number: </span> <span class="value">12345678901</span>
<p class="message-copy">Write this down! You’ll need it to schedule your exam.</p>
<a href="https://www1.pearsonvue.com/testtaker/signin/SignInPage/EDX" class="button exam-button">Schedule Pearson exam</a>
</div>
</div> </div>
<!-- REG: Dem rejected, Accom none, Registration rejected --> <!-- NOTE: Dem rejected, Accom none, Registration rejected -->
<div class="message message-status registration-rejected is-shown"> <div class="message message-status registration-rejected is-shown">
<h3>Pearson Exam Registration Status</h3> <h3>Pearson Exam Registration Status</h3>
<ol class="status-list"> <ol class="status-list">
<li class="item status status-rejected status-demographics"> <li class="item status status-rejected status-demographics">
<h4 class="title">Demographic Information</h4> <h4 class="title">Demographic Information</h4>
<p class="details">The demographic information you most recently provided has been rejected by Pearson. You can correct it and submit again</p> <p class="details">The demographic information you most recently provided has been rejected by Pearson. You can correct and submit it again before the exam registration closes on <strong>${exam_info.registration_end_date_text}</strong>.</p>
</li> </li>
<li class="item status status-rejected status-registration"> <li class="item status status-rejected status-registration">
<h4 class="title">Registration Request</h4> <h4 class="title">Registration Request</h4>
<p class="details">Your exam registration has been rejected by Pearson. <strong>You currently cannot schedule an exam</strong>.</p> <p class="details">Your exam registration has been rejected by Pearson. <strong>You currently cannot schedule an exam</strong>.</p>
</li> </li>
</ol> </ol>
<div class="actions">
<span class="label">Pearson Testing Support</span> <span class="value">1-800-555-5555</span>
<p class="message-copy">Please contact the number above for further questions about your test</p>
</div>
</div> </div>
% endif % endif
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment