From 0bdfbf6cb11b25748ca39c679135e1354fb5efe7 Mon Sep 17 00:00:00 2001
From: naglepuff <mike.nagler@kitware.com>
Date: Thu, 17 Oct 2024 17:08:41 -0400
Subject: [PATCH] Consolidate banner boolean to one place

---
 web/src/components/AppBanner.vue                  | 12 ++++++++++++
 web/src/store/index.ts                            |  5 ++++-
 web/src/views/IndividualResults/SamplePage.vue    |  3 +--
 web/src/views/IndividualResults/StudyPage.vue     |  3 +--
 web/src/views/Search/SearchLayout.vue             |  3 +--
 web/src/views/SubmissionPortal/SubmissionView.vue |  3 +--
 web/src/views/User/UserDetailPage.vue             |  3 +--
 web/src/views/User/UserPage.vue                   |  3 +--
 8 files changed, 22 insertions(+), 13 deletions(-)

diff --git a/web/src/components/AppBanner.vue b/web/src/components/AppBanner.vue
index 1f579393..fa3eca1d 100644
--- a/web/src/components/AppBanner.vue
+++ b/web/src/components/AppBanner.vue
@@ -1,5 +1,17 @@
+<script lang="ts">
+import { defineComponent, ref } from '@vue/composition-api';
+
+export default defineComponent({
+  setup() {
+    const showAppBanner = ref(true);
+    return { showAppBanner };
+  },
+});
+</script>
+
 <template>
   <v-banner
+    v-if="showAppBanner"
     color="blue"
     dark
     icon="mdi-information"
diff --git a/web/src/store/index.ts b/web/src/store/index.ts
index 74f725cc..4ea76315 100644
--- a/web/src/store/index.ts
+++ b/web/src/store/index.ts
@@ -1,6 +1,6 @@
 import Vue from 'vue';
 import CompositionApi, {
-  computed, ComputedRef, reactive, toRefs, watchEffect,
+  computed, ComputedRef, ref, reactive, toRefs, watchEffect,
 } from '@vue/composition-api';
 import { noop, uniqWith } from 'lodash';
 import VueRouter from 'vue-router';
@@ -200,10 +200,13 @@ function acceptTerms() {
 
 const stateRefs = toRefs(state);
 
+const showAppBanner = ref(true);
+
 export {
   stateRefs,
   dataObjectFilter,
   unreactive,
+  showAppBanner,
   acceptTerms,
   getTreeData,
   init,
diff --git a/web/src/views/IndividualResults/SamplePage.vue b/web/src/views/IndividualResults/SamplePage.vue
index b1c7524e..2dcfecca 100644
--- a/web/src/views/IndividualResults/SamplePage.vue
+++ b/web/src/views/IndividualResults/SamplePage.vue
@@ -36,8 +36,7 @@ export default defineComponent({
 
 <template>
   <v-main v-if="result.id">
-    <!-- TODO: Reference a boolean variable defined elsewhere (TBD). -->
-    <AppBanner v-if="true" />
+    <AppBanner />
     <v-container fluid>
       <IndividualTitle :item="result" />
       <AttributeList
diff --git a/web/src/views/IndividualResults/StudyPage.vue b/web/src/views/IndividualResults/StudyPage.vue
index 4140e423..c3834b71 100644
--- a/web/src/views/IndividualResults/StudyPage.vue
+++ b/web/src/views/IndividualResults/StudyPage.vue
@@ -235,8 +235,7 @@ export default defineComponent({
 <template>
   <v-container fluid>
     <v-main v-if="item !== null">
-      <!-- TODO: Reference a boolean variable defined elsewhere (TBD). -->
-      <AppBanner v-if="true" />
+      <AppBanner />
       <v-row :class="{'flex-column': $vuetify.breakpoint.xs}">
         <v-col
           cols="12"
diff --git a/web/src/views/Search/SearchLayout.vue b/web/src/views/Search/SearchLayout.vue
index 0d627a28..00b7e3fe 100644
--- a/web/src/views/Search/SearchLayout.vue
+++ b/web/src/views/Search/SearchLayout.vue
@@ -215,8 +215,7 @@ export default defineComponent({
         background-opacity="0"
         style="position: fixed; top: 64; z-index: 2;"
       />
-      <!-- TODO: Reference a boolean variable defined elsewhere (TBD). -->
-      <AppBanner v-if="true" />
+      <AppBanner />
       <v-container
         fluid
         class="py-0"
diff --git a/web/src/views/SubmissionPortal/SubmissionView.vue b/web/src/views/SubmissionPortal/SubmissionView.vue
index d368e955..94fd9e5c 100644
--- a/web/src/views/SubmissionPortal/SubmissionView.vue
+++ b/web/src/views/SubmissionPortal/SubmissionView.vue
@@ -55,8 +55,7 @@ export default defineComponent({
 
 <template>
   <v-main>
-    <!-- TODO: Reference a boolean variable defined elsewhere (TBD). -->
-    <AppBanner v-if="true" />
+    <AppBanner />
     <v-container
       v-if="!stateRefs.user.value && !req.loading.value"
     >
diff --git a/web/src/views/User/UserDetailPage.vue b/web/src/views/User/UserDetailPage.vue
index 109019c2..cbc795c0 100644
--- a/web/src/views/User/UserDetailPage.vue
+++ b/web/src/views/User/UserDetailPage.vue
@@ -61,8 +61,7 @@ export default defineComponent({
 
 <template>
   <v-main>
-    <!-- TODO: Reference a boolean variable defined elsewhere (TBD). -->
-    <AppBanner v-if="true" />
+    <AppBanner />
     <v-container>
       <div v-if="userLoading">
         Loading...
diff --git a/web/src/views/User/UserPage.vue b/web/src/views/User/UserPage.vue
index 669c85ed..07144d9d 100644
--- a/web/src/views/User/UserPage.vue
+++ b/web/src/views/User/UserPage.vue
@@ -48,8 +48,7 @@ export default defineComponent({
 
 <template>
   <v-main>
-    <!-- TODO: Reference a boolean variable defined elsewhere (TBD). -->
-    <AppBanner v-if="true" />
+    <AppBanner />
     <v-container>
       <v-card flat>
         <v-card-title class="text-h4">