parent
6e0f6edb09
commit
151e691390
@ -0,0 +1,99 @@ |
||||
{% import '@ChamiloTheme/Macros/box.html.twig' as display %} |
||||
|
||||
{% set content %} |
||||
<div class="summary-course" id="summary-{{ data.id }}"> |
||||
<div class="row"> |
||||
<div class="col-md-2"> |
||||
<div class="course"> |
||||
<h4 class="title">{{ data.title }}</h4> |
||||
<div class="image"> |
||||
<img src="{{ data.image_small }}" class="img-responsive"/> |
||||
</div> |
||||
<div class="info"> |
||||
{% if data.course_code %} |
||||
<p><strong>{{ 'WantedCourseCode'|get_lang }}</strong><br>{{ data.course_code }}</p> |
||||
{% endif %} |
||||
{% if data.category %} |
||||
<p><strong>{{ 'CourseFaculty'|get_lang }}</strong><br>{{ data.category }}</p> |
||||
{% endif %} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-md-2"> |
||||
<div class="state"> |
||||
<div class="stat-text"> |
||||
<i class="fa fa-clock-o" aria-hidden="true"></i> {{ data.time_spent }} |
||||
</div> |
||||
<div class="stat-heading"> |
||||
{{ 'TimeSpentInTheCourse'|get_lang }} |
||||
</div> |
||||
</div> |
||||
<div class="state"> |
||||
<div class="stat-text"> |
||||
{{ data.total_score }} |
||||
</div> |
||||
<div class="stat-heading"> |
||||
{{ 'TotalExercisesScoreObtained'|get_lang }} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-md-4"> |
||||
<div class="list-donut"> |
||||
<div class="easy-donut"> |
||||
<div class="easypiechart-blue easypiechart" title="{{ 'Progress'|get_lang }}" data-percent="{{ data.avg_progress }}"> |
||||
<span class="percent">{{ data.avg_progress }}%</span> |
||||
</div> |
||||
<div class="easypiechart-legend"> |
||||
{{ 'AvgStudentsProgress'|get_lang }} |
||||
</div> |
||||
</div> |
||||
<div class="easy-donut"> |
||||
<div class="easypiechart-red easypiechart" title="{{ 'Progress'|get_lang }}" data-percent="{{ data.avg_score }}"> |
||||
<span class="percent">{{ data.avg_score }}%</span> |
||||
</div> |
||||
<div class="easypiechart-legend"> |
||||
{{ 'AvgCourseScore'|get_lang }} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-md-4"> |
||||
|
||||
<dl class="dl-horizontal list-info"> |
||||
<dt> |
||||
<span title="{{ 'TotalNumberOfMessages'|get_lang }}">{{ 'TotalNumberOfMessages'|get_lang }}</span> |
||||
</dt> |
||||
<dd> |
||||
<span class="text-color"><i class="fa fa-comments" aria-hidden="true"></i></span> |
||||
<span class="text-color">{{ data.number_message }}</span> |
||||
</dd> |
||||
<dt> |
||||
<span title="{{ 'TotalNumberOfAssignments'|get_lang }}">{{ 'TotalNumberOfAssignments'|get_lang }}</span> |
||||
</dt> |
||||
<dd> |
||||
<span class="text-color"><i class="fa fa-pencil" aria-hidden="true"></i></span> |
||||
<span class="text-color">{{ data.number_assignments }}</span> |
||||
</dd> |
||||
<dt> |
||||
<span title="{{ 'TotalExercisesAnswered'|get_lang }}">{{ 'TotalExercisesAnswered'|get_lang }}</span> |
||||
</dt> |
||||
<dd> |
||||
<span class="text-color"><i class="fa fa-file-text" aria-hidden="true"></i></span> |
||||
<span class="text-color">{{ data.questions_answered }}</span> |
||||
</dd> |
||||
<dt> |
||||
<span title="{{ 'LatestLogin'|get_lang }}">{{ 'LatestLogin'|get_lang }}</span> |
||||
</dt> |
||||
<dd> |
||||
<span class="text-color"><i class="fa fa-clock-o" aria-hidden="true"></i></span> |
||||
<span class="text-color">{{ data.last_login }}</span> |
||||
</dd> |
||||
</dl> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{% endset %} |
||||
|
||||
{% autoescape false %} |
||||
{{ display.panel('',content ,'') }} |
||||
{% endautoescape %} |
@ -0,0 +1,78 @@ |
||||
{% autoescape false %} |
||||
<div class="summary-height"> |
||||
<div class="summary"> |
||||
<div class="summary-body"> |
||||
<div id="summary-user-{{ item.id }}" class="summary-item"> |
||||
<div class="icon"> |
||||
<img src="{{ item.avatar }}" class="img-circle"> |
||||
</div> |
||||
<div class="user"> |
||||
<a title="{{ item.complete_name }}" href="{{ _p.web }}main/social/profile.php?u={{ item.id }}" class="name"> |
||||
{{ item.complete_name }} |
||||
</a> |
||||
<div class="username">{{ item.username }}</div> |
||||
</div> |
||||
<div class="summary-course"> |
||||
{% if item.course %} |
||||
{% for course in item.course %} |
||||
<div id="course-{{ course.real_id }}" class="course-item"> |
||||
<div class="course-info"> |
||||
<h5><a title="{{ 'Course'|get_lang }} - {{ course.title }}" href="{{ _p.web ~ 'main/mySpace/myStudents.php?details=true' ~ _p.web_cid_query ~ '&course=' ~ course.code ~ '&origin=tracking_course&id_session=0&student=' ~ item.id }}" target="_blank">{{ course.title }}</a></h5> |
||||
<span class="code">{{ course.code }}</span> |
||||
</div> |
||||
<div class="box time-spent" data-toggle="tooltip" data-placement="top" title="{{ 'CourseTimeInfo'|get_lang }}"> |
||||
<i class="fa fa-clock-o" aria-hidden="true"></i> |
||||
{{ course.time_spent }} |
||||
</div> |
||||
<div class="box" data-toggle="tooltip" data-placement="top" title="{{ 'AvgStudentsProgress'|get_lang }}"> |
||||
<span class="kt-badge student-progress"> |
||||
{{ course.student_progress }} % |
||||
</span> |
||||
</div> |
||||
<div class="box" data-toggle="tooltip" data-placement="top" title="{{ 'AvgCourseScore'|get_lang }}"> |
||||
<span class="kt-badge student-score"> |
||||
{{ course.student_score }} |
||||
</span> |
||||
</div> |
||||
<div class="box" data-toggle="tooltip" data-placement="top" title="{{ 'TotalNumberOfMessages'|get_lang }}"> |
||||
<span class="kt-badge student-message"> |
||||
{{ course.student_message }} |
||||
</span> |
||||
</div> |
||||
<div class="box" data-toggle="tooltip" data-placement="top" title="{{ 'TotalNumberOfAssignments'|get_lang }}"> |
||||
<span class="kt-badge student-assignments"> |
||||
{{ course.student_assignments }} |
||||
</span> |
||||
</div> |
||||
<div class="box"> |
||||
<span class="kt-badge student-exercises" data-toggle="tooltip" data-placement="top" title="{{ 'TotalExercisesScoreObtained'|get_lang }}"> |
||||
{{ course.student_assignments }} |
||||
</span> |
||||
</div> |
||||
<div class="box"> |
||||
<span class="kt-badge questions-answered" data-toggle="tooltip" data-placement="top" title="{{ 'TotalExercisesAnswered'|get_lang }}"> |
||||
{{ course.questions_answered }} |
||||
</span> |
||||
</div> |
||||
<div class="box box-date" data-toggle="tooltip" data-placement="top" title="{{ 'LatestLogin'|get_lang }}"> |
||||
{% if course.last_connection %} |
||||
<span class="kt-badge last-connection"> |
||||
{{ course.last_connection }} |
||||
</span> |
||||
{% endif %} |
||||
</div> |
||||
</div> |
||||
{% endfor %} |
||||
{% else %} |
||||
<div class="alert alert-warning" role="alert"> |
||||
{{ 'HaveNoCourse'|get_lang }} |
||||
</div> |
||||
{% endif %} |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
{% endautoescape %} |
Loading…
Reference in new issue