feat: CMD-187 autocreate search page

apps/search_page/apps.py

@@ -0,0 +1,10 @@
+from django.apps import AppConfig
+from django.conf import settings
+
+class SearchPageConfig(AppConfig):
+    name = 'apps.search_page'
+
+    def ready(self):
+        if settings.SEARCH_PAGE_AUTO_SETUP:
+            from .utils import create_page
+            create_page()

apps/search_page/cms_apps.py

@@ -0,0 +1,11 @@
+from cms.app_base import CMSApp
+from cms.apphook_pool import apphook_pool
+
+
+@apphook_pool.register
+class SearchPageApphook(CMSApp):
+    app_name = 'apps.search_page'
+    name = 'SearchPage'
+
+    def get_urls(self, page=None, language=None, **kwargs):
+        return ['apps.search_page.urls']

apps/search_page/static/search_page/css/google-search.css

@@ -0,0 +1,152 @@
+#google-search {
+
+  &:is(#cms-content-container > *:last-child) {
+    margin-bottom: var(--global-space--section-gap, 60px);
+  }
+
+  /* SEARCH CONTAINER */
+
+  /* To remove padding from search container */
+  & .gsc-control-cse {
+    padding: unset;
+  }
+
+
+
+  /* TABLE OF SEARCH STATS & SORTING OPTIONS */
+
+  /* To remove border from search analytics, add gray background */
+  & .gsc-above-wrapper-area {
+    --bkgd-color: var(--global-color-primary--x-light);
+
+    background-color: var(--bkgd-color);
+    box-shadow: 40vw 0 var(--bkgd-color), -40vw 0 var(--bkgd-color);
+    border-bottom: unset;
+  }
+
+  & .gsc-above-wrapper-area-container {
+    border-bottom: unset;
+  }
+
+  /* To override Core-Styles tables */
+  & tbody > tr:first-child > :is(td, th) {
+    border: unset;
+    padding-inline: unset;
+    background: unset;
+    vertical-align: middle;
+  }
+
+  & .gsc-selected-option-container {
+    background: var(--global-color-primary--xx-light);
+    border: var(--global-border--normal);
+  }
+
+  & .gsc-result-info {
+    padding: unset;
+    font-size: var(--global-font-size--medium);
+  }
+
+
+
+  /* SUGGESTION PHRASE (after "Did you mean:") */
+
+  & .gs-spelling {
+    padding: unset;
+  }
+  & .gs-spelling a {
+    color: var(--global-color-accent--light);
+
+    /* to undo core-styles.base */
+    /* https://github.com/TACC/Core-Styles/blob/8ab89d3/src/lib/_imports/elements/links.css */
+    &:not([href]) {
+      opacity: 1;
+      pointer-events: auto;
+    }
+  }
+
+
+
+  /* SEARCH RESULTS */
+
+  /* (search result body text) */
+  & .gs-snippet {
+    color: var(--global-color-primary--dark);
+  }
+
+  /* (url under search result title) */
+  & .gs-webResult div.gs-visibleUrl {
+    color: var(--global-color-secondary--normal);
+  }
+
+  /* (search result titles) */
+  & a.gs-title:link {
+    color: var(--global-color-accent--light);
+    text-decoration: none;
+    text-decoration-thickness: var(--global-border-width--normal);
+    text-underline-offset: 0.2em;
+  }
+  & a.gs-title:link:hover {
+    text-decoration-line: underline;
+    text-decoration-style: solid;
+  }
+  & a.gs-title b {
+    color: currentColor;
+  }
+  & .gs-result .gs-title:not(a):hover {
+    /* to remove duplicate underline */
+    /* (fix Google's default_v6+en.css bug `.gs-result .gs-title:hover`) */
+    text-decoration: auto;
+  }
+
+  /* (push search-result description to right) */
+  & .gs-image-box {
+    margin-right: 10px;
+  }
+
+
+
+  /* GOOGLE PAGE NAVIGATION (at bottom) */
+
+  & .gsc-cursor-box {
+    display: flex;
+    justify-content: center;
+    margin-block: var(--global-space--large);
+  }
+
+  & .gsc-cursor-current-page {
+    color: var(--global-color-accent--light);
+    text-decoration: none;
+    text-decoration-thickness: var(--global-border-width--normal);
+    text-underline-offset: 0.2em;
+  }
+
+  & .gsc-cursor-current-page:hover {
+    text-decoration-line: underline;
+    text-decoration-style: solid;
+  }
+
+
+
+  /* GOOGLE BRANDING */
+
+  & .gcsc-find-more-on-google {
+    color: var(--global-color-accent--light);
+    text-decoration: none;
+    text-decoration-thickness: var(--global-border-width--normal);
+    text-underline-offset: 0.2em;
+  }
+  svg.gcsc-find-more-on-google-magnifier {
+    fill: currentColor;
+  }
+
+  & .gcsc-find-more-on-google:hover {
+    text-decoration-line: underline;
+    text-decoration-style: solid;
+  }
+
+  & .gcsc-branding-img-noclear {
+    vertical-align: unset;
+    top: 1px;
+  }
+
+}

apps/search_page/templates/search_page.html

@@ -0,0 +1,25 @@
+{% extends "base.html" %}
+{% load static cms_tags %}
+
+{% block css %}
+  {{ block.super }}
+  <link id="css-search" rel="stylesheet" href="{% static 'search_page/css/google-search.css' %}">
+{% endblock css %}
+
+{% block app_content %}
+  <div class="row">
+    <div class="col col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
+      <h1>{% page_attribute "page_title" %}</h1>
+    </div>
+  </div>
+
+  {% if settings.GOOGLE_SEARCH_ENGINE_ID %}
+  <div id="google-search">
+    <script async src="https://cse.google.com/cse.js?cx={{ settings.GOOGLE_SEARCH_ENGINE_ID }}">
+    </script>
+    <div class="gcse-searchresults-only"></div>
+  </div>
+  {% else %}
+    <p class="c-message c-message--scope-section c-message--type-warning">Please inform your website administrator to verify a <code>GOOGLE_SEARCH_ENGINE_ID</code> is set for this website.</p>
+  {% endif %}
+{% endblock app_content %}

apps/search_page/urls.py

@@ -0,0 +1,8 @@
+from django.urls import path
+from . import views
+
+app_name = 'apps.search_page'
+
+urlpatterns = [
+    path('', views.SearchPageView, name='search'),
+]

apps/search_page/utils.py

@@ -0,0 +1,64 @@
+import logging
+
+from django.conf import settings
+from django.urls import reverse, NoReverseMatch
+
+from cms.api import create_page as create_cms_page
+from cms.models.pagemodel import Page
+
+from .cms_apps import SearchPageApphook
+
+
+logger = logging.getLogger(f'portal.{__name__}')
+
+TITLE = 'Search'
+REVERSE_ID = 'search_page'
+DEFAULT_SLUG = settings.PORTAL_SEARCH_PATH.strip('/')
+
+def get_page():
+    try:
+        return Page.objects.filter(reverse_id=REVERSE_ID).first()
+    except Page.DoesNotExist:
+        return None
+
+def get_slug(page=None):
+    if page:
+        return page.get_slug()
+    else:
+        page = get_page()
+        return get_slug(page) if page else DEFAULT_SLUG
+
+def get_page_url():
+    page = get_page()
+    if page:
+        return page.get_absolute_url()
+    else:
+        try:
+            return reverse('apps.search_page:search')
+        except NoReverseMatch:
+            return None
+
+def create_page():
+    page = get_page()
+    slug = get_slug(page)
+
+    if not page:
+        page = create_cms_page(
+            title=f'{TITLE} (Auto-Generated)',
+            menu_title=TITLE,
+            page_title=TITLE,
+            reverse_id=REVERSE_ID,
+            # Use a template from CMS_TEMPLATES setting
+            template='standard.html',
+            language='en',
+            published=True,
+            slug=slug,
+            in_navigation=False,
+            apphook=SearchPageApphook,
+            apphook_namespace=SearchPageApphook.name,
+        )
+        logger.info(f'Created search page "{TITLE}" at "{slug}"')
+    else:
+        logger.info(f'Found existing search page at "{slug}"')
+
+    return page

apps/search_page/views.py

@@ -0,0 +1,4 @@
+from django.shortcuts import render
+
+def SearchPageView(request):
+    return render(request, 'search_page.html')

taccsite_cms/_settings/search.py

@@ -5,16 +5,19 @@
 ########################
 
 # To support any search
-PORTAL_SEARCH_PATH = '/search'
+PORTAL_SEARCH_PATH = '/search/'
 
 # To support Google search
 # PORTAL_SEARCH_QUERY_PARAM_NAME = 'q'
 # PORTAL_SEARCH_INDEX_IS_AUTOMATIC = False
+GOOGLE_SEARCH_ENGINE_ID = ''
 
 # (DEPRECATED) To support Elasticsearch
 PORTAL_SEARCH_QUERY_PARAM_NAME = 'query_string'
 PORTAL_SEARCH_INDEX_IS_AUTOMATIC = True
 
+SEARCH_PAGE_AUTO_SETUP = True
+
 ES_AUTH = 'username:password'
 ES_HOSTS = 'http://elasticsearch:9200'
 ES_INDEX_PREFIX = 'cms-dev-{}'
@@ -34,5 +37,6 @@
 ALDRYN_SEARCH_REGISTER_APPHOOK = True
 
 _INSTALLED_APPS = [
-    'haystack',                # search index
+    'haystack',                # ElasticSearch
+#    'search_page'              # Google Search
 ]

taccsite_cms/settings/settings.py

@@ -489,6 +489,7 @@ def gettext(s): return s
     # core TACC CMS
     # HELP: If this were top of list, would TACC/Core-CMS/pull/169 fix break?
     'taccsite_cms',
+    'apps.search_page',
     'common_apps.email_management',
 
     # django CMS Bootstrap
@@ -751,4 +752,5 @@ def get_subdirs_as_module_names(path):
     'PORTAL_SOCIAL_SHARE_PLATFORMS',
     'PORTAL_SEARCH_PATH',
     'PORTAL_SEARCH_QUERY_PARAM_NAME',
+    'GOOGLE_SEARCH_ENGINE_ID',
 ]

taccsite_cms/settings/settings_custom.example.py

@@ -103,10 +103,11 @@
 ########################
 
 # To support Google search
+PORTAL_SEARCH_PATH = '/search/'
 PORTAL_SEARCH_QUERY_PARAM_NAME = 'q'
-
-# To disable Elasticsearch
 PORTAL_SEARCH_INDEX_IS_AUTOMATIC = False
+SEARCH_PAGE_AUTO_SETUP = True
+GOOGLE_SEARCH_ENGINE_ID = ''
 
 ########################
 # DJANGOCMS_BLOG

taccsite_cms/templates/nav_search.raw.html

@@ -1,6 +1,6 @@
 {# @var settings #}
 
-{% load static %}
+{% load static search_tags %}
 <!-- FAQ: This template loads independently at a unique url (see `urls.py`)
           so Portal and User Guide can render this markup into their markup. -->
 
@@ -10,7 +10,7 @@
 </style>
 <link rel="stylesheet" href="{% static 'site_cms/css/build/element.tacc-search-bar.css' %}">
 
-<form part="form" method="get" action="{{ settings.PORTAL_SEARCH_PATH }}">
+<form part="form" method="get" action="{% search_page_url %}">
   <label for="header-search" class="u-hide--visually" part="label">
     Search
   </label>

taccsite_cms/templatetags/search_tags.py

@@ -0,0 +1,10 @@
+from django import template
+from cms.models import Page
+from django.conf import settings
+from apps.search_page.utils import get_page_url
+
+register = template.Library()
+
+@register.simple_tag
+def search_page_url():
+    return get_page_url() or settings.PORTAL_SEARCH_PATH