in modules/ui/sections/entity_issues.js [51:261]
function renderDisclosureContent(selection) {
selection.classed('grouped-items-area', true);
_activeIssueID = _issues.length > 0 ? _issues[0].id : null;
var containers = selection.selectAll('.issue-container')
.data(_issues, function(d) { return d.key; });
// Exit
containers.exit()
.remove();
// Enter
var containersEnter = containers.enter()
.append('div')
.attr('class', 'issue-container');
var itemsEnter = containersEnter
.append('div')
.attr('class', function(d) { return 'issue severity-' + d.severity; })
.on('mouseover.highlight', function(d3_event, d) {
// don't hover-highlight the selected entity
var ids = d.entityIds
.filter(function(e) { return _entityIDs.indexOf(e) === -1; });
utilHighlightEntities(ids, true, context);
})
.on('mouseout.highlight', function(d3_event, d) {
var ids = d.entityIds
.filter(function(e) { return _entityIDs.indexOf(e) === -1; });
utilHighlightEntities(ids, false, context);
});
var labelsEnter = itemsEnter
.append('div')
.attr('class', 'issue-label');
var textEnter = labelsEnter
.append('button')
.attr('class', 'issue-text')
.on('click', function(d3_event, d) {
makeActiveIssue(d.id); // expand only the clicked item
var extent = d.extent(context.graph());
if (extent) {
var setZoom = Math.max(context.map().zoom(), 19);
context.map().unobscuredCenterZoomEase(extent.center(), setZoom);
}
});
textEnter
.each(function(d) {
var iconName = '#iD-icon-' + (d.severity === 'warning' ? 'alert' : 'error');
d3_select(this)
.call(svgIcon(iconName, 'issue-icon'));
});
textEnter
.append('span')
.attr('class', 'issue-message');
var infoButton = labelsEnter
.append('button')
.attr('class', 'issue-info-button')
.attr('title', t('icons.information'))
.call(svgIcon('#iD-icon-inspect'));
infoButton
.on('click', function (d3_event) {
d3_event.stopPropagation();
d3_event.preventDefault();
this.blur(); // avoid keeping focus on the button - #4641
var container = d3_select(this.parentNode.parentNode.parentNode);
var info = container.selectAll('.issue-info');
var isExpanded = info.classed('expanded');
_expanded = !isExpanded;
prefs('entity-issues.reference.expanded', _expanded); // update preference
if (isExpanded) {
info
.transition()
.duration(200)
.style('max-height', '0px')
.style('opacity', '0')
.on('end', function () {
info.classed('expanded', false);
});
} else {
info
.classed('expanded', true)
.transition()
.duration(200)
.style('max-height', '200px')
.style('opacity', '1')
.on('end', function () {
info.style('max-height', null);
});
}
});
itemsEnter
.append('ul')
.attr('class', 'issue-fix-list');
containersEnter
.append('div')
.attr('class', 'issue-info' + (_expanded ? ' expanded' : ''))
.style('max-height', (_expanded ? null : '0'))
.style('opacity', (_expanded ? '1' : '0'))
.each(function(d) {
if (typeof d.reference === 'function') {
d3_select(this)
.call(d.reference);
} else {
d3_select(this)
.html(t.html('inspector.no_documentation_key'));
}
});
// Update
containers = containers
.merge(containersEnter)
.classed('active', function(d) { return d.id === _activeIssueID; });
containers.selectAll('.issue-message')
.html(function(d) {
return d.message(context);
});
// fixes
var fixLists = containers.selectAll('.issue-fix-list');
var fixes = fixLists.selectAll('.issue-fix-item')
.data(function(d) { return d.fixes ? d.fixes(context) : []; }, function(fix) { return fix.id; });
fixes.exit()
.remove();
var fixesEnter = fixes.enter()
.append('li')
.attr('class', 'issue-fix-item');
var buttons = fixesEnter
.append('button')
.on('click', function(d3_event, d) {
// not all fixes are actionable
if (d3_select(this).attr('disabled') || !d.onClick) return;
// Don't run another fix for this issue within a second of running one
// (Necessary for "Select a feature type" fix. Most fixes should only ever run once)
if (d.issue.dateLastRanFix && new Date() - d.issue.dateLastRanFix < 1000) return;
d.issue.dateLastRanFix = new Date();
// remove hover-highlighting
utilHighlightEntities(d.issue.entityIds.concat(d.entityIds), false, context);
new Promise(function(resolve, reject) {
d.onClick(context, resolve, reject);
if (d.onClick.length <= 1) {
// if the fix doesn't take any completion parameters then consider it resolved
resolve();
}
})
.then(function() {
// revalidate whenever the fix has finished running successfully
context.validator().validate();
});
})
.on('mouseover.highlight', function(d3_event, d) {
utilHighlightEntities(d.entityIds, true, context);
})
.on('mouseout.highlight', function(d3_event, d) {
utilHighlightEntities(d.entityIds, false, context);
});
buttons
.each(function(d) {
var iconName = d.icon || 'iD-icon-wrench';
if (iconName.startsWith('maki')) {
iconName += '-15';
}
d3_select(this).call(svgIcon('#' + iconName, 'fix-icon'));
});
buttons
.append('span')
.attr('class', 'fix-message')
.html(function(d) { return d.title; });
fixesEnter.merge(fixes)
.selectAll('button')
.classed('actionable', function(d) {
return d.onClick;
})
.attr('disabled', function(d) {
return d.onClick ? null : 'true';
})
.attr('title', function(d) {
if (d.disabledReason) {
return d.disabledReason;
}
return null;
});
}