From 0c9fdc6534056b6989a482b51602ac2170ef0330 Mon Sep 17 00:00:00 2001
From: Arun Mathai SK <me@arunmathaisk.in>
Date: Thu, 2 May 2024 13:00:46 +0000
Subject: [PATCH] feat: CertifiedParticipants.vue page is now searchable

---
 frontend/src/pages/CertifiedParticipants.vue | 32 +++++++++--
 lms/lms/api.py                               | 56 ++++++++++----------
 2 files changed, 57 insertions(+), 31 deletions(-)

diff --git a/frontend/src/pages/CertifiedParticipants.vue b/frontend/src/pages/CertifiedParticipants.vue
index 93bba06a..7e0f5dc3 100644
--- a/frontend/src/pages/CertifiedParticipants.vue
+++ b/frontend/src/pages/CertifiedParticipants.vue
@@ -4,6 +4,20 @@
 	>
 		<Breadcrumbs :items="breadcrumbs" />
 	</header>
+
+	<div class="m-5">
+		<FormControl
+			type="text"
+			placeholder="Search Participants"
+			v-model="searchQuery"
+			@input="participants.reload()"
+			size="md"
+		>
+			<template #prefix>
+				<FeatherIcon class="w-4" name="search" />
+			</template>
+		</FormControl>
+	</div>
 	<div class="grid grid-cols-3 gap-4 m-5">
 		<div v-for="participant in participants.data">
 			<router-link
@@ -38,14 +52,26 @@
 	</div>
 </template>
 <script setup>
-import { Breadcrumbs, createResource } from 'frappe-ui'
-import { computed } from 'vue'
+import {
+	Breadcrumbs,
+	FormControl,
+	FeatherIcon,
+	createResource,
+} from 'frappe-ui'
+import { ref, computed } from 'vue'
 import UserAvatar from '@/components/UserAvatar.vue'
 
+const searchQuery = ref('')
+
 const participants = createResource({
 	url: 'lms.lms.api.get_certified_participants',
+	method: 'GET',
+	makeParams() {
+		return {
+			search_query: searchQuery.value,
+		}
+	},
 	auto: true,
-	cache: ['certified-participants'],
 })
 
 const breadcrumbs = computed(() => {
diff --git a/lms/lms/api.py b/lms/lms/api.py
index 3f174d6f..7cd3f006 100644
--- a/lms/lms/api.py
+++ b/lms/lms/api.py
@@ -330,32 +330,32 @@ def get_evaluator_details(evaluator):
 
 
 @frappe.whitelist(allow_guest=True)
-def get_certified_participants():
-	LMSCertificate = DocType("LMS Certificate")
-	participants = (
-		frappe.qb.from_(LMSCertificate)
-		.select(LMSCertificate.member)
-		.distinct()
-		.where(LMSCertificate.published == 1)
-		.orderby(LMSCertificate.creation, order=frappe.qb.desc)
-		.run(as_dict=1)
-	)
+def get_certified_participants(search_query=""):
+    LMSCertificate = DocType("LMS Certificate")
+    participants = (
+        frappe.qb.from_(LMSCertificate)
+        .select(LMSCertificate.member)
+        .distinct()
+        .where(LMSCertificate.member_name.like(f"%{search_query}%"))
+        .where(LMSCertificate.published == 1)
+        .orderby(LMSCertificate.creation, order=frappe.qb.desc)
+        .run(as_dict=1)
+    )
 
-	participant_details = []
-	for participant in participants:
-		details = frappe.db.get_value(
-			"User",
-			participant.member,
-			["name", "full_name", "username", "user_image"],
-			as_dict=True,
-		)
-		course_names = frappe.get_all(
-			"LMS Certificate", {"member": participant.member}, pluck="course"
-		)
-		courses = []
-		for course in course_names:
-			courses.append(frappe.db.get_value("LMS Course", course, "title"))
-		details.courses = courses
-		participant_details.append(details)
-
-	return participant_details
+    participant_details = []
+    for participant in participants:
+        details = frappe.db.get_value(
+            "User",
+            participant.member,
+            ["name", "full_name", "username", "user_image"],
+            as_dict=True,
+        )
+        course_names = frappe.get_all(
+            "LMS Certificate", {"member": participant.member}, pluck="course"
+        )
+        courses = []
+        for course in course_names:
+            courses.append(frappe.db.get_value("LMS Course", course, "title"))
+        details["courses"] = courses
+        participant_details.append(details)
+    return participant_details
\ No newline at end of file