From e0f295f773b84179628b9fb02f71c915ae2a0fee Mon Sep 17 00:00:00 2001
From: Kenzo-Hugo Hillion <kenzo-hugo.hillion1@pasteur.fr>
Date: Fri, 14 Aug 2020 15:48:00 +0200
Subject: [PATCH] give two links for NCBI taxonomy in gene detail
---
.../components/taxonomycard/taxonomycard.html | 41 +++++++++++++++----
.../components/taxonomycard/taxonomycard.js | 5 ++-
2 files changed, 37 insertions(+), 9 deletions(-)
diff --git a/frontend/src/components/taxonomycard/taxonomycard.html b/frontend/src/components/taxonomycard/taxonomycard.html
index a410a23..0652981 100644
--- a/frontend/src/components/taxonomycard/taxonomycard.html
+++ b/frontend/src/components/taxonomycard/taxonomycard.html
@@ -28,14 +28,41 @@
<v-list-tile-sub-title v-html="item.content.name"></v-list-tile-sub-title>
</v-list-tile-content>
<v-list-tile-action>
- <v-tooltip top>
- <template v-slot:activator="{ on }">
- <v-btn :href="item.url" flat icon class="primary--text" target="_blank" v-on="on">
- <v-icon>open_in_new</v-icon>
- </v-btn>
+ <v-speed-dial
+ direction="left"
+ transition="scale-transition"
+ >
+ <template v-slot:activator>
+ <v-tooltip top>
+ <template v-slot:activator="{ on }">
+ <v-btn
+ icon
+ flat
+ v-on="on"
+ >
+ <v-icon>open_in_new</v-icon>
+ </v-btn>
+ </template>
+ <span>Visit NCBI Taxonomy</span>
+ </v-tooltip>
</template>
- <span>Visit NCBI taxonomy</span>
- </v-tooltip>
+ <v-tooltip top>
+ <template v-slot:activator="{ on }">
+ <v-btn :href="item.url_info" icon class="mr-3" target="_blank" v-on="on">
+ <v-icon>fas fa-info</v-icon>
+ </v-btn>
+ </template>
+ <span>Info</span>
+ </v-tooltip>
+ <v-tooltip top>
+ <template v-slot:activator="{ on }">
+ <v-btn :href="item.url_tree" icon class="mr-3" target="_blank" v-on="on">
+ <v-icon>fa-sitemap</v-icon>
+ </v-btn>
+ </template>
+ <span>Tree</span>
+ </v-tooltip>
+ </v-speed-dial>
</v-list-tile-action>
</v-list-tile>
</template>
diff --git a/frontend/src/components/taxonomycard/taxonomycard.js b/frontend/src/components/taxonomycard/taxonomycard.js
index e2df01a..2b9ac5b 100644
--- a/frontend/src/components/taxonomycard/taxonomycard.js
+++ b/frontend/src/components/taxonomycard/taxonomycard.js
@@ -22,7 +22,7 @@ export default {
},
})
.then((response) => {
- const ncbi_tax_url = 'https://www.ncbi.nlm.nih.gov/Taxonomy/Browser/wwwtax.cgi?id=';
+ const ncbi_tax_url = 'https://www.ncbi.nlm.nih.gov/Taxonomy/Browser/wwwtax.cgi?';
this.taxonomyDetail = [
{
title: 'Superkingdom',
@@ -67,7 +67,8 @@ export default {
];
this.taxonomyDetail.forEach((item, index) => {
if (item.content) {
- item.url = ncbi_tax_url + item.content.tax_id;
+ item.url_info = ncbi_tax_url + "mode=info&id=" + item.content.tax_id;
+ item.url_tree = ncbi_tax_url + "mode=tree&id=" + item.content.tax_id;
}
});
})
--
GitLab