feat: adjust landing and static pages to NAR WSI requirements (#303)

bihealth · Dec 18, 2023 · 77d6716 · 77d6716
1 parent 2db9647
commit 77d6716
Show file tree

Hide file tree

Showing 5 changed files with 159 additions and 41 deletions.
diff --git a/frontend/src/components/FooterDefault.vue b/frontend/src/components/FooterDefault.vue
@@ -17,7 +17,11 @@ onMounted(() => {
     <small>
       Developed by BIH CUBI. For support and feedback, please contact
       <a href="mailto:[email protected]">[email protected]</a>. REEV Explains
-      and Evaluates Variants {{ miscStore?.appVersion }}
+      and Evaluates Variants {{ miscStore?.appVersion }}.
+      <router-link to="/info#terms-of-use">
+        Terms of use
+        <small> <v-icon>mdi-arrow-right-circle-outline</v-icon> </small> </router-link
+      >.
     </small>
   </v-footer>
 </template>
diff --git a/frontend/src/components/StaticViews/TermsView.vue b/frontend/src/components/StaticViews/TermsView.vue
@@ -3,7 +3,19 @@
     <v-card-title>Terms of Use</v-card-title>
     <v-divider />
     <v-card-text>
+      <div class="text-h6">Intended Use</div>
       <p>REEV is for research use only software</p>
+
+      <div class="text-h6">Disclaimer</div>
+      <p>
+        The information on this website is not intended for direct diagnostic use or medical
+        decision-making without review by a genetics professional. Individuals should not change
+        their health behavior solely on the basis of information contained on this website.
+        Charité/BIH do not independently verify the submitted information. If you have questions
+        about the information contained on this website, please see a health care professional.
+      </p>
+
+      <div class="text-h6">Exclusion of Liability</div>
       <p>
         The software is provided "as is," without warranty of any kind, express or implied,
         including but not limited to the warranties of merchantability, fitness for a particular
@@ -12,6 +24,43 @@
         otherwise, arising from, out of, or in connection with the software or the use or other
         dealings in the software.
       </p>
+
+      <div class="text-h6">Cookie Policy</div>
+      <p>
+        We use cookies to store information about your current session on your computer
+        <strong>only after you login</strong>. We do not use cookies to track your usage of the
+        website or to collect any personal information about you. We do not share this information
+        with any third parties.
+      </p>
+      <p>
+        Without logging in, certain functionality can only be provided by using your local browser
+        storage, such as storing case information.
+      </p>
+
+      <div class="text-h6">Collected Usage Information</div>
+      <p>
+        We collect information about your usage of the website, including the pages you visit, the
+        time and date of your visit, the time spent on those pages and other statistics. We use this
+        information to improve the website and to better understand how people use it. We do not
+        share this information with any third parties.
+      </p>
+
+      <div class="text-h6">Posted Content License</div>
+      <p>
+        Most information that you enter into REEV is private and will not be shared to any third
+        party.
+      </p>
+      <p>
+        However, some information is public, such as "public comments". Such publically accessible
+        information is governed by the following terms.
+      </p>
+      <p>
+        All publicly accessible user contributions are licensed under
+        <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">
+          Creative Commons Attribution-ShareAlike 4.0 license
+          <small><v-icon>mdi-launch</v-icon></small> </a
+        >.
+      </p>
     </v-card-text>
   </v-card>
 </template>
diff --git a/frontend/src/views/HomeView.c.ts b/frontend/src/views/HomeView.c.ts
@@ -17,6 +17,94 @@ export interface Section {
   examples: Example[]
 }
 
+const SEQVARS_DEV: Example[] = [
+  {
+    query: 'NM_007294.4(BRCA1):c.5123C>A',
+    hint: 'HGVS transcript SNV'
+  },
+  {
+    query: 'NM_000179.3:c.4082del',
+    hint: 'HGVS transcript deletion'
+  },
+  {
+    query: 'NC_000017.10:g.41197728G>T',
+    hint: 'HGVS genomic SNV'
+  },
+  {
+    query: 'GRCh37-chr17-41197751-G-T',
+    hint: 'gnomAD style variant'
+  },
+  {
+    query: 'NC_000017.11:43039470:G:A',
+    hint: 'Canonical SPDI'
+  }
+]
+
+const SEQVARS_PROD: Example[] = [
+  {
+    query: 'GRCh37:chr6:24302274:T:C',
+    hint: 'splicing variant in SPDI notation'
+  },
+  {
+    query: 'NM_001267039.1(LARP7)>c.855dup',
+    hint: 'frameshift variant in HGVS notation'
+  },
+  {
+    query: 'GRCh37-chrX-77245290-G-C',
+    hint: 'X-chromosomal SNV in gnomAD notation'
+  },
+  {
+    query: 'NM_004780.3(TCEAL1):c.124_138dup',
+    hint: 'in-frame insertion in HGVS notation'
+  },
+  {
+    query: 'chrMT:7497:G:A',
+    hint: 'mitochondrial SNV in SPDI notation'
+  },
+  {
+    query: 'GRCh38-chrMT-7465-A-AC',
+    hint: 'mitochondrial insertion in gnomAD notation'
+  }
+]
+
+const STRUCVARS_DEV: Example[] = [
+  {
+    query: 'DEL:chr17:41176312:41277500',
+    hint: 'Deletion on chr17'
+  },
+  {
+    query: 'DUP-chrX-73565114-73956354',
+    hint: 'Duplication on chrX'
+  },
+  {
+    query: 'arr[GRCh37] 7q11(72,650,120_74,154,209)x1',
+    hint: 'ISCN notation'
+  },
+  {
+    query: 'GRCh37 7q11(72,650,120_74,154,209)x1',
+    hint: 'Shorter ISCN'
+  }
+]
+
+const STRUCVARS_PROD: Example[] = [
+  {
+    query: 'DEL:chr17:41176312:41277500',
+    hint: 'Deletion on chr17'
+  },
+  {
+    query: 'DUP-chrX-73565114-73956354',
+    hint: 'Duplication on chrX'
+  },
+  {
+    query: 'arr[GRCh37] 7q11(72,650,120_74,154,209)x1',
+    hint: 'ISCN notation'
+  },
+  {
+    query: 'GRCh37 7q11(72,650,120_74,154,209)x1',
+    hint: 'Shorter ISCN'
+  }
+]
+
 /** Examples to display below the search on the homepage. */
 export const EXAMPLES: Section[] = [
   {
@@ -39,49 +127,11 @@ export const EXAMPLES: Section[] = [
   {
     title: 'Sequence Variants',
     text: 'Provide variants in HGSV notation, gnomAD, or SPDI-style',
-    examples: [
-      {
-        query: 'NM_007294.4(BRCA1):c.5123C>A',
-        hint: 'HGVS transcript SNV'
-      },
-      {
-        query: 'NM_000179.3:c.4082del',
-        hint: 'HGVS transcript deletion'
-      },
-      {
-        query: 'NC_000017.10:g.41197728G>T',
-        hint: 'HGVS genomic SNV'
-      },
-      {
-        query: 'GRCh37-chr17-41197751-G-T',
-        hint: 'gnomAD style variant'
-      },
-      {
-        query: 'NC_000017.11:43039470:G:A',
-        hint: 'Canonical SPDI'
-      }
-    ]
+    examples: import.meta.env.MODE !== 'development' ? SEQVARS_DEV : SEQVARS_PROD
   },
   {
     title: 'Structural Variants',
     text: 'You can provide variants in the formats below',
-    examples: [
-      {
-        query: 'DEL:chr17:41176312:41277500',
-        hint: 'Deletion on chr17'
-      },
-      {
-        query: 'DUP-chrX-73565114-73956354',
-        hint: 'Duplication on chrX'
-      },
-      {
-        query: 'arr[GRCh37] 7q11(72,650,120_74,154,209)x1',
-        hint: 'ISCN notation'
-      },
-      {
-        query: 'GRCh37 7q11(72,650,120_74,154,209)x1',
-        hint: 'Shorter ISCN'
-      }
-    ]
+    examples: import.meta.env.MODE === 'development' ? STRUCVARS_DEV : STRUCVARS_PROD
   }
 ]
diff --git a/frontend/src/views/HomeView.vue b/frontend/src/views/HomeView.vue
@@ -64,6 +64,13 @@ const mainBackgroundColor = computed(() => {
                 <a href="https://reev.readthedocs.io/en/latest/doc_tutorial.html" target="_blank">
                   tutorial
                   <small><v-icon>mdi-launch</v-icon></small> </a
+                >. REEV is free to use for all users (see
+                <router-link to="/info#terms-of-use">
+                  terms of use
+                  <small> <v-icon>mdi-arrow-right-circle-outline</v-icon> </small> </router-link
+                >). The software itself open source and can be found at
+                <a href="https://github.com/bihealth/reev" target="_blank">
+                  GitHub <small><v-icon>mdi-launch</v-icon></small> </a
                 >.
               </p>
             </v-sheet>

diff --git a/frontend/src/views/LoginView.vue b/frontend/src/views/LoginView.vue
@@ -99,6 +99,14 @@ onMounted(async () => {
             </v-card-text>
           </v-card>
 
+          <v-sheet class="mb-5 mt-5 pa-3 bg-grey-lighten-2">
+            By logging in, you agree to our
+            <router-link to="/info#terms-of-use">
+              terms of use
+              <small> <v-icon>mdi-arrow-right-circle-outline</v-icon> </small> </router-link
+            >.
+          </v-sheet>
+
           <v-card v-if="userStore.oauth2Providers.length > 0" class="mb-5 mt-5" variant="tonal">
             <v-card-title> Login with... </v-card-title>
             <v-card-text class="text-medium-emphasis text-caption mt-3">