Call postMessage on mouse-over to select in table

We now post a message to the main window to highlight the current
feature in the table of domains.

Refs pombase/website#2203
Refs pombase/website#2255
Refs pombase/pombase-chado#1218

protein_feature_view/templates/protein_feature_view/index.html

@@ -610,6 +610,10 @@
       highlightHoverElement: false,
       highlightHoverPosition: false,
       elementEnterCallBack: function(obj, e) {
+        if (obj.matchId) {
+          window.top.postMessage({selectedProteinFeatureId: obj.matchId}, '*');
+        }
+
         if (obj.displayName) {
           const tip = tippy(e.target);
           let props = { ... tippyProps };
@@ -644,6 +648,10 @@
         }
       },
       elementLeaveCallBack: function(obj, e) {
+        if (obj.matchId) {
+          window.top.postMessage({selectedProteinFeatureId: null}, '*');
+        }
+
         if (obj.id && tooltips[obj.id]) {
           const tip = tooltips[obj.id];
           tip.destroy();