From 77950e506e22a0cbd9842870e296b05cfb09cb8c Mon Sep 17 00:00:00 2001
From: Norris Ng <103449568+norrisng-bc@users.noreply.github.com>
Date: Mon, 8 Apr 2024 16:24:42 -0700
Subject: [PATCH] Alert: DGRSC is for testing only; PIA/STRA needed for actual
 access

---
 app/frontend/src/views/CDOGS.vue | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/app/frontend/src/views/CDOGS.vue b/app/frontend/src/views/CDOGS.vue
index ecece3e..5a6deb8 100644
--- a/app/frontend/src/views/CDOGS.vue
+++ b/app/frontend/src/views/CDOGS.vue
@@ -1,5 +1,25 @@
 <template>
   <v-container class="secure">
+    <v-alert
+      class="mt-5 mb-5 pl-7 alert"
+      type="warning"
+      icon="mdi-alert"
+      border="left"
+      color="#d9a300"
+      colored-border
+      outlined
+      dismissible
+    >
+      <p class="text-h6 mb-2">This website is to be used only for test purposes</p>
+      <p class="mb-1">
+        This is a demonstration tool meant to be used with test data.
+        Do not use it to create documents with sensitive information.
+      </p>
+      <p class="mb-1">
+        For that, you will call the CDOGS API from within your own application (using your own service account) and
+        complete a <strong>Privacy Impact Assessment (PIA)</strong> and <strong>Threat and Risk Assessment (STRA)</strong>.
+      </p>
+    </v-alert>
     <Authenticated>
       <h1 class="text-center">
         Common Document Generation Service (v2)
@@ -34,3 +54,12 @@ export default {
   }
 };
 </script>
+
+<!-- Vuetify uses !important internally, so we have to override them the same way as well -->
+<style lang="scss" scoped>
+.alert {
+  color: #6c4a00 !important;
+  border-color: #faebcc !important;
+  background-color: #f9f1c6 !important;
+}
+</style>