Add tile-info otol links

2 files changed, 5 insertions, 1 deletions

diff --git a/src/components/TileInfoModal.vue b/src/components/TileInfoModal.vue
index 1123387..6e1a8ab 100644
--- a/src/components/TileInfoModal.vue
+++ b/src/components/TileInfoModal.vue
@@ -123,7 +123,9 @@ export default defineComponent({
 		<h1 class="text-center text-xl font-bold mb-2">
 			{{displayName}}
 			<div v-if="tolNode != null">
-				({{tolNode.children.length}} children, {{tolNode.tips}} tips)
+				({{tolNode.children.length}} children, {{tolNode.tips}} tips,
+					<a :href="'https://tree.opentreeoflife.org/opentree/argus/opentree13.4@' + tolNode.otolId">
+						OTOL Link</a>)
 			</div>
 		</h1>
 		<hr class="mb-4 border-stone-400"/>
diff --git a/src/tol.ts b/src/tol.ts
index aa9a9b1..59ecadc 100644
--- a/src/tol.ts
+++ b/src/tol.ts
@@ -6,6 +6,7 @@
 export type TolMap = Map<string, TolNode>;
 // Represents a tree-of-life node
 export class TolNode {
+	otolId: string | null;
 	children: string[];
 	parent: string | null;
 	tips: number;
@@ -13,6 +14,7 @@ export class TolNode {
 	commonName: null | string;
 	imgName: null | string | [string, string] | [null, string] | [string, null];
 	constructor(children: string[] = [], parent = null, tips = 0, pSupport = false){
+		this.otolId = null;
 		this.children = children;
 		this.parent = parent;
 		this.tips = tips;