From 661fc34082bd643c137568b48e988475b4c98680 Mon Sep 17 00:00:00 2001
From: Remi PLANEL <rplanel@pasteur.fr>
Date: Thu, 1 Feb 2024 20:56:38 +0100
Subject: [PATCH] make download almost ok
---
components/content/MolstarPdbePlugin.vue | 14 +++++++++++---
components/content/StructureDb.vue | 13 +++++++------
2 files changed, 18 insertions(+), 9 deletions(-)
diff --git a/components/content/MolstarPdbePlugin.vue b/components/content/MolstarPdbePlugin.vue
index ca79f591..12370ec4 100644
--- a/components/content/MolstarPdbePlugin.vue
+++ b/components/content/MolstarPdbePlugin.vue
@@ -161,13 +161,21 @@ const moleculeFormat: Ref<string> = ref("pdb")
<template>
<template v-if="uniq">
<v-row justify="space-between" dense no-gutters align="center">
- <v-col>{{ $props.format }}</v-col>
<v-col>
<v-btn size="x-small" variant="text" icon="md:visibility" @click="setSelectedPdbToFirst()"></v-btn>
</v-col>
<v-col>
- <v-btn :disabled="!structureToDownload" size="x-small" variant="text" icon="md:download" class="ml-1"
- :href="structureToDownload"></v-btn>
+ <v-menu>
+ <template v-slot:activator="{ props }">
+ <v-btn :disabled="refinedDataUrls?.length < 1" size="x-small" variant="text" icon="md:download"
+ class="ml-1" v-bind="props"></v-btn>
+ </template>
+ <v-list>
+ <v-list-item v-for="(item, index) in refinedDataUrls" :key="index" :value="index">
+ <v-list-item-title :href="item">{{ item }}</v-list-item-title>
+ </v-list-item>
+ </v-list>
+ </v-menu>
</v-col>
</v-row>
</template>
diff --git a/components/content/StructureDb.vue b/components/content/StructureDb.vue
index f391d3e6..27e5c74d 100644
--- a/components/content/StructureDb.vue
+++ b/components/content/StructureDb.vue
@@ -71,7 +71,7 @@ const computedAutocompleteMeiliFacetsProps = computed(() => {
const headers: Ref<Object[]> = ref([
- { title: 'Structure', key: 'structure', sortable: false, removable: false, fixed: true, minWidth: "130px" },
+ { title: 'Structure', key: 'structure', sortable: false, removable: false, fixed: true, minWidth: "110px" },
{ title: 'Foldseek', key: 'Foldseek_name', sortable: false },
{ title: "System", key: "System", removable: false },
{ title: "Gene name", key: "gene_name", removable: false },
@@ -214,14 +214,14 @@ const { refinedUrl: downloadAllCifUrl } = useRefinedUrl("/df-all-cifs.tar.gz")
<template #[`item.structure`]="{ item }">
<v-row no-gutters align="center">
<MolstarPdbePlugin v-if="item?.pdb && item.pdb !== 'na'"
- :data-urls="[`/${item.System_name_ok}/${pdbNameToCif(item.pdb)}`]" uniq format="cif">
+ :data-urls="[`/${item.System_name_ok}/${pdbNameToCif(item.pdb)}`, `/${item.System_name_ok}/${item.pdb}`]" uniq format="cif">
</MolstarPdbePlugin>
</v-row>
- <v-row no-gutters align="center">
+ <!-- <v-row no-gutters align="center">
<MolstarPdbePlugin v-if="item?.pdb && item.pdb !== 'na'"
:data-urls="[`/${item.System_name_ok}/${item.pdb}`]" uniq format="pdb">
</MolstarPdbePlugin>
- </v-row>
+ </v-row> -->
@@ -235,8 +235,9 @@ const { refinedUrl: downloadAllCifUrl } = useRefinedUrl("/df-all-cifs.tar.gz")
<template #toolbar-items>
<v-menu>
<template v-slot:activator="{ props }">
- <v-btn variant="text" color="primary" class="align-self-end" v-bind="props">download
- all</v-btn>
+ <!-- <v-tooltip activator="parent" location="top">Download all structures</v-tooltip> -->
+ <v-btn class="align-self-end" v-bind="props" icon="md:download">
+ </v-btn>
</template>
<v-list>
<v-list-item value="pdb" :href="downloadAllPdbUrl">
--
GitLab