From cf1b391cf0de6974b2009a0762e5cb24ba34f347 Mon Sep 17 00:00:00 2001 From: Quincy Morgan Date: Sat, 13 Oct 2018 18:53:04 -0700 Subject: [PATCH] Adds highlighting of relation members in the map when hovering on their list item --- modules/ui/raw_member_editor.js | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/modules/ui/raw_member_editor.js b/modules/ui/raw_member_editor.js index 498588e46..f86fb403a 100644 --- a/modules/ui/raw_member_editor.js +++ b/modules/ui/raw_member_editor.js @@ -122,6 +122,16 @@ export function uiRawMemberEditor(context) { enter .each(function(d) { if (d.member) { + + // highlight the member feature in the map while hovering on the list item + var selectorPrefix = d.type === 'node' ? 'g.' : 'path.'; + d3_select(this).on('mouseover', function() { + context.surface().selectAll(selectorPrefix+d.id).classed('related', true); + }); + d3_select(this).on('mouseout', function() { + context.surface().selectAll(selectorPrefix+d.id).classed('related', false); + }); + var label = d3_select(this).append('label') .attr('class', 'form-label') .append('a') @@ -142,7 +152,7 @@ export function uiRawMemberEditor(context) { } else { var incompleteLabel = d3_select(this).append('label') .attr('class', 'form-label'); - + incompleteLabel.append('span') .attr('class', 'member-entity-type') .text(t('inspector.'+d.type, { id: d.id }));