add search functionality

studyguides/apps/courses/urls.py

@@ -8,4 +8,5 @@ urlpatterns = [
     path("subject/<str:subject_url>/", views.subject_view, name="subject_view"),
     path("tag/<str:tag>/", views.tag_view, name="tag"),
     path("course/<str:subject_url>/<str:course_url>/", views.course_view, name="course_view"),
+    path("search/", views.search_view, name="search")
 ]

studyguides/apps/courses/views.py

@@ -1,7 +1,10 @@
 import random
+import operator
+from functools import reduce
 
 from django import http
 from django.shortcuts import render, redirect, reverse, get_object_or_404
+from django.db.models import Q
 from django.contrib.auth.decorators import login_required
 
 from .models import Subject, Course, Guide, Tag
@@ -23,4 +26,21 @@ def course_view(request, subject_url, course_url):
 @login_required
 def tag_view(request, tag):
     tag = get_object_or_404(Tag, name=tag)
-    return render(request, "tag.html", {"tag": tag, "guides": [[g, g.tags.all()] for g in tag.guide.all()]})
+    return render(request, "tag.html", {"tag": tag, "guides": [[g, g.tags.all()] for g in tag.guide.all()]})
+
+@login_required
+def search_view(request):
+    q = request.GET.get("q", "").strip()
+
+    if q:
+        q_list = q.split()
+        context = {
+            "subject_results": Subject.objects.filter(reduce(operator.or_, (Q(name__contains=x) for x in q_list))),
+            "course_results": [[c, c.subject.all()[0]] for c in Course.objects.filter(reduce(operator.or_, (Q(name__contains=x) for x in q_list)))],
+            "guide_results": Guide.objects.filter(reduce(operator.or_, (Q(name__contains=x) for x in q_list))),
+            "tag_results": Tag.objects.filter(reduce(operator.or_, (Q(name__contains=x) for x in q_list))),
+            "sq": q
+        }
+        return render(request, 'search_results.html', context=context)
+
+    return redirect(request.META["HTTP_REFERER"])

studyguides/templates/base.html

@@ -17,6 +17,7 @@
       href="https://fonts.googleapis.com/css2?family=Red+Hat+Text:ital,wght@0,400;0,500;1,400&display=swap"
       rel="stylesheet"
     />
+    <script src="https://kit.fontawesome.com/74f5f903f7.js" crossorigin="anonymous"></script>
     <link rel="stylesheet" href="{% static 'normalize.css' %}" />
     <link rel="stylesheet" href="{% static 'base.css' %}" />
 
@@ -29,6 +30,16 @@
     <main>
       {% block disclaimer %}{% endblock %}
 
+      {% if user.is_authenticated %}
+        <form action="/search" method="get" autocomplete="off">
+          <input type="text" name="q" value="{% if sq %}{{ sq }}{% endif %}" placeholder="Search" aria-label="Search">
+          <button type="submit" class="search-button" aria-label="Search">
+              <i class="fas fa-search"></i>
+          </button>
+        </form>
+        <br>
+      {% endif %}
+
       <div class="my-2">
         {% block path %}{% endblock %}
       </div>

studyguides/templates/search_results.html

@@ -0,0 +1,53 @@
+{% extends "base.html" %}
+
+{% load static %}
+
+{% block path %}
+  <a href="/" class="bold size-2 hoverable">All</a>
+{% endblock %}
+
+{% block content %}
+    <h3 style='margin-bottom:-10px;'>Subjects</h3>
+    <ul>
+        {% if not subject_results %}
+            No Results
+        {% else %}
+            {% for s in subject_results %}
+                <a href="{% url 'courses:subject_view' s.url %}"><li>{{ s }}</li></a>
+            {% endfor %}
+        {% endif %}
+    </ul>
+
+    <h3 style='margin-bottom:-10px;'>Courses</h3>
+    <ul>
+        {% if not course_results %}
+            No Results
+        {% else %}
+            {% for c in course_results %}
+                <a href="{% url 'courses:course_view' c.1.url c.0.url %}"><li>{{ c.0 }}</li></a>
+            {% endfor %}
+        {% endif %}
+    </ul>
+
+    <h3 style='margin-bottom:-10px;'>Guides</h3>
+    <ul>
+        {% if not guide_results %}
+            No Results
+        {% else %}
+            {% for g in guide_results %}
+                <a target="_blank" href="{{ g.url }}"><li>{{ g }}</li></a>
+            {% endfor %}
+        {% endif %}
+    </ul>
+
+    <h3 style='margin-bottom:-10px;'>Tags</h3>
+    <ul>
+        {% if not tag_results %}
+            No Results
+        {% else %}
+            {% for t in tag_results %}
+                <a href="{% url 'courses:tag' t.name %}"><li>{{ t }}</li></a>
+            {% endfor %}
+        {% endif %}
+    </ul>
+{% endblock %}