CONNECT WITH
About Us
Terms & Conditions
+ class="hover:text-teal-600 dark:hover:text-teal-400">Terms &
+ Conditions
Privacy Policy
CONNECT WITH
}
});
}
+
+ // Global Search Functionality
+ document.addEventListener('DOMContentLoaded', function() {
+ const searchInputs = document.querySelectorAll('.navbar-search-input');
+ let debounceTimer;
+
+ searchInputs.forEach(input => {
+ const resultsContainer = input.closest('.relative').querySelector('.navbar-search-results');
+
+ input.addEventListener('input', function() {
+ clearTimeout(debounceTimer);
+ const query = this.value.trim();
+
+ if (query.length < 2) {
+ resultsContainer.innerHTML = '';
+ resultsContainer.classList.add('hidden');
+ return;
+ }
+
+ debounceTimer = setTimeout(() => {
+ fetch(`/api/search/?q=${encodeURIComponent(query)}`)
+ .then(response => response.json())
+ .then(data => {
+ if (data.results.length > 0) {
+ resultsContainer.innerHTML = data.results.map(result => `
+
+
+
+
+
+
${result.title}
+
${result.type}
+
+ No results found for "${query}"
+
+ `;
+ resultsContainer.classList.remove('hidden');
+ }
+ });
+ }, 300);
+ });
+
+ // Close results on escape
+ input.addEventListener('keydown', function(e) {
+ if (e.key === 'Escape') {
+ resultsContainer.classList.add('hidden');
+ }
+ });
+ });
+
+ // Close results when clicking outside
+ document.addEventListener('click', function(event) {
+ if (!event.target.closest('.relative')) {
+ document.querySelectorAll('.navbar-search-results').forEach(container => {
+ container.classList.add('hidden');
+ });
+ }
+ });
+ });
{% block extra_js %}
{% endblock extra_js %}
diff --git a/web/urls.py b/web/urls.py
index 3fb4e298a..8e511d00f 100644
--- a/web/urls.py
+++ b/web/urls.py
@@ -102,6 +102,7 @@
# Course Management
path("courses/create/", views.create_course, name="create_course"),
path("courses/search/", views.course_search, name="course_search"),
+ path("api/search/", views.global_search_api, name="global_search_api"),
path("courses//", views.course_detail, name="course_detail"),
path("courses//enroll/", views.enroll_course, name="enroll_course"),
path("courses//add-session/", views.add_session, name="add_session"),
diff --git a/web/views.py b/web/views.py
index b3a310687..25fc4433b 100644
--- a/web/views.py
+++ b/web/views.py
@@ -8839,3 +8839,38 @@ def leave_session_waiting_room(request, course_slug):
messages.info(request, "You are not in the session waiting room for this course.")
return redirect("course_detail", slug=course_slug)
+
+
+def global_search_api(request):
+ """API endpoint for global search of subjects and courses."""
+ query = request.GET.get("q", "").strip()
+ if not query or len(query) < 2:
+ return JsonResponse({"results": []})
+
+ results = []
+
+ # Search Subjects
+ subjects = Subject.objects.filter(name__icontains=query)[:5]
+ for subject in subjects:
+ results.append(
+ {
+ "type": "subject",
+ "title": subject.name,
+ "url": reverse("course_search") + f"?subject={subject.slug}",
+ "icon": "fas fa-tag",
+ }
+ )
+
+ # Search Courses
+ courses = Course.objects.filter(Q(title__icontains=query) | Q(tags__icontains=query), status="published")[:5]
+ for course in courses:
+ results.append(
+ {
+ "type": "course",
+ "title": course.title,
+ "url": reverse("course_detail", kwargs={"slug": course.slug}),
+ "icon": "fas fa-book",
+ }
+ )
+
+ return JsonResponse({"results": results})