Skip to content
Snippets Groups Projects
Commit ff2ba68d authored by Greg Price's avatar Greg Price
Browse files

Tweak behavior of registration button for marketing site

If a user is already registered for a course but the course has not started
yet, display a grey button that says "you are registered" and goes nowhere
instead of the blue "access courseware" button, which goes to the LMS course
about page (which 404s).
parent 3ee0ed9e
No related merge requests found
......@@ -79,14 +79,15 @@
.action {
// not registered (default)
&.action-register {
// register or access courseware
&.action-register, &.access-courseware {
@extend .btn-primary;
}
// already registered
// already registered but course not started
&.is-registered {
@extend .btn-secondary;
pointer-events: none !important;
}
// coming soon
......
......@@ -45,7 +45,11 @@
<ul class="list-actions">
<li class="item">
%if user.is_authenticated() and registered:
<a class="action action-register is-registered" href="${course_target}">Access Courseware</strong></a>
%if show_courseware_link:
<a class="action access-courseware" href="${course_target}">Access Courseware</a>
%else:
<div class="action is-registered">You Are Registered</div>
%endif
%else:
<a class="action action-register register" href="#">Register for <strong>${course.number}</strong></a>
%endif
......
......@@ -28,7 +28,7 @@
<!-- repeated button styles needed for IE (copied from _shame.scss) -->
<style type="text/css" media="screen">
.view-partial-mktgregister{background:transparent}.view-partial-mktgregister .wrapper-view{overflow:hidden}.view-partial-mktgregister .btn,.view-partial-mktgregister .btn-primary,.view-partial-mktgregister .action.action-register,.view-partial-mktgregister .btn-secondary,.view-partial-mktgregister .btn-tertiary,.view-partial-mktgregister .action.isnot-open{display:block;padding:10px;text-transform:lowercase;color:#fff;letter-spacing:0.1rem;cursor:pointer;text-align:center;border:none !important;text-decoration:none;text-shadow:none;letter-spacing:0.1rem;font-size:17px;font-weight:300;box-shadow:0 !important}.view-partial-mktgregister .btn strong,.view-partial-mktgregister .btn-primary strong,.view-partial-mktgregister .action.action-register strong,.view-partial-mktgregister .btn-secondary strong,.view-partial-mktgregister .btn-tertiary strong,.view-partial-mktgregister .action.isnot-open strong{font-weight:400;text-transform:none}.view-partial-mktgregister .btn-primary,.view-partial-mktgregister .action.action-register{background-color:#4697ec;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(5%, #4697ec),color-stop(95%, #4880bb));background-image:-webkit-linear-gradient(top, #4697ec 5%,#4880bb 95%);background-image:-moz-linear-gradient(top, #4697ec 5%,#4880bb 95%);background-image:-ms-linear-gradient(top, #4697ec 5%,#4880bb 95%);background-image:-o-linear-gradient(top, #4697ec 5%,#4880bb 95%);background-image:linear-gradient(top, #4697ec 5%,#4880bb 95%)}.view-partial-mktgregister .btn-secondary{background-color:#999;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(5%, #999),color-stop(95%, #666));background-image:-webkit-linear-gradient(top, #999 5%,#666 95%);background-image:-moz-linear-gradient(top, #999 5%,#666 95%);background-image:-ms-linear-gradient(top, #999 5%,#666 95%);background-image:-o-linear-gradient(top, #999 5%,#666 95%);background-image:linear-gradient(top, #999 5%,#666 95%)}.view-partial-mktgregister .btn-tertiary,.view-partial-mktgregister .action.isnot-open{background:#e6f5fc;color:#5597dd}.view-partial-mktgregister .list-actions{list-style:none;margin:0;padding:0}.view-partial-mktgregister .list-actions .item{margin:0}.view-partial-mktgregister .action.isnot-open{pointer-events:none !important;outline:none}
.view-partial-mktgregister{background:transparent}.view-partial-mktgregister .wrapper-view{overflow:hidden}.view-partial-mktgregister .btn,.view-partial-mktgregister .btn-primary,.view-partial-mktgregister .action.action-register,.view-partial-mktgregister .action.access-courseware,.view-partial-mktgregister .btn-secondary,.view-partial-mktgregister .action.is-registered,.view-partial-mktgregister .btn-tertiary,.view-partial-mktgregister .action.isnot-open{-webkit-box-sizing:"border-box";-moz-box-sizing:"border-box";box-sizing:"border-box";display:block;padding:10px;text-transform:lowercase;color:#fff;letter-spacing:0.1rem;cursor:pointer;text-align:center;border:none !important;text-decoration:none;text-shadow:none;letter-spacing:0.1rem;font-size:17px;font-weight:300;box-shadow:0 !important}.view-partial-mktgregister .btn strong,.view-partial-mktgregister .btn-primary strong,.view-partial-mktgregister .action.action-register strong,.view-partial-mktgregister .action.access-courseware strong,.view-partial-mktgregister .btn-secondary strong,.view-partial-mktgregister .action.is-registered strong,.view-partial-mktgregister .btn-tertiary strong,.view-partial-mktgregister .action.isnot-open strong{font-weight:400;text-transform:none}.view-partial-mktgregister .btn-primary,.view-partial-mktgregister .action.action-register,.view-partial-mktgregister .action.access-courseware{background-color:#4697ec;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(5%, #4697ec),color-stop(95%, #4880bb));background-image:-webkit-linear-gradient(#4697ec 5%,#4880bb 95%);background-image:linear-gradient(#4697ec 5%,#4880bb 95%)}.view-partial-mktgregister .btn-secondary,.view-partial-mktgregister .action.is-registered{background-color:#999;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(5%, #999),color-stop(95%, #666));background-image:-webkit-linear-gradient(#999 5%,#666 95%);background-image:linear-gradient(#999 5%,#666 95%)}.view-partial-mktgregister .btn-tertiary,.view-partial-mktgregister .action.isnot-open{background:#e6f5fc;color:#5597dd}.view-partial-mktgregister .list-actions{list-style:none;margin:0;padding:0}.view-partial-mktgregister .list-actions .item{margin:0}.view-partial-mktgregister .action.is-registered{pointer-events:none !important}.view-partial-mktgregister .action.isnot-open{pointer-events:none !important;outline:none}
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment