fixing parent-child menu location

Author: pnrobinson

package.json

@@ -1,6 +1,6 @@
 {
   "name": "phenoboard",
-  "version": "0.5.95",
+  "version": "0.5.96",
   "scripts": {
     "ng": "ng",
     "start": "nx serve phenoboard --port 1420",

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "phenoboard"
-version = "0.5.95"
+version = "0.5.96"
 description = "Curate cohorts of GA4GH Phenopackets"
 authors = ["Peter N Robinson"]
 edition = "2021"

src-tauri/tauri.conf.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "phenoboard",
-  "version": "0.5.95",
+  "version": "0.5.96",
   "identifier": "org.p2gx.phenoboard",
   "build": {
     "beforeDevCommand": "npx nx serve phenoboard --configuration=development  --no-cloud",

src/app/hpopolishing/hpopolishing.component.html

@@ -67,9 +67,9 @@
 
 <div class="mt-4 p-2 border rounded bg-gray-50 flex flex-col h-[70vh]">
   <strong class="mb.1">Annotated Terms: n={{ getFenominalAnnotations().length }}</strong>
-  <!-- text-annotations.component.html -->
-<div class="flex-1 overflow-y-auto  border border-gray-300 rounded">
-  <table class="table-auto w-full border-collapse text-xs leading-tight">
+  <!-- text-annotations.component.htmloverflow-y-auto -->
+<div class="flex-1 border border-gray-300 rounded">
+  <table #annotationTable class="table-auto w-full border-collapse text-xs leading-tight">
   <thead class="bg-gray-100 sticky top-0 z-10">
     <tr>
       <th class="border px-1 py-[1px]">Term ID</th>

src/app/hpopolishing/hpopolishing.component.ts

@@ -1,7 +1,7 @@
 import { HpoAnnotationDto, ParentChildDto, TextAnnotationDto, textAnnotationToHpoAnnotation, to_annotation_dto } from '../models/text_annotation_dto';
 import { AgeInputService } from '../services/age_service';
 import { CommonModule } from '@angular/common';
-import { Component, Input, Output, EventEmitter, OnInit, inject, signal } from '@angular/core';
+import { Component, Input, Output, EventEmitter, OnInit, inject, signal, ElementRef, ViewChild, HostListener } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { openUrl } from '@tauri-apps/plugin-opener';
 import { ConfigService } from '../services/config.service';
@@ -30,6 +30,7 @@ export class HpoPolishingComponent implements OnInit {
   private configService = inject(ConfigService);
   private dialog = inject(MatDialog);
   private notificationService = inject(NotificationService);
+  @ViewChild('annotationTable') annotationTable!: ElementRef;
 
   availableOnsetTerms = this.ageService.selectedTerms;  
   hpoAnnotations = signal<HpoAnnotationDto[]>([]);
@@ -120,6 +121,14 @@ export class HpoPolishingComponent implements OnInit {
     }
   }
 
+  @HostListener('document:mousedown', ['$event']) // mousedown is often more reliable than click
+    onGlobalClick(event: MouseEvent): void {
+      const clickedInside = this.annotationTable.nativeElement.contains(event.target);
+      if (!clickedInside) {
+        this.showDropdownMap = {};
+      }
+    }
+
   /** This is used in the GUI to replace a term by a parent or child term. */
  replaceTerm(annotation: HpoAnnotationDto, replacement: HpoAnnotationDto) {
   this.hpoAnnotations.update(current => {

src/app/pttemplate/pttemplate.component.html

@@ -426,6 +426,9 @@
           (click)="focusOnSingleRow()">Focus on row</li>
       <li class="px-3 py-1 cursor-pointer hover:bg-gray-100"
           (click)="focusOnPmid(contextRowPmid)">Focus on PMID: {{ contextRowPmid ?? 'N/A' }}</li>
+      <li class="px-3 py-1 cursor-pointer hover:bg-gray-100 text-blue-600 flex justify-between items-center"
+      (click)="openPmidInBrowser(contextRowPmid)"> Open PMID in Browser<span class="text-xs">↗</span>
+      </li>
       <li class="px-3 py-1 cursor-pointer hover:bg-gray-100"
           (click)="showAllRows()">Show all rows</li>
       <li class="px-3 py-1 cursor-pointer hover:bg-gray-100"

src/app/pttemplate/pttemplate.component.ts

@@ -21,7 +21,7 @@ import { MatButtonToggleModule } from '@angular/material/button-toggle';
 import { CohortSummaryComponent } from "../cohortsummary/cohortsummary.component";
 import { ConfirmDialogComponent } from '../addcase/confirmdialog.component';
 import { HelpButtonComponent } from "../util/helpbutton/help-button.component";
-import { rxResource } from '@angular/core/rxjs-interop';
+import { openUrl } from '@tauri-apps/plugin-opener';
 import { CohortMetadataComponent } from "../util/cohortmetadata/cohort-metadata.component";
 
 interface Option { label: string; value: string };
@@ -1054,4 +1054,13 @@ visibleColumnMask = computed<Uint8Array>(() => {
     });
   }
 
+  async openPmidInBrowser(pmid: string | null) {
+    if (!pmid) return;
+    const cleanId = pmid.replace(/pmid:/i, '').trim();
+    if (cleanId) {
+      const url = `https://pubmed.ncbi.nlm.nih.gov/${cleanId}/`;
+      await openUrl(url);
+    }
+  }
+
 }