diff --git a/frontend/src/api/phenotype-explorer.ts b/frontend/src/api/phenotype-explorer.ts
index 4f20ae28c..adb3884a5 100644
--- a/frontend/src/api/phenotype-explorer.ts
+++ b/frontend/src/api/phenotype-explorer.ts
@@ -50,7 +50,7 @@ export const getPhenotypes = async (search = ""): ReturnType
diff --git a/frontend/src/pages/about/PageTerms.vue b/frontend/src/pages/about/PageTerms.vue index 8e29d76b2..fa49271dc 100644 --- a/frontend/src/pages/about/PageTerms.vue +++ b/frontend/src/pages/about/PageTerms.vue @@ -17,9 +17,10 @@ >3-Clause BSD License. Licensing information for the data sources and ontologies that make up the Monarch knowledge graph can be found on the -sources page . Licensing information for - tools, APIs, algorithms, and workflows can be found on the -overview page . +sources page . Licensing information for tools, APIs, algorithms, and workflows can be + found on theoverview page .Tracking diff --git a/frontend/src/pages/explore/TabPhenotypeExplorer.vue b/frontend/src/pages/explore/TabPhenotypeExplorer.vue index 1f5ac504f..70f8d72d8 100644 --- a/frontend/src/pages/explore/TabPhenotypeExplorer.vue +++ b/frontend/src/pages/explore/TabPhenotypeExplorer.vue @@ -54,6 +54,7 @@ v-if="bMode.id.includes('these phenotypes')" text="Analyze" icon="bars-progress" + :disabled="isLoading || !aPhenotypes.length || !bPhenotypes.length" @click="runAnalysis" />
- + + Results +Running analysis Error running analysis @@ -132,7 +135,9 @@ import type { Option, Options } from "@/components/AppSelectTags.vue"; import AppSelectTags from "@/components/AppSelectTags.vue"; import ThePhenogrid from "@/components/ThePhenogrid.vue"; import { snackbar } from "@/components/TheSnackbar.vue"; +import { scrollToElement } from "@/router"; import { useQuery } from "@/util/composables"; +import { waitFor } from "@/util/dom"; import { parse } from "@/util/object"; import examples from "./phenotype-explorer.json"; @@ -207,6 +212,8 @@ const { isError, } = useQuery( async function () { + scrollToResults(); + // /** run appropriate analysis based on selected mode */ // if (bMode.value.id.includes("these phenotypes")) return await compareSetToSet( @@ -222,8 +229,15 @@ const { /** default value */ { summary: [], phenogrid: { cols: [], rows: [], cells: {}, unmatched: [] } }, + + scrollToResults, ); +/** scroll results into view */ +async function scrollToResults() { + scrollToElement(await waitFor("#results")); +} + /** when multi select component runs spread options function */ function spreadOptions(option: Option, options: Options, set: string) { /** notify */ diff --git a/frontend/src/pages/explore/TabSearch.vue b/frontend/src/pages/explore/TabSearch.vue index da783f842..83222b196 100644 --- a/frontend/src/pages/explore/TabSearch.vue +++ b/frontend/src/pages/explore/TabSearch.vue @@ -186,9 +186,11 @@ async function runGetAutocomplete( /** if something typed in, get autocomplete options from backend */ if (search.trim()) return (await getAutocomplete(search)).items.map((item) => ({ - label: item.name, - icon: getCategoryIcon(item.category), + label: item.name.toLowerCase(), tooltip: "", + info: + /** show duplicates for gene symbols */ + item.name === item.symbol ? item.dupes.join(" / ") : undefined, })); /** @@ -368,7 +370,7 @@ watch(search, async () => { const query: { [key: string]: string } = {}; if (search.value) query.search = search.value; /** navigate to explore page */ - await router.push({ ...route, name: "Explore", query }); + await router.push({ ...route, name: "Explore", query, hash: "#search" }); }); /** when start page changes */ diff --git a/frontend/src/pages/node/AssociationsSummary.vue b/frontend/src/pages/node/AssociationsSummary.vue index 6babfbd82..9de8b4138 100644 --- a/frontend/src/pages/node/AssociationsSummary.vue +++ b/frontend/src/pages/node/AssociationsSummary.vue @@ -21,7 +21,7 @@ :key="index" class="result" > -+ - - + + => { sortable: true, }, { - slot: "evidence", + slot: "details", key: "evidence_count", - heading: "Evidence", + heading: "Details", width: 1, align: "center", sortable: true, @@ -317,7 +317,7 @@ onMounted(() => queryAssociations(true)); color: $gray; } -.evidence { +.details { width: 100%; min-height: unset !important; } diff --git a/frontend/src/pages/node/PageNode.vue b/frontend/src/pages/node/PageNode.vue index b96cd1985..350afcd13 100644 --- a/frontend/src/pages/node/PageNode.vue +++ b/frontend/src/pages/node/PageNode.vue @@ -24,11 +24,11 @@ - - + + @@ -46,7 +46,7 @@ import SectionBreadcrumbs from "@/pages/node/SectionBreadcrumbs.vue"; import { scrollToHash } from "@/router"; import { useQuery } from "@/util/composables"; import SectionAssociations from "./SectionAssociations.vue"; -import SectionDetails from "./SectionDetails.vue"; +import SectionExtra from "./SectionExtra.vue"; import SectionHierarchy from "./SectionHierarchy.vue"; import SectionOverview from "./SectionOverview.vue"; import SectionTitle from "./SectionTitle.vue"; diff --git a/frontend/src/pages/node/EvidenceViewer.vue b/frontend/src/pages/node/SectionAssociationDetails.vue similarity index 89% rename from frontend/src/pages/node/EvidenceViewer.vue rename to frontend/src/pages/node/SectionAssociationDetails.vue index a92775809..fccba5091 100644 --- a/frontend/src/pages/node/EvidenceViewer.vue +++ b/frontend/src/pages/node/SectionAssociationDetails.vue @@ -1,14 +1,14 @@ - Evidence +Association Details - Evidence for the selected association,
+ Details for the selected association,
props.association, scrollIntoView); diff --git a/frontend/src/pages/node/SectionAssociations.vue b/frontend/src/pages/node/SectionAssociations.vue index 9969c08ec..eda8a8c7a 100644 --- a/frontend/src/pages/node/SectionAssociations.vue +++ b/frontend/src/pages/node/SectionAssociations.vue @@ -55,8 +55,12 @@ - - + +