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).
This commit is contained in:
Greg Price
2013-05-16 13:37:48 -04:00
parent 3ee0ed9e78
commit ff2ba68d79
3 changed files with 10 additions and 5 deletions

View File

@@ -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

View File

@@ -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

View File

@@ -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}