feat(tree): Add SeqCode links.

Ecogenomics · Nov 18, 2022 · e1035cd · e1035cd
1 parent 680c215
commit e1035cd
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 2 deletions.
diff --git a/assets/api/taxon.ts b/assets/api/taxon.ts
@@ -48,7 +48,8 @@ export interface TaxonDescendants {
   isRep?: boolean,
   typeMaterial?: string,
   nDescChildren?: number,
-  bergeysUrl?: string
+  bergeysUrl?: string,
+  seqcodeUrl?: string
 }
 
 export interface TaxonSearchResponse {

diff --git a/pages/tree.vue b/pages/tree.vue
@@ -85,6 +85,17 @@
               </template>
             </v-checkbox>
           </v-row>
+          <v-row no-gutters>
+            <v-checkbox
+              v-model="showSeqcodeUrl"
+              class="font-12px"
+              color="#4b0082"
+              dense
+              hide-details
+              label="SeqCode"
+            >
+            </v-checkbox>
+          </v-row>
         </div>
 
       </div>
@@ -205,6 +216,17 @@
                         </a>
                       </template>
 
+                      <!-- SeqCode URL -->
+                      <template v-if="showSeqcodeUrl && item.seqcodeUrl">
+                        <a :href="item.seqcodeUrl" target="_blank">
+                          <span class="rounded-circle pa-1" style="background-color: #4b0082">
+                        <v-icon small dark>
+                        {{ mdiLinkVariantSvg }}
+                      </v-icon>
+                      </span>
+                        </a>
+                      </template>
+
                     </div>
                   </template>
                 </div>
@@ -301,6 +323,17 @@
                     </template>
                   </v-checkbox>
                 </v-row>
+                <v-row no-gutters>
+                  <v-checkbox
+                    v-model="showSeqcodeUrl"
+                    class="font-12px"
+                    color="#4b0082"
+                    dense
+                    hide-details
+                    label="SeqCode"
+                  >
+                  </v-checkbox>
+                </v-row>
               </div>
 
               <!-- Taxonomy table for the selected taxon -->
@@ -391,7 +424,8 @@ export default Vue.extend({
     // Allow the user to select the following tree annotations
     showDescChildren: false,
     showDescGenomes: true,
-    showBergeysUrl: false
+    showBergeysUrl: false,
+    showSeqcodeUrl: false,
   }),
   watch: {
     // If the user searches for a taxon, manipulate the tree

diff --git a/store/tree.ts b/store/tree.ts
@@ -12,6 +12,7 @@ export interface TreeItem {
   total?: number
   nDescChildren?: number,
   bergeysUrl?: string,
+  seqcodeUrl?: string,
   children?: TreeItem[],
 
   isGenome?: boolean,
@@ -112,6 +113,7 @@ function treeItemFromTaxonDescendants(item: TaxonDescendants): TreeItem {
     out.total = item.total
     out.nDescChildren = item.nDescChildren
     out.bergeysUrl = item.bergeysUrl
+    out.seqcodeUrl = item.seqcodeUrl
     out.children = []
   }
   return out