fix: profile ui

This commit is contained in:
Jannat Patel
2022-09-13 17:13:25 +05:30
parent adad299724
commit efe73a21d9
4 changed files with 33 additions and 9 deletions

View File

@@ -8,7 +8,7 @@
<div> {{ member.headline }} </div>
{% endif %}
{% set course_count = get_authored_courses(member.name) | length %}
{% set course_count = get_authored_courses(member.name, True) | length %}
{% if show_course_count and course_count > 0 %}
{% set suffix = "Courses" if course_count > 1 else "Course" %}
<div class="">

View File

@@ -125,9 +125,10 @@ input[type=checkbox] {
}
.course-card-title {
font-weight: 600;
color: var(--gray-900);
margin-bottom: 1.25rem;
font-weight: 600;
color: var(--gray-900);
margin-bottom: 1.25rem;
font-size: 1.125rem;
}
.card-divider {
@@ -1399,8 +1400,8 @@ pre {
.lms-nav .nav-link {
color: var(--text-muted);
padding: 0 0 var(--padding-md);
margin-right: var(--margin-xl);
padding: var(--padding-md) 0;
margin: 0 var(--margin-md);
}
.lms-nav .nav-link.active {
@@ -1409,6 +1410,12 @@ pre {
color: var(--text-color);
}
@media (min-width: 500px) {
.lms-nav .nav-item:first-child .nav-link {
margin-left: 0;
}
}
.lms-nav .nav-link:hover {
color: inherit;
}
@@ -1691,6 +1698,12 @@ li {
cursor: pointer;
}
@media (min-width: 500px) {
.role:last-child {
margin-left: 5rem
}
}
.icon-xl {
width: 2.75rem;
height: 2.75rem;

View File

@@ -1,4 +1,4 @@
{% set courses = get_authored_courses(user or None, only_published=False) %}
{% set courses = get_authored_courses(user or None, only_published or False) %}
{% if courses | length %}
<div class="cards-parent">

View File

@@ -7,6 +7,8 @@
{% block content %}
{% set read_only = member.name != frappe.session.user %}
{% set user = member.name %}
{% set courses_created = get_authored_courses(member.name, True) %}
{% set certificates = get_certificates(user) %}
<div class="common-page-style profile-page">
{{ ProfileBanner(member) }}
@@ -21,17 +23,21 @@
</a>
</li>
{% if courses_created | length %}
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#courses-created">
{{ _("Courses Created") }}
</a>
</li>
{% endif %}
{% if certificates | length %}
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#certificates">
{{ _("Certificates") }}
</a>
</li>
{% endif %}
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#settings">
@@ -55,13 +61,18 @@
{{ ProfileTabs(profile_tabs) }}
</div>
{% if courses_created | length %}
{% set only_published = True %}
<div class="tab-pane fade" id="courses-created" role="tabpanel" aria-labelledby="courses-created">
{% include "lms/templates/courses_created.html" %}
</div>
{% endif %}
{% if certificates | length %}
<div class="tab-pane fade" id="certificates" role="tabpanel" aria-labelledby="certificates">
{% include "lms/templates/certificates_section.html" %}
</div>
{% endif %}
<div class="tab-pane fade" id="settings" role="tabpanel" aria-labelledby="settings">
{{ RoleSettings(member) }}
@@ -92,7 +103,7 @@
<div class="profile-name-section">
<div class="profile-name" data-name="{{ member.name }}"> {{ member.full_name }} </div>
{% if get_authored_courses(member.name) | length %}
{% if courses_created | length %}
<div class="creator-badge"> {{ _("Creator") }} </div>
{% endif %}
@@ -167,7 +178,7 @@
{% if has_course_instructor_role(member.name) %} checked {% endif %}>
{{ _("Course Instructor") }}
</label>
<label class="role ml-20">
<label class="role">
<input type="checkbox" id="moderator" data-role="Course Moderator"
{% if has_course_moderator_role(member.name) %} checked {% endif %}>
{{ _("Course Moderator") }}