diff --git a/components/content/StructureDb.vue b/components/content/StructureDb.vue index 390b52cf7b44bab6ec7bb7ddbeea90526e088fd5..54a8658df224a49410d663b8a2507906862f7689 100644 --- a/components/content/StructureDb.vue +++ b/components/content/StructureDb.vue @@ -18,7 +18,6 @@ const itemValue = ref("id"); const dbName = ref("structure") onBeforeMount(async () => { - console.log("dans le mounted refseq") const { data } = await useAsyncMeiliSearch({ index: toValue(dbName), query: "", params: { facets: ["*"], @@ -143,6 +142,8 @@ function pdbNameToCif(pdbPath: string) { return `${cifPath}.cif` } +const { refinedUrl: downloadAllPdbUrl } = useRefinedUrl("/df-all-pdb.tar.gz") + </script> <template> <ServerDbTable title="Predicted Structures" :sortBy="sortBy" :data-table-server-props="dataTableServerProps" @@ -210,9 +211,24 @@ function pdbNameToCif(pdbPath: string) { <CollapsibleChips :items="namesToCollapsibleChips(item.system_genes, item.System_name_ok)"></CollapsibleChips> </template> <template #[`item.structure`]="{ item }"> - <MolstarPdbePlugin v-if="item?.pdb && item.pdb !== 'na'" - :data-urls="[`/${item.System_name_ok}/${pdbNameToCif(item.pdb)}`]" uniq> - </MolstarPdbePlugin> + <v-list> + <v-list-item> + <v-list-item-title>cif</v-list-item-title> + <MolstarPdbePlugin v-if="item?.pdb && item.pdb !== 'na'" + :data-urls="[`/${item.System_name_ok}/${pdbNameToCif(item.pdb)}`]" uniq> + </MolstarPdbePlugin> + + </v-list-item> + <v-list-item> + <v-list-item-title>pdb</v-list-item-title> + <MolstarPdbePlugin v-if="item?.pdb && item.pdb !== 'na'" + :data-urls="[`/${item.System_name_ok}/${item.pdb}`]" uniq> + </MolstarPdbePlugin> + </v-list-item> + </v-list> + + + <!-- <v-icon v-else color="warning" icon="md:dangerous"></v-icon> --> @@ -228,7 +244,7 @@ function pdbNameToCif(pdbPath: string) { all</v-btn> </template> <v-list> - <v-list-item value="pdb" href="/df-all-pdb.tar.gz"> + <v-list-item value="pdb" :href="downloadAllPdbUrl"> <v-list-item-title>all pdbs</v-list-item-title> </v-list-item> <v-list-item value="pdb">