Merge pull request #1214 from microbiomedata/app-banner

Add banner for re-iding
microbiomedata · Apr 23, 2024 · 7429695 · 7429695
2 parents 862e157 + 813f50d
commit 7429695
Show file tree

Hide file tree

Showing 6 changed files with 43 additions and 3 deletions.
diff --git a/web/src/components/AppBanner.vue b/web/src/components/AppBanner.vue
@@ -0,0 +1,24 @@
+<template>
+  <v-banner
+    color="blue"
+    dark
+    icon="mdi-information"
+    class="ma-4"
+  >
+    <span
+      class="title"
+      style="line-height: inherit"
+    >
+      Announcement:
+    </span>
+    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> on May 1, 2024 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 support@microbiomedata.org.
+  </v-banner>
+</template>
diff --git a/web/src/views/IndividualResults/SamplePage.vue b/web/src/views/IndividualResults/SamplePage.vue
@@ -1,6 +1,7 @@
 <script lang="ts">
 import { defineComponent, ref, watchEffect } from '@vue/composition-api';
 import { api, BiosampleSearchResult } from '@/data/api';
+import AppBanner from '@/components/AppBanner.vue';
 import AttributeList from '@/components/Presentation/AttributeList.vue';
 
 import IndividualTitle from './IndividualTitle.vue';
@@ -9,6 +10,7 @@ export default defineComponent({
   name: 'SamplePage',
 
   components: {
+    AppBanner,
     AttributeList,
     IndividualTitle,
   },
@@ -34,6 +36,7 @@ export default defineComponent({
 
 <template>
   <v-main v-if="result.id">
+    <AppBanner />
     <v-container fluid>
       <IndividualTitle :item="result" />
       <AttributeList

diff --git a/web/src/views/IndividualResults/StudyPage.vue b/web/src/views/IndividualResults/StudyPage.vue
@@ -14,6 +14,7 @@ import {
 } from '@/data/api';
 import { setUniqueCondition, setConditions } from '@/store';
 import { useRouter } from '@/use/useRouter';
+import AppBanner from '@/components/AppBanner.vue';
 import AttributeItem from '@/components/Presentation/AttributeItem.vue';
 import IndividualTitle from '@/views/IndividualResults/IndividualTitle.vue';
 import TeamInfo from '@/components/TeamInfo.vue';
@@ -31,6 +32,7 @@ const GoldStudyLinkBase = 'https://gold.jgi.doe.gov/study?id=';
 export default defineComponent({
 
   components: {
+    AppBanner,
     AttributeItem,
     IndividualTitle,
     TeamInfo,
@@ -233,6 +235,7 @@ export default defineComponent({
 <template>
   <v-container fluid>
     <v-main v-if="item !== null">
+      <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
@@ -16,7 +16,7 @@ import useFacetSummaryData from '@/use/useFacetSummaryData';
 import usePaginatedResults from '@/use/usePaginatedResults';
 import useClockGate from '@/use/useClockGate';
 import SampleListExpansion from '@/components/SampleListExpansion.vue';
-
+import AppBanner from '@/components/AppBanner.vue';
 import BulkDownload from '@/components/BulkDownload.vue';
 import EnvironmentVisGroup from './EnvironmentVisGroup.vue';
 import BiosampleVisGroup from './BiosampleVisGroup.vue';
@@ -27,6 +27,7 @@ export default defineComponent({
   name: 'SearchLayout',
 
   components: {
+    AppBanner,
     BiosampleVisGroup,
     BulkDownload,
     EnvironmentVisGroup,
@@ -211,6 +212,7 @@ export default defineComponent({
         background-opacity="0"
         style="position: fixed; top: 64; z-index: 2;"
       />
+      <AppBanner />
       <v-container
         fluid
         class="py-0"

diff --git a/web/src/views/SubmissionPortal/SubmissionView.vue b/web/src/views/SubmissionPortal/SubmissionView.vue
@@ -5,14 +5,19 @@ import {
 import { stateRefs } from '@/store';
 import useRequest from '@/use/useRequest';
 import { loadRecord } from './store';
+import AppBanner from '@/components/AppBanner.vue';
 import TitleBanner from '@/views/SubmissionPortal/Components/TitleBanner.vue';
 import IntroBlurb from '@/views/SubmissionPortal/Components/IntroBlurb.vue';
 import IconBar from '@/views/SubmissionPortal/Components/IconBar.vue';
 import LoginPrompt from '@/views/SubmissionPortal/Components/LoginPrompt.vue';
 
 export default defineComponent({
   components: {
-    IconBar, IntroBlurb, LoginPrompt, TitleBanner,
+    AppBanner,
+    IconBar,
+    IntroBlurb,
+    LoginPrompt,
+    TitleBanner,
   },
   props: {
     id: {
@@ -39,6 +44,7 @@ export default defineComponent({
 
 <template>
   <v-main>
+    <AppBanner />
     <v-container v-if="!stateRefs.user.value && !req.loading.value">
       <v-container class="mt-4">
         <v-row>

diff --git a/web/src/views/User/UserPage.vue b/web/src/views/User/UserPage.vue
@@ -4,10 +4,11 @@ import { DataTableHeader } from 'vuetify';
 import { api, User } from '@/data/api';
 import { stateRefs } from '@/store';
 import usePaginatedResults from '@/use/usePaginatedResults';
+import AppBanner from '@/components/AppBanner.vue';
 import OrcidId from '../../components/Presentation/OrcidId.vue';
 
 export default defineComponent({
-  components: { OrcidId },
+  components: { AppBanner, OrcidId },
 
   setup() {
     const currentUser = stateRefs.user;
@@ -47,6 +48,7 @@ export default defineComponent({
 
 <template>
   <v-main>
+    <AppBanner />
     <v-container>
       <v-card flat>
         <v-card-title class="text-h4">