Add sft-summary section. Move getNbxDocumentText to gx-util as getDocumentText.

Author: ranbo

bbox/bbox.js

@@ -22,20 +22,6 @@ function createOverlay(type, rectangle, elementMap, gxObject) {
   };
 }
 
-function findNbxDocumentText(doc, docId) {
-  if (doc.documents) {
-    if (!docId) {
-      docId = "nbx";
-    }
-    for (let document of documents) {
-      if (document.id === docId) {
-        return document.text;
-      }
-    }
-  }
-  return null;
-}
-
 /**
  * Add highlight boxes and corresponding text markers to the image viewer, as found in the given GedcomX document.
  *   A map is returned with key = local HTML element "id" for each highlight created; and value = "id" of the GedcomX object it came from.
@@ -302,7 +288,7 @@ function overlayBoxes(viewer, doc, sessionId) {
   }
 
   // Add bounding boxes for all words. (Do this before names, dates and places, so that those will be on top)
-  addNbxBoxes(boxes, markers, findNbxDocumentText(doc));
+  addNbxBoxes(boxes, markers, findDocumentText(doc));
 
   if (doc.persons) {
     for (let person of doc.persons) {

gx-util.js

@@ -315,6 +315,20 @@ function getSourceDocument(doc, mainSourceDescription) {
   return document;
 }
 
+function findDocumentText(doc, docId) {
+  if (doc.documents) {
+    if (!docId) {
+      docId = "nbx";
+    }
+    for (let document of doc.documents) {
+      if (document.id === docId) {
+        return document.text;
+      }
+    }
+  }
+  return null;
+}
+
 /**
  * Create an object with {x, y, width, height}, either from those four values, or four a comma-seprated string containing those four values.
  * @param x1OrRectangle - Either an x coordinate, or a string with "x,y,width,height" all in them.

gx-view.css

@@ -63,4 +63,22 @@ pre {
 
 .section-drop-hover {
     background-color: #e4fffb;
+}
+
+.hanging-indent {
+    padding-left: 22px;
+    text-indent: -22px;
+    margin-bottom: 0;
+}
+
+.sft-relationship {
+    color: #015b46;
+}
+
+.sft-person {
+    color: #0000b7;
+}
+
+.sft-tag {
+    color: #6c854e;
 }

index.html

@@ -209,6 +209,27 @@
       }
     }
 
+    function getSftSummaryHtml(doc) {
+      let summary = findDocumentText(doc, "sftPrediction");
+      if (summary) {
+        let lines = summary.split("\n");
+        let html = "";
+        for (let line of lines) {
+          if (line.startsWith("relationship ")) {
+            line = line.replace(/^(relationship) /, "<span class='sft-relationship'>$1</span> ");
+            line = line.replace(/ (pe[0-9]+)/g, " <span class='sft-person'>$1</span>");
+          }
+          else if (line.startsWith("pe")) {
+            line = line.replace(/^(pe[0-9]*) /, "<span class='sft-person'>$1</span> ")
+          }
+          line = line.replace(/ (_[^ ]*)/g, " <span class='sft-tag'>$1</span>");
+          html += "<p class='hanging-indent'>" + line + "</p>";
+        }
+        return html;
+      }
+      return null;
+    }
+
     /**
      *  Having made a change to the given record, update the display of it.
      *
@@ -250,6 +271,11 @@
         $("#source-viewer").show();
       }
 
+      let sftSummaryHtml = getSftSummaryHtml(doc);
+      if (sftSummaryHtml) {
+        $("#sft-summary").html(sftSummaryHtml);
+      }
+
       function getImageLink(doc) {
         // todo: Include coordinates and handle multiple images.
         // let imageArksAndRectangles = getImageArks(doc);
@@ -2675,7 +2701,7 @@
               <div id="source-file" class="pt-4"></div>
               <div id="gx-editor" class="pt-2"></div>
               <div><span id="image-link">IMAGE LINK</span>&nbsp;&nbsp;<span id="nbx-link">ENTITY VIEWER</span></div>
-
+              <div id="sft-summary"></div>
             </div>
           </div>
           <div class="col-8 pt-4">

nbx/nbx.html

@@ -27,9 +27,9 @@
       window.opener.entityChildWindow = document;
       let doc = window.opener.getCurrentGx();
       doc = fixGedcomx(doc);
-      nbxText = findNbxDocumentText(doc, "relexPostRules");
+      nbxText = findDocumentText(doc, "relexPostRules");
       if (!nbxText) {
-        nbxText = findNbxDocumentText(doc, "nbx");
+        nbxText = findDocumentText(doc, "nbx");
         if (nbxText) {
           // Remove bounding boxes.
           nbxText = nbxText.replace(/\[[0-9]*,[0-9]*:[0-9]*,[0-9]*] /g, "");