Add basic search using Postgres for submitted data

opentech/apply/dashboard/templates/dashboard/dashboard.html

@@ -2,12 +2,15 @@
 {% load render_table from django_tables2 %}
 {% block title %}OTF Dashboard{% endblock %}
 {% block content %}
-    <div class="wrapper wrapper--breakout wrapper--admin">
-        <div class="wrapper wrapper--large">
-            <h3>Received submissions</h3>
+<div class="wrapper wrapper--breakout wrapper--admin">
+    <div class="wrapper wrapper--large">
+        {% block page_header %}
+            <h3>Received Submissions</h3>
             <h5>Track and explore recent submissions</h5>
-        </div>
+        {% endblock %}
     </div>
+    {% include "dashboard/includes/search.html" %}
+</div>
 
 <div class="wrapper wrapper--medium wrapper--top-bottom-inner-space">
     {% if filter %}

opentech/apply/dashboard/templates/dashboard/includes/search.html

+<form action="{% url 'dashboard:search' %}" method="get" role="search" class="form form--header-search-desktop">
+    <button class="button" type="submit" aria-label="Search">
+        <svg class="icon icon--magnifying-glass icon--search"><use xlink:href="#magnifying-glass"></use></svg>
+    </button>
+    <input class="input input--transparent input--secondary" type="text" placeholder="Search…" name="query"{% if search_query %} value="{{ search_query }}{% endif %}" aria-label="Search input">
+</form>

opentech/apply/dashboard/templates/dashboard/search.html

+{% extends "dashboard/dashboard.html" %}
+
+{% block page_header %}
+    <h3>Search Results</h3>
+    <h5>There are {{ object_list|length }} results for: {{ search_term }}</h5>
+{% endblock %}

opentech/apply/dashboard/urls.py

 from django.conf.urls import url
 
-from .views import DashboardView
+from .views import DashboardView, SearchView
 
 
 urlpatterns = [
     url(r'^$', DashboardView.as_view(), name="dashboard"),
+    url(r'^search$', SearchView.as_view(), name="search"),
 ]

opentech/apply/dashboard/views.py

+from django.contrib.postgres.search import SearchVector
+from django.db.models import TextField
+from django.db.models.functions import Cast
 from django.views.generic import DetailView
 
 from django_filters.views import FilterView
@@ -18,3 +21,21 @@ class DashboardView(SingleTableMixin, FilterView):
 
 class SubmissionDetailView(DetailView):
     model = ApplicationSubmission
+
+
+class SearchView(SingleTableMixin, FilterView):
+    template_name = 'dashboard/search.html'
+    table_class = DashboardTable
+
+    filterset_class = SubmissionFilter
+
+    def get_context_data(self, **kwargs):
+        search_term = self.request.GET.get('query')
+        if search_term:
+            # Postgres <10 doesn't support search on JSON
+            # Cast to text to make searchable
+            self.object_list = self.object_list.annotate(
+                search=SearchVector(Cast('form_data', TextField())),
+            ).filter(search=search_term)
+
+        return super().get_context_data(search_term=search_term, **kwargs)

opentech/settings/base.py

@@ -67,6 +67,7 @@ INSTALLED_APPS = [
     'django.contrib.contenttypes',
     'django.contrib.sessions',
     'django.contrib.messages',
+    'django.contrib.postgres',
     'django.contrib.staticfiles',
     'django.contrib.sitemaps',
     'django.forms',