:safety_vest: Validation fixes

components/detailPage/MetaboliteOfSpecies.vue

@@ -34,7 +34,7 @@
                   <tr>
                     <td :rowspan="origins.length + 1">
                       <i>{{ species_text || "-" }}</i>
-                      <span v-if="species_text">
+                      <span v-if="species_accession">
                         (<a
                           class="vf-link"
                           :href="species_accession_url"
@@ -49,7 +49,7 @@
                   <tr>
                     <td :rowspan="origins.length">
                       <i>{{ species_text || "-" }}</i>
-                      <span v-if="species_text">
+                      <span v-if="species_accession">
                         (<a
                           class="vf-link"
                           :href="species_accession_url"
@@ -60,7 +60,7 @@
                     </td>
                     <td>
                       {{ origins[0].component_text || "-" }}
-                      <span v-if="origins[0].component_text">
+                      <span v-if="origins[0].component_accession">
                         (<a
                           class="vf-link"
                           :href="origins[0].component_accession_url"
@@ -73,7 +73,7 @@
                       {{ origins[0].source_type || "-" }}
                       <span
                         v-if="
-                          origins[0].source_type &&
+                          origins[0].source_accession &&
                           origins[0].source_accession_url
                         "
                       >
@@ -84,7 +84,7 @@
                           >{{ origins[0].source_accession }}</a
                         >)
                       </span>
-                      <span v-else-if="origins[0].source_type">
+                      <span v-else-if="origins[0].source_accession">
                         ({{ origins[0].source_accession }})
                       </span>
                     </td>
@@ -101,7 +101,7 @@
                   <tr v-for="(origin, index) in origins" :key="index">
                     <td>
                       {{ origin.component_text || "-" }}
-                      <span v-if="origin.component_text">
+                      <span v-if="origin.component_accession">
                         (<a
                           class="vf-link"
                           :href="origin.component_accession_url"
@@ -112,7 +112,7 @@
                     </td>
                     <td>
                       {{ origin.source_type || "-" }}
-                      <span v-if="origin.source_type">
+                      <span v-if="origin.source_accession">
                         (<a
                           class="vf-link"
                           :href="origin.source_accession_url"

pages/test.vue

+<template>
+  <DetailPageMetaboliteOfSpecies
+    :compound_origins="origins"
+  />
+</template>
+
+<script setup lang="ts">
+let origins = {
+  "Homo sapiens": {
+    "species_text": "Homo sapiens",
+    "species_accession": "NCBI:txid9606",
+    "species_accession_url": "http://www.ncbi.nlm.nih.gov/Taxonomy/Browser/wwwtax.cgi?mode=Info&id=txid9606",
+    "origins": [
+      {
+        "species_text": "Homo sapiens",
+        "species_accession": "NCBI:txid9606",
+        "component_text": "component text",
+        "component_accession": "accession",
+        "strain_text": "strain",
+        "source_type": "DOI",
+        "source_accession": "10.1038/nbt.2488",
+        "comments": "comment",
+        "species_accession_url": "http://www.ncbi.nlm.nih.gov/Taxonomy/Browser/wwwtax.cgi?mode=Info&id=txid9606",
+        "source_accession_url": null
+      },
+
+
+    ]
+  },
+}
+
+</script>
\ No newline at end of file