mirror of
https://github.com/FoggedLens/iD.git
synced 2026-03-23 20:40:21 +01:00
92e9b0cbbb
Otherwise the sidebar flashes so fast that it makes no sense while distracting the user and lagging due to heavy sidebar construction.
81 lines
2.7 KiB
JavaScript
81 lines
2.7 KiB
JavaScript
iD.ui.Sidebar = function(context) {
|
|
var inspector = iD.ui.Inspector(context),
|
|
current;
|
|
|
|
function sidebar(selection) {
|
|
var featureListWrap = selection.append('div')
|
|
.attr('class', 'feature-list-pane')
|
|
.call(iD.ui.FeatureList(context));
|
|
|
|
selection.call(iD.ui.Notice(context));
|
|
|
|
var inspectorWrap = selection.append('div')
|
|
.attr('class', 'inspector-hidden inspector-wrap fr');
|
|
|
|
sidebar.hover = function(id) {
|
|
if (!current && id) {
|
|
featureListWrap.classed('inspector-hidden', true);
|
|
inspectorWrap.classed('inspector-hidden', false)
|
|
.classed('inspector-hover', true);
|
|
|
|
if (inspector.entityID() !== id || inspector.state() !== 'hover') {
|
|
inspector
|
|
.state('hover')
|
|
.entityID(id);
|
|
|
|
inspectorWrap.call(inspector);
|
|
}
|
|
} else if (!current) {
|
|
featureListWrap.classed('inspector-hidden', false);
|
|
inspectorWrap.classed('inspector-hidden', true);
|
|
inspector.state('hide');
|
|
}
|
|
};
|
|
|
|
sidebar.hover = _.throttle(sidebar.hover, 200);
|
|
|
|
sidebar.select = function(id, newFeature) {
|
|
if (!current && id) {
|
|
featureListWrap.classed('inspector-hidden', true);
|
|
inspectorWrap.classed('inspector-hidden', false)
|
|
.classed('inspector-hover', false);
|
|
|
|
if (inspector.entityID() !== id || inspector.state() !== 'select') {
|
|
inspector
|
|
.state('select')
|
|
.entityID(id)
|
|
.newFeature(newFeature);
|
|
|
|
inspectorWrap.call(inspector);
|
|
}
|
|
} else if (!current) {
|
|
featureListWrap.classed('inspector-hidden', false);
|
|
inspectorWrap.classed('inspector-hidden', true);
|
|
inspector.state('hide');
|
|
}
|
|
};
|
|
|
|
sidebar.show = function(component) {
|
|
featureListWrap.classed('inspector-hidden', true);
|
|
inspectorWrap.classed('inspector-hidden', true);
|
|
if (current) current.remove();
|
|
current = selection.append('div')
|
|
.attr('class', 'sidebar-component')
|
|
.call(component);
|
|
};
|
|
|
|
sidebar.hide = function() {
|
|
featureListWrap.classed('inspector-hidden', false);
|
|
if (current) current.remove();
|
|
current = null;
|
|
};
|
|
}
|
|
|
|
sidebar.hover = function() {};
|
|
sidebar.select = function() {};
|
|
sidebar.show = function() {};
|
|
sidebar.hide = function() {};
|
|
|
|
return sidebar;
|
|
};
|