give two links for NCBI taxonomy in gene detail

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>

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;
             }
           });
         })