chamilo
/
chamilo-lms
mirror of https://github.com/chamilo/chamilo-lms/tree/1.11.x
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

User Portal: Improve layout for course_student_info - refs BT#18622

Browse Source
pull/3859/head
Angel Fernando Quiroz Campos 4 years ago
parent b17b552e76
commit e3263b6832
9 changed files with 95 additions and 200 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 26
      app/Resources/public/css/base.css
  2. 35
      main/template/default/user_portal/classic_courses_with_category.tpl
  3. 33
      main/template/default/user_portal/classic_courses_without_category.tpl
  4. 32
      main/template/default/user_portal/classic_session.tpl
  5. 35
      main/template/default/user_portal/course_student_info.tpl
  6. 34
      main/template/default/user_portal/grid_course_student_info.tpl
  7. 33
      main/template/default/user_portal/grid_courses_with_category.tpl
  8. 34
      main/template/default/user_portal/grid_courses_without_category.tpl
  9. 33
      main/template/default/user_portal/grid_session.tpl

26
app/Resources/public/css/base.css
Unescape View File

@ -6487,13 +6487,6 @@ div#chat-remote-video video {
border-bottom: 1px solid #ECF0F1;
}
.grid-courses .items .course-student-info {
background-color: #d9edf7;
border: 1px solid #bce8f1;
padding: 5px;
border-radius: 5px;
}
.grid-courses .items .code-title {
font-size: 10px;
font-weight: bold;
@ -6529,12 +6522,19 @@ div#chat-remote-video video {
transition: box-shadow .3s ease, border .3s ease;
}
.grid-courses .items.my-courses .course-student-info {
font-size: 10px;
text-align: center;
background: none;
border: none;
padding: 0;
.grid-courses .items .course-student-info {
padding-bottom: 10px;
font-size: 11px;
}
.grid-courses .items .course-student-info hr {
margin: 15px 0 10px;
}
.grid-courses .items .course-student-info .progress {
margin-bottom: 10px;
}
.course-student-info .progress-bar {
line-height: 15px;
vertical-align: middle;
}
.grid-courses .items.my-courses .title {

35
main/template/default/user_portal/classic_courses_with_category.tpl
Unescape View File

@ -1,4 +1,4 @@
{% import 'default/macro/macro.tpl' as display %}
{% import 'macro/macro.tpl'|get_template as display %}
{% if not categories is empty %}
<div class="classic-courses">
@ -69,37 +69,8 @@
{% endfor %}
{% endif %}
</div>
{% if item.student_info %}
{% if item.student_info.progress is not null or item.student_info.score is not null or item.student_info.certificate is not null %}
{% set one_column = item.student_info.score is null and item.student_info.certificate is null %}
<div class="course-student-info">
<div class="student-info">
<div class="row">
<div class="{{ one_column ? 'col-xs-12' : 'col-xs-8' }}">
{{ 'CourseProgress'|get_lang }}
<div class="progress">
<div class="progress-bar progress-bar-info progress-bar-striped" role="progressbar" aria-valuenow="{{ item.student_info.progress }}"
aria-valuemin="0" aria-valuemax="100" style="width: {{ item.student_info.progress }}%;">
{{ 'XPercent'|get_lang|format(item.student_info.progress) }}
</div>
</div>
</div>
<div class="{{ one_column ? '' : 'col-xs-4' }}">
{% if item.student_info.score is not null %}
<div>{{ "StudentCourseScoreX" | get_lang | format(item.student_info.score) }}</div>
{% endif %}
{% if item.student_info.certificate is not null %}
<div title="{{ "StudentCourseCertificateX" | get_lang | format(item.student_info.certificate) }}">
<i class="fa fa-certificate text-warning" aria-hidden="true"></i>
{{ item.student_info.certificate }}
</div>
{% endif %}
</div>
</div>
</div>
</div>
{% endif %}
{% endif %}
{% include 'user_portal/course_student_info.tpl'|get_template with { 'student_info': item.student_info } %}
</div>
</div>
</div>

33
main/template/default/user_portal/classic_courses_without_category.tpl
Unescape View File

@ -71,37 +71,8 @@
{% endfor %}
{% endif %}
</div>
{% if item.student_info %}
{% if item.student_info.progress is not null or item.student_info.score is not null or item.student_info.certificate is not null %}
{% set one_column = item.student_info.score is null and item.student_info.certificate is null %}
<div class="course-student-info">
<div class="student-info">
<div class="row">
<div class="{{ one_column ? 'col-xs-12' : 'col-xs-8' }}">
{{ 'CourseProgress'|get_lang }}
<div class="progress">
<div class="progress-bar progress-bar-info progress-bar-striped" role="progressbar" aria-valuenow="{{ item.student_info.progress }}"
aria-valuemin="0" aria-valuemax="100" style="width: {{ item.student_info.progress }}%;">
{{ 'XPercent'|get_lang|format(item.student_info.progress) }}
</div>
</div>
</div>
<div class="{{ one_column ? '' : 'col-xs-4' }}">
{% if item.student_info.score is not null %}
<div>{{ "StudentCourseScoreX" | get_lang | format(item.student_info.score) }}</div>
{% endif %}
{% if item.student_info.certificate is not null %}
<div>
<i class="fa fa-certificate text-warning" aria-hidden="true"></i>
{{ "StudentCourseCertificateX" | get_lang | format(item.student_info.certificate) }}
</div>
{% endif %}
</div>
</div>
</div>
</div>
{% endif %}
{% endif %}
{% include 'user_portal/course_student_info.tpl'|get_template with { 'student_info': item.student_info } %}
</div>
<div class="category">
{{ item.category }}

32
main/template/default/user_portal/classic_session.tpl
Unescape View File

@ -139,37 +139,7 @@
{% endif %}
</div>
{% if item.student_info %}
{% if item.student_info.progress is not null or item.student_info.score is not null or item.student_info.certificate is not null %}
{% set one_column = item.student_info.score is null and item.student_info.certificate is null %}
<div class="course-student-info">
<div class="student-info">
<div class="row">
<div class="{{ one_column ? 'col-xs-12' : 'col-xs-8' }}">
{{ 'CourseProgress'|get_lang }}
<div class="progress">
<div class="progress-bar progress-bar-info progress-bar-striped" role="progressbar" aria-valuenow="{{ item.student_info.progress }}"
aria-valuemin="0" aria-valuemax="100" style="width: {{ item.student_info.progress }}%;">
{{ 'XPercent'|get_lang|format(item.student_info.progress) }}
</div>
</div>
</div>
<div class="{{ one_column ? '' : 'col-xs-4' }}">
{% if item.student_info.score is not null %}
<div>{{ "StudentCourseScoreX" | get_lang | format(item.student_info.score) }}</div>
{% endif %}
{% if item.student_info.certificate is not null %}
<div>
<i class="fa fa-certificate text-warning" aria-hidden="true"></i>
{{ "StudentCourseCertificateX" | get_lang | format(item.student_info.certificate) }}
</div>
{% endif %}
</div>
</div>
</div>
</div>
{% endif %}
{% endif %}
{% include 'user_portal/course_student_info.tpl'|get_template with { 'student_info': item.student_info } %}
</div>
</div>
</div>

35
main/template/default/user_portal/course_student_info.tpl
Unescape View File

@ -0,0 +1,35 @@
{% if student_info %}
{% if not student_info.progress is null or not student_info.score is null or not student_info.certificate is null %}
{% set num_columns = (student_info.progress is null ? 0 : 1) + (student_info.score is null ? 0 : 1) + (student_info.certificate is null ? 0 : 1) %}
<div class="course-student-info">
<div class="student-info">
<hr>
<div class="row">
{% if not student_info.progress is null %}
<div class="{{ num_columns == 1 ? 'col-xs-12' : (num_columns == 2 ? 'col-xs-9' : 'col-xs-6') }}">
<strong>{{ 'CourseAdvance'|get_lang }}</strong>
<div class="progress">
<div class="progress-bar progress-bar-success" role="progressbar"
aria-valuenow="{{ student_info.progress }}" aria-valuemin="0" aria-valuemax="100"
style="width: {{ student_info.progress }}%;">
{{ 'XPercentCompleted'|get_lang|format(student_info.progress) }}
</div>
</div>
</div>
{% endif %}
{% if not student_info.score is null %}
<div class="col-xs-3">
<div>{{ "StudentCourseScoreX" | get_lang | format(student_info.score) }}</div>
</div>
{% endif %}
{% if not student_info.certificate is null %}
<div class="col-xs-3">
<i class="fa fa-certificate text-warning" aria-hidden="true"></i>
{{ "StudentCourseCertificateX" | get_lang | format(student_info.certificate) }}
</div>
{% endif %}
</div>
</div>
</div>
{% endif %}
{% endif %}

34
main/template/default/user_portal/grid_course_student_info.tpl
Unescape View File

@ -0,0 +1,34 @@
{% if student_info %}
{% if not student_info.progress is null or not student_info.score is null or not student_info.certificate is null %}
{% set num_columns = (student_info.progress is null ? 0 : 1) + (student_info.score is null ? 0 : 1) + (student_info.certificate is null ? 0 : 1) %}
<div class="course-student-info">
<div class="student-info">
<hr>
{% if not student_info.progress is null %}
<strong>{{ 'CourseAdvance'|get_lang }}</strong>
<div class="progress">
<div class="progress-bar progress-bar-success" role="progressbar"
aria-valuenow="{{ student_info.progress }}" aria-valuemin="0" aria-valuemax="100"
style="width: {{ student_info.progress }}%;">
{{ 'XPercentCompleted'|get_lang|format(student_info.progress) }}
</div>
</div>
{% endif %}
<div class="row">
{% if not student_info.score is null %}
<div class="col-xs-6">
{{ "StudentCourseScoreX" | get_lang | format(student_info.score) }}
</div>
{% endif %}
{% if not student_info.certificate is null %}
<div class="col-xs-6 {% if num_columns >= 2 %}text-right{% endif %}">
<i class="fa fa-certificate text-warning" aria-hidden="true"></i>
{{ "StudentCourseCertificateX" | get_lang | format(student_info.certificate) }}
</div>
{% endif %}
</div>
</div>
</div>
{% endif %}
{% endif %}

33
main/template/default/user_portal/grid_courses_with_category.tpl
Unescape View File

@ -106,37 +106,8 @@
{% if item.notifications %}
<div class="notifications">{{ item.notifications }}</div>
{% endif %}
{% if item.student_info %}
{% if item.student_info.progress is not null or item.student_info.score is not null or item.student_info.certificate is not null %}
{% set one_column = item.student_info.score is null and item.student_info.certificate is null %}
<div class="course-student-info">
<div class="student-info">
<div class="row">
<div class="{{ one_column ? 'col-xs-12' : 'col-xs-8' }}">
{{ 'CourseProgress'|get_lang }}
<div class="progress">
<div class="progress-bar progress-bar-info progress-bar-striped" role="progressbar" aria-valuenow="{{ item.student_info.progress }}"
aria-valuemin="0" aria-valuemax="100" style="width: {{ item.student_info.progress }}%;">
{{ 'XPercent'|get_lang|format(item.student_info.progress) }}
</div>
</div>
</div>
<div class="{{ one_column ? '' : 'col-xs-4' }}">
{% if item.student_info.score is not null %}
<div>{{ "StudentCourseScoreX" | get_lang | format(item.student_info.score) }}</div>
{% endif %}
{% if item.student_info.certificate is not null %}
<div title="{{ "StudentCourseCertificateX" | get_lang | format(item.student_info.certificate) }}">
<i class="fa fa-certificate text-warning" aria-hidden="true"></i>
{{ item.student_info.certificate }}
</div>
{% endif %}
</div>
</div>
</div>
</div>
{% endif %}
{% endif %}
{% include 'user_portal/grid_course_student_info.tpl'|get_template with { 'student_info':item.student_info } %}
</div>
</div>
</div>

34
main/template/default/user_portal/grid_courses_without_category.tpl
Unescape View File

@ -99,37 +99,9 @@
{% if item.notifications %}
<div class="notifications">{{ item.notifications }}</div>
{% endif %}
{% if item.student_info %}
{% if item.student_info.progress is not null or item.student_info.score is not null or item.student_info.certificate is not null %}
{% set one_column = item.student_info.score is null and item.student_info.certificate is null %}
<div class="course-student-info">
<div class="student-info">
<div class="row">
<div class="{{ one_column ? 'col-xs-12' : 'col-xs-8' }}">
{{ 'CourseProgress'|get_lang }}
<div class="progress">
<div class="progress-bar progress-bar-info progress-bar-striped" role="progressbar" aria-valuenow="{{ item.student_info.progress }}"
aria-valuemin="0" aria-valuemax="100" style="width: {{ item.student_info.progress }}%;">
{{ 'XPercent'|get_lang|format(item.student_info.progress) }}
</div>
</div>
</div>
<div class="{{ one_column ? '' : 'col-xs-4' }}">
{% if item.student_info.score is not null %}
<div>{{ "StudentCourseScoreX" | get_lang | format(item.student_info.score) }}</div>
{% endif %}
{% if item.student_info.certificate is not null %}
<div title="{{ "StudentCourseCertificateX" | get_lang | format(item.student_info.certificate) }}">
<i class="fa fa-certificate text-warning" aria-hidden="true"></i>
{{ item.student_info.certificate }}
</div>
{% endif %}
</div>
</div>
</div>
</div>
{% endif %}
{% endif %}
{% include 'user_portal/grid_course_student_info.tpl'|get_template with { 'student_info':item.student_info } %}
{{ item.unregister_button }}
</div>

33
main/template/default/user_portal/grid_session.tpl
Unescape View File

@ -99,37 +99,8 @@
<div class="notifications">
{{ course.notifications }}
</div>
{% if item.student_info %}
{% if item.student_info.progress is not null or item.student_info.score is not null or item.student_info.certificate is not null %}
{% set one_column = item.student_info.score is null and item.student_info.certificate is null %}
<div class="course-student-info">
<div class="student-info">
<div class="row">
<div class="{{ one_column ? 'col-xs-12' : 'col-xs-8' }}">
{{ 'CourseProgress'|get_lang }}
<div class="progress">
<div class="progress-bar progress-bar-info progress-bar-striped" role="progressbar" aria-valuenow="{{ item.student_info.progress }}"
aria-valuemin="0" aria-valuemax="100" style="width: {{ item.student_info.progress }}%;">
{{ 'XPercent'|get_lang|format(item.student_info.progress) }}
</div>
</div>
</div>
<div class="{{ one_column ? '' : 'col-xs-4' }}">
{% if item.student_info.score is not null %}
<div>{{ "StudentCourseScoreX" | get_lang | format(item.student_info.score) }}</div>
{% endif %}
{% if item.student_info.certificate is not null %}
<div>
<i class="fa fa-certificate text-warning" aria-hidden="true"></i>
{{ "StudentCourseCertificateX" | get_lang | format(item.student_info.certificate) }}
</div>
{% endif %}
</div>
</div>
</div>
</div>
{% endif %}
{% endif %}
{% include 'user_portal/grid_course_student_info.tpl'|get_template with { 'student_info':course.student_info } %}
</div>
</div>
</div>

Write Preview
Loading…
Cancel
Save