Merge pull request #1413 from microbiomedata/1412-add-banner-to-production-data-portal-via-vuejs-code-change

Add banner announcing upcoming maintenance events (October 15-16)

Author: pkalita-lbl

web/src/components/AppBanner.vue

@@ -5,20 +5,19 @@
     icon="mdi-information"
     class="ma-4"
   >
-    <span
+    <p
       class="title"
-      style="line-height: inherit"
     >
-      Announcement:
-    </span>
-    During the week of May 13, 2024, the NMDC will be replacing legacy identifiers with
-    <a href="https://microbiomedata.github.io/nmdc-schema/identifiers/#ids-minted-for-use-within-nmdc">
-      NMDC persistent identifiers</a> for studies,
-    samples, analysis workflows, and files. Additionally, annotation will be reprocessed for legacy metagenomes
-    and metatranscriptomes, along with binning for metagenomes. Legacy metaproteomics datasets will be reprocessed
-    using the new metagenome annotations. For information on mapping between old and new identifiers, please refer
-    to
-    <a href="https://microbiomedata.github.io/nmdc-schema/identifiers/#reuse-vs-minting-new-ids">
-      this documentation</a>. If you have questions, please contact [email protected].
+      Upcoming maintenance (October 15-16)
+    </p>
+    <p>
+      On Tuesday, October 15, 2024, from 9 AM to 9 PM PDT, the NMDC Data Portal, Submission Portal, and API will be
+      unavailable for scheduled software upgrades.
+    </p>
+    <p>
+      On Wednesday, October 16, 2024, from 9 AM to 9 PM PDT, the data download functionality
+      of the Data Portal will be unavailable for system maintenance. All other features of the Data Portal will remain
+      available during that time.
+    </p>
   </v-banner>
 </template>

web/src/views/IndividualResults/SamplePage.vue

@@ -36,7 +36,8 @@ export default defineComponent({
 
 <template>
   <v-main v-if="result.id">
-    <AppBanner v-if="false" />
+    <!-- TODO: Reference a boolean variable defined elsewhere (TBD). -->
+    <AppBanner v-if="true" />
     <v-container fluid>
       <IndividualTitle :item="result" />
       <AttributeList

web/src/views/IndividualResults/StudyPage.vue

@@ -235,7 +235,8 @@ export default defineComponent({
 <template>
   <v-container fluid>
     <v-main v-if="item !== null">
-      <AppBanner v-if="false" />
+      <!-- TODO: Reference a boolean variable defined elsewhere (TBD). -->
+      <AppBanner v-if="true" />
       <v-row :class="{'flex-column': $vuetify.breakpoint.xs}">
         <v-col
           cols="12"

web/src/views/Search/SearchLayout.vue

@@ -215,7 +215,8 @@ export default defineComponent({
         background-opacity="0"
         style="position: fixed; top: 64; z-index: 2;"
       />
-      <AppBanner v-if="false" />
+      <!-- TODO: Reference a boolean variable defined elsewhere (TBD). -->
+      <AppBanner v-if="true" />
       <v-container
         fluid
         class="py-0"

web/src/views/SubmissionPortal/SubmissionView.vue

@@ -55,7 +55,8 @@ export default defineComponent({
 
 <template>
   <v-main>
-    <AppBanner v-if="false" />
+    <!-- TODO: Reference a boolean variable defined elsewhere (TBD). -->
+    <AppBanner v-if="true" />
     <v-container
       v-if="!stateRefs.user.value && !req.loading.value"
     >

web/src/views/User/UserDetailPage.vue

@@ -61,7 +61,8 @@ export default defineComponent({
 
 <template>
   <v-main>
-    <AppBanner v-if="false" />
+    <!-- TODO: Reference a boolean variable defined elsewhere (TBD). -->
+    <AppBanner v-if="true" />
     <v-container>
       <div v-if="userLoading">
         Loading...

web/src/views/User/UserPage.vue

@@ -48,7 +48,8 @@ export default defineComponent({
 
 <template>
   <v-main>
-    <AppBanner v-if="false" />
+    <!-- TODO: Reference a boolean variable defined elsewhere (TBD). -->
+    <AppBanner v-if="true" />
     <v-container>
       <v-card flat>
         <v-card-title class="text-h4">