Tracking: Improve display of courseLog.php (partial)

pull/5202/head
Yannick Warnier 9 months ago
parent e5cd2e444d
commit d274e1bc8e
  1. 82
      public/main/template/default/tracking/tracking_course_log.html.twig

@ -101,70 +101,38 @@ $(() => {
</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"> {{ "Number of users"|trans }}</div>
<div class="tracking-number">
{{ number_students }}
</div>
</div>
</div>
<div class="grid grid-cols-4 gap-8 mt-4" style="display: flex; margin-bottom: 16pt;">
<div class="pt-2 flex justify-center rounded-md h-16 text-4xl border-0 hover:shadow-lg hover:border-0 hover:shadow-black" style="flex: 1; padding: 8pt;">
<i class="mdi mdi-account-group ch-tool-icon" style="font-size: 64px; width: 64px; height: 64px; display: block;" aria-hidden="true"></i>
{{ number_students }}
<div class="card-title text-center p-2 text-xl">
{{ "Number of users"|trans }}
</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"> {{ "Course progress"|trans }}</div>
<div class="tracking-number">
{{ students_completed_lp }}/{{ number_students }}
</div>
</div>
</div>
<div class="pt-2 flex justify-center rounded-md h-16 text-4xl border-0 hover:shadow-lg hover:border-0 hover:shadow-black" style="flex: 1; padding: 8pt;">
<i class="mdi mdi-progress-check ch-tool-icon" style="font-size: 64px; width: 64px; height: 64px; display: block;" aria-hidden="true"></i>
{{ students_completed_lp }}/{{ number_students }}
<div class="card-title text-center p-2 text-xl">
{{ "Course progress"|trans }}
</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"> {{ "Exercise average"|trans }}</div>
<div class="tracking-number">
{{ students_test_score }}%
</div>
</div>
</div>
<div class="pt-2 flex justify-center rounded-md h-16 text-4xl border-0 hover:shadow-lg hover:border-0 hover:shadow-black" style="flex: 1; padding: 8pt;">
<i class="mdi mdi-chart-box ch-tool-icon" style="font-size: 64px; width: 64px; height: 64px; display: block;" aria-hidden="true"></i>
{{ students_test_score }}%
<div class="card-title text-center p-2 text-xl">
{{ "Exercise average"|trans }}
</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"> {{ "Certificates count"|trans }}</div>
<div class="tracking-number">
{{ certificate_count }}/{{ number_students }}
</div>
</div>
</div>
<div class="pt-2 flex justify-center rounded-md h-16 text-4xl border-0 hover:shadow-lg hover:border-0 hover:shadow-black" style="flex: 1; padding: 8pt;">
<i class="mdi mdi-certificate ch-tool-icon" style="font-size: 64px; width: 64px; height: 64px; display: block;" aria-hidden="true"></i>
{{ certificate_count }}/{{ number_students }}
<div class="card-title text-center p-2 text-xl">
{{ "Certificates count"|trans }}
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="row" style="display: flex;">
<div class="col-md-4" style="flex: 1; margin: 8pt;">
<div class="panel panel-default">
<div class="panel-body">
<div class="tracking-chart">
@ -174,7 +142,7 @@ $(() => {
</div>
</div>
</div>
<div class="col-md-4">
<div class="col-md-4" style="flex: 1; margin: 8pt;">
<div class="panel panel-default tracking-top-student">
<div class="panel-body">
<h4 class="tracking-box-title">{{ 'Outstanding students'|trans }}</h4>
@ -215,7 +183,7 @@ $(() => {
</div>
</div>
</div>
<div class="col-md-4">
<div class="col-md-4" style="flex: 1; margin: 8pt;">
<div class="panel panel-default">
<div class="panel-body">
<h4 class="tracking-box-title">{{ "Total time spent in the course"|trans }}</h4>

Loading…
Cancel
Save