Display warning banner on test sites

cdhweb/context_processors.py

@@ -51,3 +51,7 @@ def favicon_path():
         icon_version = "favicon-test.ico"
 
     return "".join([settings.STATIC_URL, base_path, icon_version])
+
+
+def show_test_warning(request):
+    return {"SHOW_TEST_WARNING": getattr(settings, "SHOW_TEST_WARNING", False)}

cdhweb/settings/components/base.py

@@ -149,6 +149,7 @@
                 "cdhweb.context_processors.template_settings",
                 "cdhweb.pages.context_processors.page_intro",
                 "cdhweb.pages.context_processors.site_search",
+                "cdhweb.context_processors.show_test_warning",
             ],
         },
     },
@@ -450,4 +451,4 @@
 
 # Springkit Settings
 BILINGUAL_HEADINGS = False
-BILINGUAL_LINKS = False
+BILINGUAL_LINKS = False

cdhweb/settings/environments/test.py

@@ -1,6 +1,6 @@
 import os
 
-from cdhweb.settings import BASE_DIR, DATABASES
+from cdhweb.settings import DATABASES
 
 # These settings correspond to the service container settings in the
 # .github/workflow .yml files.

docker-compose.yml

@@ -11,8 +11,6 @@ services:
             - ".:/app"
         ports:
             - "${PORT_PREFIX:-561}80:8000"
-        # env_file:
-        #     - dev.env
         environment:
             VIRTUAL_HOST: "cdh.dev.springload.nz"
             VIRTUAL_PORT: 8000

templates/includes/header.html

@@ -9,7 +9,13 @@
 {% secondary_navigation as secondary_nav %}
 
 <header class="header">
-    {% site_alerts %}    
+    {% site_alerts %}
+
+    {% if SHOW_TEST_WARNING %}
+        <div style="background-color: yellow; text-align: center; padding: 10px;">
+            This is a test site.
+        </div>
+    {% endif %}
 
     <nav class="main-nav-mobile" data-component="main-nav-mobile" aria-label="Main" data-search-url="{% url 'search' %}">
         {# the following gets swapped out when react component mounts #}
@@ -61,8 +67,8 @@
                         <a href="{{ secondary_nav.cta_button.link_url }}" class="sk-btn sk-btn--secondary main-nav-desktop__cta">{{ secondary_nav.cta_button.title }}</a>
                     </li>
                 {% endif %}
-            </ul>  
+            </ul>
 
         </div>
     </nav>
-</header>
+</header>