fix: profile ui
This commit is contained in:
@@ -8,7 +8,7 @@
|
|||||||
<div> {{ member.headline }} </div>
|
<div> {{ member.headline }} </div>
|
||||||
{% endif %}
|
{% 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 %}
|
{% if show_course_count and course_count > 0 %}
|
||||||
{% set suffix = "Courses" if course_count > 1 else "Course" %}
|
{% set suffix = "Courses" if course_count > 1 else "Course" %}
|
||||||
<div class="">
|
<div class="">
|
||||||
|
|||||||
@@ -125,9 +125,10 @@ input[type=checkbox] {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.course-card-title {
|
.course-card-title {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: var(--gray-900);
|
color: var(--gray-900);
|
||||||
margin-bottom: 1.25rem;
|
margin-bottom: 1.25rem;
|
||||||
|
font-size: 1.125rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-divider {
|
.card-divider {
|
||||||
@@ -1399,8 +1400,8 @@ pre {
|
|||||||
|
|
||||||
.lms-nav .nav-link {
|
.lms-nav .nav-link {
|
||||||
color: var(--text-muted);
|
color: var(--text-muted);
|
||||||
padding: 0 0 var(--padding-md);
|
padding: var(--padding-md) 0;
|
||||||
margin-right: var(--margin-xl);
|
margin: 0 var(--margin-md);
|
||||||
}
|
}
|
||||||
|
|
||||||
.lms-nav .nav-link.active {
|
.lms-nav .nav-link.active {
|
||||||
@@ -1409,6 +1410,12 @@ pre {
|
|||||||
color: var(--text-color);
|
color: var(--text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (min-width: 500px) {
|
||||||
|
.lms-nav .nav-item:first-child .nav-link {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.lms-nav .nav-link:hover {
|
.lms-nav .nav-link:hover {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
}
|
}
|
||||||
@@ -1691,6 +1698,12 @@ li {
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (min-width: 500px) {
|
||||||
|
.role:last-child {
|
||||||
|
margin-left: 5rem
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.icon-xl {
|
.icon-xl {
|
||||||
width: 2.75rem;
|
width: 2.75rem;
|
||||||
height: 2.75rem;
|
height: 2.75rem;
|
||||||
|
|||||||
@@ -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 %}
|
{% if courses | length %}
|
||||||
<div class="cards-parent">
|
<div class="cards-parent">
|
||||||
|
|||||||
@@ -7,6 +7,8 @@
|
|||||||
{% block content %}
|
{% block content %}
|
||||||
{% set read_only = member.name != frappe.session.user %}
|
{% set read_only = member.name != frappe.session.user %}
|
||||||
{% set user = member.name %}
|
{% 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">
|
<div class="common-page-style profile-page">
|
||||||
{{ ProfileBanner(member) }}
|
{{ ProfileBanner(member) }}
|
||||||
@@ -21,17 +23,21 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
|
{% if courses_created | length %}
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" data-toggle="tab" href="#courses-created">
|
<a class="nav-link" data-toggle="tab" href="#courses-created">
|
||||||
{{ _("Courses Created") }}
|
{{ _("Courses Created") }}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% if certificates | length %}
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" data-toggle="tab" href="#certificates">
|
<a class="nav-link" data-toggle="tab" href="#certificates">
|
||||||
{{ _("Certificates") }}
|
{{ _("Certificates") }}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" data-toggle="tab" href="#settings">
|
<a class="nav-link" data-toggle="tab" href="#settings">
|
||||||
@@ -55,13 +61,18 @@
|
|||||||
{{ ProfileTabs(profile_tabs) }}
|
{{ ProfileTabs(profile_tabs) }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{% if courses_created | length %}
|
||||||
|
{% set only_published = True %}
|
||||||
<div class="tab-pane fade" id="courses-created" role="tabpanel" aria-labelledby="courses-created">
|
<div class="tab-pane fade" id="courses-created" role="tabpanel" aria-labelledby="courses-created">
|
||||||
{% include "lms/templates/courses_created.html" %}
|
{% include "lms/templates/courses_created.html" %}
|
||||||
</div>
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% if certificates | length %}
|
||||||
<div class="tab-pane fade" id="certificates" role="tabpanel" aria-labelledby="certificates">
|
<div class="tab-pane fade" id="certificates" role="tabpanel" aria-labelledby="certificates">
|
||||||
{% include "lms/templates/certificates_section.html" %}
|
{% include "lms/templates/certificates_section.html" %}
|
||||||
</div>
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
<div class="tab-pane fade" id="settings" role="tabpanel" aria-labelledby="settings">
|
<div class="tab-pane fade" id="settings" role="tabpanel" aria-labelledby="settings">
|
||||||
{{ RoleSettings(member) }}
|
{{ RoleSettings(member) }}
|
||||||
@@ -92,7 +103,7 @@
|
|||||||
<div class="profile-name-section">
|
<div class="profile-name-section">
|
||||||
<div class="profile-name" data-name="{{ member.name }}"> {{ member.full_name }} </div>
|
<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>
|
<div class="creator-badge"> {{ _("Creator") }} </div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
@@ -167,7 +178,7 @@
|
|||||||
{% if has_course_instructor_role(member.name) %} checked {% endif %}>
|
{% if has_course_instructor_role(member.name) %} checked {% endif %}>
|
||||||
{{ _("Course Instructor") }}
|
{{ _("Course Instructor") }}
|
||||||
</label>
|
</label>
|
||||||
<label class="role ml-20">
|
<label class="role">
|
||||||
<input type="checkbox" id="moderator" data-role="Course Moderator"
|
<input type="checkbox" id="moderator" data-role="Course Moderator"
|
||||||
{% if has_course_moderator_role(member.name) %} checked {% endif %}>
|
{% if has_course_moderator_role(member.name) %} checked {% endif %}>
|
||||||
{{ _("Course Moderator") }}
|
{{ _("Course Moderator") }}
|
||||||
|
|||||||
Reference in New Issue
Block a user