updating species display to use code instead of common name

Kitware · Feb 1, 2024 · 535541c · 535541c
1 parent 04353ae
commit 535541c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/client/src/components/AnnotationList.vue b/client/src/components/AnnotationList.vue
@@ -87,10 +87,11 @@ export default defineComponent({
         <v-row
           v-for="item in annotation.species"
           :key="`${annotation.id}_${item.common_name}`"
+          class="ma-0 pa-0"
         >
-          <v-col>
+          <v-col class="ma-0 pa-0">
             <div class="species-name">
-              {{ item.common_name }}
+              {{ item.species_code || item.common_name }}
             </div>
             <div
               v-if="item.family"
@@ -123,10 +124,10 @@ export default defineComponent({
 }
 .species-name {
     font-weight: bold;
-    font-size: 0.7em;
+    font-size: 1em;
 }
 .species-hierarchy {
-    font-size: 0.5em;
+    font-size: 0.75em;
 }
 .selected {
     background-color: cyan;

diff --git a/client/src/components/geoJS/layers/speciesLayer.ts b/client/src/components/geoJS/layers/speciesLayer.ts
@@ -74,7 +74,7 @@ export default class SpeciesLayer {
         for (let i =0; i< species.length; i += 1) {
           const specie = species[i];
           this.textData.push({
-            text: `${specie.common_name}`,
+            text: `${specie.species_code || specie.common_name}`,
             x: xmin + (xmax-xmin) /2.0,
             y: ymax ,
             offsetX:0,