Commit 84ac8a1d by Kyle Fiedler

Added some styles for name and email change

parent edfff323
......@@ -754,7 +754,8 @@ div.leanModal_box {
-moz-box-sizing: border-box;
box-sizing: border-box;
display: none;
padding: 51.776px; }
padding: 51.776px;
text-align: left; }
div.leanModal_box a.modal_close {
color: #aaa;
display: block;
......@@ -914,6 +915,21 @@ div#pwd_reset p {
div#pwd_reset input[type="email"] {
margin-bottom: 25.888px; }
div#apply_name_change, div#change_email, div#unenroll_course {
max-width: 700px; }
div#apply_name_change ul, div#change_email ul, div#unenroll_course ul {
list-style: none; }
div#apply_name_change ul li, div#change_email ul li, div#unenroll_course ul li {
margin-bottom: 12.944px; }
div#apply_name_change ul li textarea, div#apply_name_change ul li input[type="email"], div#apply_name_change ul li input[type="number"], div#apply_name_change ul li input[type="password"], div#apply_name_change ul li input[type="search"], div#apply_name_change ul li input[type="tel"], div#apply_name_change ul li input[type="text"], div#apply_name_change ul li input[type="url"], div#apply_name_change ul li input[type="color"], div#apply_name_change ul li input[type="date"], div#apply_name_change ul li input[type="datetime"], div#apply_name_change ul li input[type="datetime-local"], div#apply_name_change ul li input[type="month"], div#apply_name_change ul li input[type="time"], div#apply_name_change ul li input[type="week"], div#change_email ul li textarea, div#change_email ul li input[type="email"], div#change_email ul li input[type="number"], div#change_email ul li input[type="password"], div#change_email ul li input[type="search"], div#change_email ul li input[type="tel"], div#change_email ul li input[type="text"], div#change_email ul li input[type="url"], div#change_email ul li input[type="color"], div#change_email ul li input[type="date"], div#change_email ul li input[type="datetime"], div#change_email ul li input[type="datetime-local"], div#change_email ul li input[type="month"], div#change_email ul li input[type="time"], div#change_email ul li input[type="week"], div#unenroll_course ul li textarea, div#unenroll_course ul li input[type="email"], div#unenroll_course ul li input[type="number"], div#unenroll_course ul li input[type="password"], div#unenroll_course ul li input[type="search"], div#unenroll_course ul li input[type="tel"], div#unenroll_course ul li input[type="text"], div#unenroll_course ul li input[type="url"], div#unenroll_course ul li input[type="color"], div#unenroll_course ul li input[type="date"], div#unenroll_course ul li input[type="datetime"], div#unenroll_course ul li input[type="datetime-local"], div#unenroll_course ul li input[type="month"], div#unenroll_course ul li input[type="time"], div#unenroll_course ul li input[type="week"] {
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
div#apply_name_change ul li textarea, div#change_email ul li textarea, div#unenroll_course ul li textarea {
height: 60px; }
div#feedback_div form ol li {
float: none;
width: 100%; }
......
......@@ -88,7 +88,7 @@ $(function() {
"password":new_password},
function(data){
if(data.success){
$("#change_email").html("Request submitted. You'll receive a confirmation in your in-box.");
$("#change_email").html("<h1>Please verify your new email</h1><p>You'll receive a confirmation in your in-box. Please click the link in the email to confirm the email change.</p>");
} else {
$("#change_email_error").html(data.error);
}
......@@ -107,7 +107,7 @@ $(function() {
"rationale":rationale},
function(data){
if(data.success){
$("#apply_name_change").html("Request submitted. We'll send you an e-mail if we approve the change or need further information.");
$("#apply_name_change").html("<h1>Your request has been submitted.</h1><p>We'll send you an e-mail if we approve the change or need further information. Please allow for up to a week for us to process your request.</p>");
} else {
$("#apply_name_change_error").html(data.error);
}
......@@ -179,7 +179,7 @@ $(function() {
<header>
<h1>${name}</h1>
%if True:
<a href="#apply_name_change" rel="leanModal">Apply to change</a>
<a href="#apply_name_change" rel="leanModal">Edit</a>
%else:
(Name change pending)
%endif
......@@ -191,7 +191,7 @@ $(function() {
</li>
<li>
E-mail: <strong>${email}</strong> <a href="#change_email" rel="leanModal" class="edit-email">Change</a>
E-mail: <strong>${email}</strong> <a href="#change_email" rel="leanModal" class="edit-email">Edit</a>
</li>
<li>
Location: <div id="location_sub">${location}</div><div id="description"></div> <a href="#" id="change_location">Edit</a>
......@@ -229,8 +229,7 @@ $(function() {
<form id="change_name_form">
<div id="change_name_error"> </div>
<fieldset>
<p>A member of the course staff will review your request, and if approved, update your information. Please allow up to a week for your requested to be processed.</p>
<p>To uphold credibility of any MITx credits / certificates we want to approve of any name changes. A member of the course staff will review your request, and if approved, update your information. Please allow up to a week for your requested to be processed.</p>
<ul>
<li>
<label>Enter your desired full name, as it will appear on the MITx Certificate: </label>
......@@ -265,7 +264,7 @@ $(function() {
<input id="new_email_password" value="" type="password" />
</li>
<li>
<p> We will send a confirmation to both ${email} and your new e-mail as part of the process.</p>
<p>We will send a confirmation to both ${email} and your new e-mail as part of the process.</p>
<input type="submit" id="submit_email_change" />
</li>
</ul>
......
......@@ -15,6 +15,21 @@ div.profile-wrapper {
h1 {
font-size: 18px;
margin: 0;
padding-right: 30px;
}
a {
position: absolute;
top: 13px;
right: lh(.5);
text-transform: uppercase;
font-size: 12px;
color: #999;
&:hover {
color: #555;
}
}
}
......
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