36 lines
636 B
JavaScript
36 lines
636 B
JavaScript
import * as Dom from UnitJS.Dom;
|
|
|
|
var toolbox;
|
|
var tool;
|
|
var colors;
|
|
|
|
return {
|
|
init: init,
|
|
get: get,
|
|
color: color,
|
|
tool: tool
|
|
};
|
|
|
|
function init(size, elementId) {
|
|
toolbox = document.getElementById(elementId || 'toolbox');
|
|
colors = toolbox.querySelector('#colors');
|
|
for(var i = 0; i < size; i++) {
|
|
colors.appendChild(Dom.make('option', {class: 'color' + i}));
|
|
}
|
|
colors.addEventListener('change', function() {
|
|
colors.className = color();
|
|
});
|
|
tool = toolbox.querySelector('#tool');
|
|
}
|
|
|
|
function get() {
|
|
return toolbox;
|
|
}
|
|
|
|
function tool() {
|
|
return tool.value;
|
|
}
|
|
|
|
function color() {
|
|
return 'color' + colors.selectedIndex;
|
|
}
|