add template course_log - refs #2681
Alex Aragón
7 years ago
parent
6a0308aae4
commit
ed916e45b6
@ -0,0 +1,229 @@ |
||||
<!-- tracking course log --> |
||||
<script> |
||||
window.onload = function() { |
||||
var scoreStudent = document.getElementById("chart-score").getContext('2d'); |
||||
var lastAccess = document.getElementById("chart-access").getContext('2d'); |
||||
var jsonfile = {{ json_time_student }}; |
||||
var labels = []; |
||||
var times = []; |
||||
|
||||
Object.keys(jsonfile).forEach(function(key) { |
||||
//Names |
||||
labels.push(jsonfile[key].fullname); |
||||
//Time plataform total |
||||
times.push(jsonfile[key].total_time); |
||||
}); |
||||
|
||||
var myChartAccess = new Chart(lastAccess, { |
||||
type: 'line', |
||||
data: { |
||||
labels: labels, |
||||
datasets: [{ |
||||
data: times, |
||||
borderColor: "#3ba557", |
||||
backgroundColor: "#3ba557", |
||||
borderWidth: 1, |
||||
fill: false, |
||||
label: '{{ "Minutes"|get_lang|e('js') }}', |
||||
}] |
||||
}, |
||||
options: { |
||||
legend:{ |
||||
display: false |
||||
}, |
||||
scales: { |
||||
xAxes:[{ |
||||
position: "bottom", |
||||
scaleLabel: { |
||||
display: true, |
||||
labelString: '{{ "Students"|get_lang|e('js') }}', |
||||
}, |
||||
ticks: { |
||||
display: false |
||||
} |
||||
}], |
||||
yAxes: [{ |
||||
position: "left", |
||||
scaleLabel: { |
||||
display: true, |
||||
labelString: '{{ "Minutes"|get_lang|e('js') }}', |
||||
} |
||||
}] |
||||
} |
||||
} |
||||
}); |
||||
|
||||
var myChartScore = new Chart(scoreStudent, { |
||||
type: 'bar', |
||||
data: { |
||||
labels: ["0-9%", "10-19%", "20-29%", "30-39%", "40-49%", "50-59%", "60-69%", "70-79%", "80-89%", "90-100%"], |
||||
datasets: [{ |
||||
label: '{{ "NumberOfUsers"|get_lang|e('js') }}', |
||||
data: {{ score_distribution }}, |
||||
backgroundColor: {{ chart_colors }}, |
||||
borderColor: {{ chart_colors }}, |
||||
borderWidth: 1, |
||||
fill: false |
||||
}] |
||||
}, |
||||
options: { |
||||
legend:{ |
||||
display: false |
||||
}, |
||||
scales: { |
||||
yAxes: [{ |
||||
position: "left", |
||||
scaleLabel: { |
||||
display: true, |
||||
labelString: '{{ "NumberOfUsers"|get_lang|e('js') }}', |
||||
}, |
||||
ticks: { |
||||
display: true, |
||||
min: 0, |
||||
stepSize: 1 |
||||
} |
||||
}], |
||||
xAxes:[{ |
||||
position: "bottom", |
||||
scaleLabel: { |
||||
display: true, |
||||
labelString: "{{ 'PercentileScoresDistribution'|get_lang|e('js') }}", |
||||
}, |
||||
gridLines: { |
||||
display: true |
||||
}, |
||||
ticks: { |
||||
display: false, |
||||
} |
||||
}], |
||||
} |
||||
} |
||||
}); |
||||
}; |
||||
</script> |
||||
|
||||
<div class="tracking-course-summary"> |
||||
<div class="row"> |
||||
<div class="col-lg-3 col-sm-3"> |
||||
<div class="panel panel-default tracking tracking-student"> |
||||
<div class="panel-body"> |
||||
<span class="tracking-icon"> |
||||
<i class="fa fa-graduation-cap" aria-hidden="true"></i> |
||||
</span> |
||||
<div class="tracking-info"> |
||||
<div class="tracking-text"> {{ "NumberOfUsers"|get_lang }}</div> |
||||
<div class="tracking-number"> |
||||
{{ number_students }} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-lg-3 col-sm-3"> |
||||
<div class="panel panel-default tracking tracking-lessons"> |
||||
<div class="panel-body"> |
||||
<span class="tracking-icon"> |
||||
<i class="fa fa-book" aria-hidden="true"></i> |
||||
</span> |
||||
<div class="tracking-info"> |
||||
<div class="tracking-text"> {{ "CourseProgress"|get_lang }}</div> |
||||
<div class="tracking-number"> |
||||
{{ students_completed_lp }}/{{ number_students }} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-lg-3 col-sm-3"> |
||||
<div class="panel panel-default tracking tracking-exercise"> |
||||
<div class="panel-body"> |
||||
<span class="tracking-icon"> |
||||
<i class="fa fa-heartbeat" aria-hidden="true"></i> |
||||
</span> |
||||
<div class="tracking-info"> |
||||
<div class="tracking-text"> {{ "ExerciseAverage"|get_lang }}</div> |
||||
<div class="tracking-number"> |
||||
{{ students_test_score }}% |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-lg-3 col-sm-3"> |
||||
<div class="panel panel-default tracking tracking-certificate"> |
||||
<div class="panel-body"> |
||||
<span class="tracking-icon"> |
||||
<i class="fa fa-id-card-o" aria-hidden="true"></i> |
||||
</span> |
||||
<div class="tracking-info"> |
||||
<div class="tracking-text"> {{ "CountCertificates"|get_lang }}</div> |
||||
<div class="tracking-number"> |
||||
{{ certificate_count }}/{{ number_students }} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="row"> |
||||
<div class="col-md-4"> |
||||
<div class="panel panel-default"> |
||||
<div class="panel-body"> |
||||
<div class="tracking-chart"> |
||||
<h4 class="tracking-box-title">{{ 'PercentileScoresDistribution'|get_lang }}</h4> |
||||
<canvas id="chart-score"></canvas> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-md-4"> |
||||
<div class="panel panel-default tracking-top-student"> |
||||
<div class="panel-body"> |
||||
<h4 class="tracking-box-title">{{ 'OutstandingStudents'|get_lang }}</h4> |
||||
<ul class="list-top"> |
||||
{% for student in top_students %} |
||||
{% set counter = counter + 1 %} |
||||
{% if counter <= 3 %} |
||||
<li> |
||||
<div class="avatar"> |
||||
<span class="round"> |
||||
<img |
||||
title="{{ student.fullname }}" |
||||
alt="{{ student.fullname }}" |
||||
src="{{ student.avatar }}" |
||||
width="40px"> |
||||
</span> |
||||
</div> |
||||
<div class="info"> |
||||
<h3 class="name">{{ student.fullname }}</h3> |
||||
<div class="progress"> |
||||
<div |
||||
class="progress-bar progress-bar-success progress-bar-striped" |
||||
role="progressbar" |
||||
aria-valuenow="{{ student.score }}" aria-valuemin="0" |
||||
aria-valuemax="100" style="width: {{ student.score }}%;"> |
||||
{{ student.score }}% |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</li> |
||||
{% endif %} |
||||
{% endfor %} |
||||
</ul> |
||||
<span class="tracking-box-legend"> |
||||
{{ 'ProgressObtainedFromLPProgressAndTestsAverage'|get_lang }} |
||||
</span> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-md-4"> |
||||
<div class="panel panel-default"> |
||||
<div class="panel-body"> |
||||
<h4 class="tracking-box-title">{{ "TotalTimeSpentInTheCourse"|get_lang }}</h4> |
||||
<canvas id="chart-access"></canvas> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
Loading…
Reference in new issue