Files
edx-platform/openedx/features/learner_analytics/templates/learner_analytics/dashboard.html
Diana Huang 7af52bf125 Add Learner Analytics dashboard.
Add the back-end and front-end React app for Learner Analytics.
This was mostly authored by @AlasdairSwan and @dianakhuang.

LEARNER-3376
2018-01-16 11:57:12 -05:00

69 lines
2.5 KiB
HTML

## mako
<%page expression_filter="h"/>
<%! main_css = "style-main-v2" %>
<%inherit file="../main.html" />
<%namespace name='static' file='../static_content.html'/>
<%def name="online_help_token()"><% return "courseware" %></%def>
<%def name="course_name()">
<% return _("{course_number} Courseware").format(course_number=course.display_number_with_default) %>
</%def>
<%!
import json
from django.utils.translation import ugettext as _
from openedx.core.djangolib.markup import HTML
from openedx.features.course_experience import course_home_page_title
%>
<%block name="bodyclass">course</%block>
<%block name="pagetitle">${course_name()}</%block>
<%include file="../courseware/course_navigation.html" args="active_page='learner_analytics'" />
<%block name="content">
<div class="course-view page-content-container" id="course-container">
<header class="page-header has-secondary">
## TODO: LEARNER-3854: Clean-up after Learner Analytics test.
## May not need/want breadcrumbs? Can maybe kill course_url and course_home_page_title
## from the context?
## Breadcrumb navigation
<div class="page-header-main">
<nav aria-label="${_('Learner Analytics')}" class="sr-is-focusable" tabindex="-1">
<div class="has-breadcrumbs">
<div class="breadcrumbs">
<span class="nav-item">
<a href="${course_url}">${course_home_page_title(course)}</a>
</span>
<span class="icon fa fa-angle-right" aria-hidden="true"></span>
<span class="nav-item">${_('Learner Analytics')}</span>
</div>
</div>
</nav>
</div>
</header>
<div class="page-content learner-analytics-dashboard-wrapper">
<div class="learner-analytics-dashboard">
${static.renderReact(
component="LearnerAnalyticsDashboard",
id="react-learner-analytics-dashboard",
props={
'schedule': assignment_schedule,
'grading_policy': grading_policy,
'grades': assignment_grades,
'discussion_info': discussion_info,
'weekly_active_users': weekly_active_users,
'week_streak': week_streak,
'profile_images': profile_image_urls,
}
)}
</div>
</div>
</div>
</%block>
<%namespace name='static' file='../static_content.html'/>