Add coaching aside to edx.org theme dashboard.

This commit is contained in:
Matt Tuchfarber
2020-03-18 13:24:39 -04:00
parent 2cdb244858
commit d3bd327f33
2 changed files with 40 additions and 0 deletions

View File

@@ -568,6 +568,30 @@
}
}
.wrapper-coaching {
border: 1px solid $border-color-l3;
margin: 20px 0;
.coaching-signup {
padding: 20px;
.coaching-prompt {
font-size: 20px;
line-height: 28px;
font-weight: bold;
}
.coaching-link .btn-neutral {
display: block;
text-align: center;
margin: 20px 20px 0 20px;
border-radius: 20px;
padding: 10px;
border: 1px solid theme-color('primary');
}
}
}
.profile-sidebar {
ul {
padding: 0;

View File

@@ -288,6 +288,22 @@ from student.models import CourseEnrollment
</div>
% endif
<% account_mfe_url = getattr(settings, 'ACCOUNT_MICROFRONTEND_URL', '') or '' %>
% if plugins.get("coaching", {}).get("show_coaching_aside"):
<div class="wrapper-coaching">
<div class="coaching-signup">
<div class="coaching-prompt">
${_("Take advantage of free coaching!")}
</div>
<div class="coaching-link">
<a class="btn-neutral" href="${account_mfe_url}">
${_("Get Started")}
</a>
</div>
</div>
</div>
% endif
% if display_sidebar_on_dashboard:
<section class="profile-sidebar" id="profile-sidebar" role="region" aria-label="Account Status Info">
<header class="profile">