diff --git a/frontend/src/lib/SimilarProteins.svelte b/frontend/src/lib/SimilarProteins.svelte index fda0c1a1..e4312b5f 100644 --- a/frontend/src/lib/SimilarProteins.svelte +++ b/frontend/src/lib/SimilarProteins.svelte @@ -8,41 +8,49 @@ export let queryProteinName: string; let showing = 5; - let similarProteins: SimilarProtein[] = []; + let similar: SimilarProtein[]; onMount(async () => { - similarProteins = await Backend.getSimilarPdb(queryProteinName); + similar = await Backend.getSimilarVenome(queryProteinName); }); - - {#if similarProteins.length > 0} - - - - - - {#each { length: Math.min(showing, similarProteins.length) } as _, i} - {@const protein = similarProteins[i]} - {@const pdbId = protein.name.toUpperCase()} - - - - +{#if similar} + {#if similar.length > 0} +
Source Desc. Prob.
- PDB:{pdbId} - DEscDEscDEscDEsc DEscDEsc DEsc DEsc {protein.prob}
+ + + + - {/each} - {#if similarProteins.length > showing} -
(showing += 5)}> - ... click to see more -
- {/if} + {#each { length: Math.min(showing, similar.length) } as _, i} + {@const protein = similar[i]} + + + + + + {/each} + {#if similar.length > showing} +
(showing += 5)} + > + ... click to see more +
+ {/if} +
Source Desc. Prob.
+ VENOME:{protein.name} + DEscDEscDEscDEsc DEscDEsc DEsc DEsc {protein.prob}
{:else} - Computing Similar PDB proteins w/ Foldseek +
None Found
{/if} - +{:else} +
+ Computing Similar Venome proteins w/ Foldseek +
+{/if} diff --git a/frontend/src/routes/protein/[proteinName]/+page.svelte b/frontend/src/routes/protein/[proteinName]/+page.svelte index 17bad92a..9ffc475e 100644 --- a/frontend/src/routes/protein/[proteinName]/+page.svelte +++ b/frontend/src/routes/protein/[proteinName]/+page.svelte @@ -16,6 +16,7 @@ import { ChevronDownSolid, PenOutline } from "flowbite-svelte-icons"; import EntryCard from "$lib/EntryCard.svelte"; import SimilarProteins from "$lib/SimilarProteins.svelte"; + import SimilarProteinsPdb from "$lib/SimilarProteinsPDB.svelte"; const fileDownloadDropdown = ["pdb", "fasta"]; @@ -58,9 +59,17 @@
{numberWithCommas(entry.mass)}
- Structurally Similar Proteins + Structurally Similar Venome Proteins
+
+ Structurally Similar Protein Data Bank Proteins + +