Add target label [SpeciesFileGroup/taxonworks#4158]

src/adapters/makeLead.ts

@@ -6,6 +6,7 @@ export function makeLead(item: any, config: APIConfig): Lead {
     text: item.text,
     parentId: item.parent_id,
     targetId: item.target_id,
+    targetLabel: item.target_label,
     targetType: item.target_type,
     position: item.position,
     figures: item.figures?.map((item) => makeFigure(item, config)) || []

src/components/Node.vue

@@ -11,6 +11,7 @@
         </button>
 
         <p>{{ node.text }}</p>
+        <p v-if="isNaN(node.targetLabel)">{{ node.targetLabel }}</p>
         <FigureList :figures="node.figures" />
       </div>
       <div v-if="node.children.length">

src/components/Tree.vue

@@ -1,13 +1,10 @@
 <template>
   <ul class="pinpoint-tree">
     <li>
+      <span @click="() => store.setCurrentNode(node.parentId)">
       [{{ coupletNumber }}]
-      <span
-        @click="() => store.setCurrentNode(node.parentId)"
-        v-html="node.text"
-      />
-      [id: {{ node.id }}]
-
+      <span v-html="node.text"/> <span v-if="isNaN(node.targetLabel)">[{{ node.targetLabel }}]</span>
+      </span>
       <template v-for="id in node.children">
         <VTree
           v-if="store.state.nodes[id]"

src/types/Lead.ts

@@ -5,6 +5,7 @@ export type Lead = {
   parentId: Number | null
   position: Number | null
   targetType: String
+  targetLabel: String
   targetId: Number
   figures: Figure[]
 }