From a8630abeba99d4963e40594801d30992a45989b8 Mon Sep 17 00:00:00 2001
From: W Beecher Baker <wbbaker@purdue.edu>
Date: Mon, 3 Mar 2025 15:59:54 -0600
Subject: [PATCH] Label with family / order if lower ranks are not specified

---
 .../Panel/PanelSpecimens/SpecimenSummary.vue           | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/modules/otus/components/Panel/PanelSpecimens/SpecimenSummary.vue b/src/modules/otus/components/Panel/PanelSpecimens/SpecimenSummary.vue
index c319972..34812aa 100644
--- a/src/modules/otus/components/Panel/PanelSpecimens/SpecimenSummary.vue
+++ b/src/modules/otus/components/Panel/PanelSpecimens/SpecimenSummary.vue
@@ -4,7 +4,6 @@ of a specimen, from the TaxonWorks api /otus/<ID>/inventory/dwc.json.
 For further reference see https://dwc.tdwg.org/terms/.
 -->
 <template>
-  <!--    <ul class="tree m-2 ml-6 list-disc">-->
   <div v-html="nameAndAuthor(specimen)"/>
   <ul class="tree ml-6 relative">
     <li class="my-2">{{ describeSpecimen(specimen) }}</li>
@@ -36,11 +35,16 @@ const props = defineProps({
 })
 
 function genusSpecies(specimen) {
-  return [specimen.genus,  specimen.specificEpithet].filter(Boolean).join(' ')
+  return [specimen.genus, specimen.specificEpithet].filter(Boolean).join(' ')
 }
 
 function nameAndAuthor(specimen) {
-  return [`<em>${genusSpecies(specimen)}</em>`, specimen.scientificNameAuthorship].filter(Boolean).join(' ')
+  // scientificName contains most specific available rank
+  // italicize the genus + species
+  return specimen.scientificName
+      .replace(genusSpecies(specimen), `<em>${genusSpecies(specimen)}</em>`)
+      .replace(specimen.family, `Family ${specimen.family}`)
+      .replace(specimen.order, `Order ${specimen.order}`)
 }
 
 /** Inspired by taxonpages-orthoptera PanelSpecimenRecords. */