iD/js/id/ui/preset/access.js

iD.ui.preset.access = function(field, context) {
    var event = d3.dispatch('change', 'close'),
        entity,
        items;

    function access(selection) {
        var wrap = selection.append('div')
            .attr('class', 'cf preset-input-wrap');

        items = wrap.append('ul').selectAll('li')
            .data(field.keys);

        var enter = items.enter()
            .append('li')
            .attr('class', function(d) { return 'cf preset-access-' + d; });

        enter.append('span')
            .attr('class', 'col6 label preset-label-access')
            .attr('for', function(d) { return 'preset-input-access-' + d; })
            .text(function(d) { return field.t('types.' + d); });

        enter.append('div')
            .attr('class', 'col6 preset-input-access-wrap')
            .append('input')
            .attr('type', 'text')
            .attr('class', 'preset-input-access')
            .attr('id', function(d) { return 'preset-input-access-' + d; })
            .on('change', change)
            .on('blur', change)
            .each(function(d) {
                d3.select(this)
                    .call(d3.combobox()
                        .data(access.options(d)));
            });
    }

    function change(d) {
        var tag = {};
        tag[d] = d3.select(this).property('value');
        event.change(tag);
    }

    access.options = function(type) {
        var options = ['no', 'permissive', 'private', 'designated', 'destination'];

        if (type != 'access') {
            options.unshift('yes');
        }

        return options.map(function(option) {
            return {
                title: field.t('options.' + option + '.description'),
                value: option
            };
        });
    };

    access.entity = function(_) {
        if (!arguments.length) return entity;
        entity = _;
        return access;
    };

    access.tags = function(tags) {
        items.selectAll('.preset-input-access')
            .property('value', function(d) { return tags[d] || ''; });
        return access;
    };

    access.focus = function() {
        items.selectAll('.preset-input-access')
            .node().focus();
    };

    return d3.rebind(access, event, 'on');
};