Field-specific side indicator

[matkoniecz]

Description

left/right stuff is highly confusing (not saying that tagging schema is bad, I see no better solution)

I think that iD can be smarter here - my idea is to highlight side when user is editing side-specific field.

When user edits left side of sidewalk, then left side of road may get transparent highlight on left side, with matching colour marking on left field. The same for right side. See mockups below.

(there is also potential for showing arrows for forward/backward directions, if side highlight gets implemented and it works well this could be the next one)

Screenshots (mockup)

left side is active:

right side is active:

iD show sides.zip

[matkoniecz]

note: sadly I have no idea right now how to code this.

[1ec5]

Here’s where we add the little triangles to indicate the sidedness of a barrier way:

iD/modules/svg/defs.js

Lines 54 to 70 in 9266707

	function addSidedMarker(name, color, offset) {
	_defsSelection
	.append('marker')
	.attr('id', 'ideditor-sided-marker-' + name)
	.attr('viewBox', '0 0 2 2')
	.attr('refX', 1)
	.attr('refY', -offset)
	.attr('markerWidth', 1.5)
	.attr('markerHeight', 1.5)
	.attr('markerUnits', 'strokeWidth')
	.attr('orient', 'auto')
	.append('path')
	.attr('class', 'sided-marker-path sided-marker-' + name + '-path')
	.attr('d', 'M 0,0 L 1,1 L 2,0 z')
	.attr('stroke', 'none')
	.attr('fill', color);
	}

The highlights for a way on hover or selection happen around here:

iD/modules/svg/lines.js

Line 130 in 9266707

function drawLineGroup(selection, klass, isSelected) {