feat: certified participants page

lms/www/batches/index.html

@@ -174,7 +174,7 @@
 	<img class="icon icon-xl" src="/assets/lms/icons/comment.svg">
 	<div class="empty-state-text">
 		<div class="empty-state-heading">{{ _("No Batches") }}</div>
-		<div class="course-meta">{{ _("Nothing to see here.") }}</div>
+		<div class="course-meta">{{ _("Please contact the Administrator for more information.") }}</div>
 	</div>
 </div>
 {% endmacro %}

lms/www/certified_participants/certified_participants.html

@@ -7,11 +7,28 @@
 <main class="common-page-style">
     <div class="container">
         <header>
-            <div class="page-title">
+            {% if course_filter | length %}
+                <select class="lms-menu pull-right" id="certificate-filter">
+                    <option selected value="">
+                        {{ _("Filter by Certificate") }}
+                    </option>
+                    {% for course in course_filter %}
+                    <option value="{{ course }}">
+                        {{ course }}
+                    </option>
+                    {% endfor %}
+                </select>
+            {% endif %}
+            <div class="page-title mb-5">
                 {{ _("Certified Participants") }}
             </div>
         </header>
-        {{ ParticipantsList() }}
+        {% if participants | length %}
+            {{ ParticipantsList() }}
+        {% else %}
+            {{ EmptyState() }}
+        {% endif %}
+
     </div>
 </main>
 {% endblock %}
@@ -21,15 +38,25 @@
     {% for participant in participants %}
     <div class="common-card-style column-card align-center">
         {{ widgets.Avatar(member=participant, avatar_class="avatar-large") }}
-        <div class="bold-heading">
+        <div class="bold-heading text-center">
             {{ participant.full_name }}
         </div>
         {% for course in participant.courses %}
-        <div>
+        <div class="course-name text-center mb-1" data-course="{{ course }}">
             {{ course }}
         </div>
         {% endfor %}
     </div>
     {% endfor %}
 </article>
+{% endmacro %}
+
+{% macro EmptyState() %}
+<div class="empty-state">
+	<img class="icon icon-xl" src="/assets/lms/icons/comment.svg">
+	<div class="empty-state-text">
+		<div class="empty-state-heading">{{ _("No Certified Participants") }}</div>
+		<div class="course-meta">{{ _("Enroll in a batch to get certified.") }}</div>
+	</div>
+</div>
 {% endmacro %}

lms/www/certified_participants/certified_participants.js

@@ -0,0 +1,18 @@
+frappe.ready(() => {
+	$("#certificate-filter").change((e) => {
+		filter_certified_participants();
+	});
+});
+
+const filter_certified_participants = () => {
+	const certificate = $("#certificate-filter").val();
+	$(".common-card-style").removeClass("hide");
+
+	if (certificate) {
+		$(".common-card-style").addClass("hide");
+		$(`[data-course='${certificate}']`)
+			.closest(".common-card-style")
+			.removeClass("hide");
+		console.log(certificate);
+	}
+};

lms/www/certified_participants/certified_participants.py

@@ -3,20 +3,40 @@ import frappe
 
 def get_context(context):
 	context.no_cache = 1
-	context.members = frappe.get_all(
-		"LMS Certificate", pluck="member", order_by="creation desc", distinct=1
+	members = frappe.get_all(
+		"LMS Certificate",
+		filters={"published": 1},
+		pluck="member",
+		order_by="issue_date desc",
+		distinct=1,
 	)
 
 	participants = []
-	for member in context.members:
+	course_filter = []
+	for member in members:
 		details = frappe.db.get_value(
 			"User", member, ["name", "full_name", "user_image", "username", "enabled"], as_dict=1
 		)
-		courses = frappe.get_all("LMS Certificate", {"member": member}, pluck="course")
+		courses = frappe.get_all(
+			"LMS Certificate",
+			filters={"member": member, "published": 1},
+			fields=["course", "issue_date"],
+		)
 		details.courses = []
 		for course in courses:
-			details.courses.append(frappe.db.get_value("LMS Course", course, "title"))
+
+			if not details.issue_date:
+				details.issue_date = course.issue_date
+
+			title = frappe.db.get_value("LMS Course", course.course, "title")
+			details.courses.append(title)
+
+			if title not in course_filter:
+				course_filter.append(title)
+
 		if details.enabled:
 			participants.append(details)
 
+	participants = sorted(participants, key=lambda d: d.issue_date, reverse=True)
 	context.participants = participants
+	context.course_filter = course_filter