diff --git a/lms/static/sass/multicourse/_dashboard.scss b/lms/static/sass/multicourse/_dashboard.scss index 26bcea63cc..a00738343c 100644 --- a/lms/static/sass/multicourse/_dashboard.scss +++ b/lms/static/sass/multicourse/_dashboard.scss @@ -488,6 +488,12 @@ @extend %text-sr; } + .deco-graphic { + position: absolute; + top: -5px; + right: -8px; + } + .sts-enrollment-value { @extend %ui-depth1; @extend %copy-badge; @@ -893,6 +899,30 @@ } } } + + .verification-reminder { + width: flex-grid(8, 12); + position: relative; + float: left; + } + + .verification-cta { + width: flex-grid(4, 12); + position: relative; + float: left; + + .cta { + @include button(simple, $green-d1); + @include box-sizing(border-box); + @include float(right); + border-radius: 3px; + display: block; + font: normal 15px/1.6rem $sans-serif; + letter-spacing: 0; + padding: 6px 32px 7px; + text-align: center; + } + } } a.unenroll { diff --git a/lms/templates/dashboard/_dashboard_course_listing.html b/lms/templates/dashboard/_dashboard_course_listing.html index ab950fc06a..e7295864de 100644 --- a/lms/templates/dashboard/_dashboard_course_listing.html +++ b/lms/templates/dashboard/_dashboard_course_listing.html @@ -56,42 +56,42 @@ % if verification_status.get('status') in [VERIFY_STATUS_NEED_TO_VERIFY, VERIFY_STATUS_SUBMITTED]: ${_("Enrolled as: ")} - ID Verified Pending Ribbon/Badge - ${_("Verified Pending")} + ID Verified Pending Ribbon/Badge +
${_("Verified Pending")}
% elif verification_status.get('status') == VERIFY_STATUS_APPROVED: ${_("Enrolled as: ")} - ID Verified Ribbon/Badge - ${_("Verified")} + ID Verified Ribbon/Badge +
${_("Verified")}
% else: ${_("Enrolled as: ")} - ${_("Honor Code")} +
${_("Honor Code")}
% endif % else: ${_("Enrolled as: ")} - ID Verified Ribbon/Badge - ${_("Verified")} + ID Verified Ribbon/Badge +
${_("Verified")}
% endif % elif enrollment.mode == "honor": ${_("Enrolled as: ")} - ${_("Honor Code")} +
${_("Honor Code")}
% elif enrollment.mode == "audit": ${_("Enrolled as: ")} - ${_("Auditing")} +
${_("Auditing")}
% elif enrollment.mode == "professional": ${_("Enrolled as: ")} - ${_("Professional Ed")} +
${_("Professional Ed")}
% endif % endif @@ -131,15 +131,18 @@ % if verification_status.get('status') in [VERIFY_STATUS_NEED_TO_VERIFY, VERIFY_STATUS_SUBMITTED, VERIFY_STATUS_APPROVED] and not is_course_blocked:
% if verification_status['status'] == VERIFY_STATUS_NEED_TO_VERIFY: - % if verification_status['days_until_deadline'] is not None: -

${_('Verification not yet complete.')}

-

${_('You only have {days} days left to verify for this course.').format(days=verification_status['days_until_deadline'])}

- % else: -

${_('Almost there!')}

-

${_('You still need to verify for this course.')}

- % endif - ## TODO: style this button -

${_('Verify Now')}

+
+ % if verification_status['days_until_deadline'] is not None: +

${_('Verification not yet complete.')}

+

${_('You only have {days} days left to verify for this course.').format(days=verification_status['days_until_deadline'])}

+ % else: +

${_('Almost there!')}

+

${_('You still need to verify for this course.')}

+ % endif +
+
+ ${_('Verify Now')} +
% elif verification_status['status'] == VERIFY_STATUS_SUBMITTED:

${_('You have already verified your ID!')}

${_('Thanks for your patience as we process your request.')}