eduvia/lms
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: rating on course card and profile page responsive

Browse Source
This commit is contained in:
pateljannat
2021-07-13 16:54:45 +05:30
parent 47f2d3cb7b
commit ec852fc255
3 changed files with 56 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
community/lms/widgets/CourseCard.html
View File

@@ -29,12 +29,21 @@
<span class="course-instructor"> <span class="course-instructor">
{{ course.get_instructor().full_name }} {{ course.get_instructor().full_name }}
</span> </span>
{% if course.get_students() | length %}
<span class="course-student-count"> <span class="course-student-count">
<img class="icon-background mr-1" src="/assets/community/icons/user.svg" /> {% if course.get_students() | length %}
{{ course.get_students() | length }} <span class="mr-4">
<img class="icon-background" src="/assets/community/icons/user.svg" />
{{ course.get_students() | length }}
</span>
{% endif %}
{% set avg_rating = course.get_average_rating() %}
{% if avg_rating %}
<span>
<img class="icon-background" src="/assets/community/icons/rating.svg" />
{{ avg_rating }}
</span>
{% endif %}
</span> </span>
{% endif %}
</div> </div>
{% set membership = course.get_membership(frappe.session.user) %} {% set membership = course.get_membership(frappe.session.user) %}

7
community/public/css/style.css
View File

@@ -1075,6 +1075,13 @@ div.custom-checkbox>label>input:checked+img {
margin: 0px 4px 4px; margin: 0px 4px 4px;
} }
.profile-page {
max-width: 1150px;
margin: 0 auto;
padding-top: 1rem;
padding-bottom: 1rem;
}
.profile-courses { .profile-courses {
margin-top: 3rem; margin-top: 3rem;
} }

68
community/www/profiles/profile.html
View File

@@ -6,14 +6,12 @@
{% block content %} {% block content %}
<div class="common-page-style"> <div class="common-page-style">
<div class="course-home-page"> <div class="col profile-page">
{{ widgets.MemberCard(member=member, show_course_count=True, dimension_class="member-card-xl") }} {{ widgets.MemberCard(member=member, show_course_count=True, dimension_class="member-card-xl") }}
{{ AboutOverviewSection(member) }} {{ AboutOverviewSection(member) }}
<div class="profile-courses"> {{ CoursesCreated(member) }}
{{ CoursesCreated(member) }} {{ CoursesMentored(member) }}
{{ CoursesMentored(member) }} {{ CoursesEnrolled(member) }}
{{ CoursesEnrolled(member) }}
</div>
{{ ProfileTabs(profile_tabs) }} {{ ProfileTabs(profile_tabs) }}
</div> </div>
</div> </div>
@@ -22,7 +20,7 @@
{% macro AboutOverviewSection(member) %} {% macro AboutOverviewSection(member) %}
<div class="course-outline-instructor-parent"> <div class="course-outline-instructor-parent">
{% if member.bio %} {% if member.bio %}
<div class="course-overview-section"> <div class="course-overview-section col">
<div class="course-home-headings"> <div class="course-home-headings">
About About
</div> </div>
@@ -31,7 +29,7 @@
</div> </div>
</div> </div>
{% endif %} {% endif %}
<div class="course-overview-section"> <div class="course-overview-section col-sm-auto">
<div class="course-home-headings"> <div class="course-home-headings">
Overview Overview
</div> </div>
@@ -62,42 +60,48 @@
{% macro CoursesCreated(member) %} {% macro CoursesCreated(member) %}
{% if member.get_authored_courses() | length %} {% if member.get_authored_courses() | length %}
<div class="course-home-headings"> <div class="profile-courses">
Courses Created <div class="course-home-headings">
</div> Courses Created
<div class="cards-parent"> </div>
{% for course in member.get_authored_courses() %} <div class="cards-parent">
{% set course_details = frappe.get_doc("LMS Course", course) %} {% for course in member.get_authored_courses() %}
{{ widgets.CourseCard(course=course_details) }} {% set course_details = frappe.get_doc("LMS Course", course) %}
{% endfor %} {{ widgets.CourseCard(course=course_details) }}
{% endfor %}
</div>
</div> </div>
{% endif %} {% endif %}
{% endmacro %} {% endmacro %}
{% macro CoursesMentored(member) %} {% macro CoursesMentored(member) %}
{% if member.get_course_membership("Mentor") | length %} {% if member.get_course_membership("Mentor") | length %}
<div class="course-home-headings"> <div class="profile-courses">
Courses Mentored <div class="course-home-headings">
</div> Courses Mentored
<div class="cards-parent"> </div>
{% for membership in member.get_course_membership("Mentor") %} <div class="cards-parent">
{% set course_details = frappe.get_doc("LMS Course", membership.course) %} {% for membership in member.get_course_membership("Mentor") %}
{{ widgets.CourseCard(course=course_details) }} {% set course_details = frappe.get_doc("LMS Course", membership.course) %}
{% endfor %} {{ widgets.CourseCard(course=course_details) }}
{% endfor %}
</div>
</div> </div>
{% endif %} {% endif %}
{% endmacro %} {% endmacro %}
{% macro CoursesEnrolled(member) %} {% macro CoursesEnrolled(member) %}
{% if member.get_course_membership("Student") | length %} {% if member.get_course_membership("Student") | length %}
<div class="course-home-headings"> <div class="profile-courses">
Courses Enrolled <div class="course-home-headings">
</div> Courses Enrolled
<div class="cards-parent"> </div>
{% for membership in member.get_course_membership("Student") %} <div class="cards-parent">
{% set course_details = frappe.get_doc("LMS Course", membership.course) %} {% for membership in member.get_course_membership("Student") %}
{{ widgets.CourseCard(course=course_details) }} {% set course_details = frappe.get_doc("LMS Course", membership.course) %}
{% endfor %} {{ widgets.CourseCard(course=course_details) }}
{% endfor %}
</div>
</div> </div>
{% endif %} {% endif %}
{% endmacro %} {% endmacro %}