37 lines
689 B
JavaScript
37 lines
689 B
JavaScript
import * as Dom from UnitJS.Dom;
|
|
|
|
var toolbox;
|
|
var tool;
|
|
var colors;
|
|
|
|
return {
|
|
activate: activate,
|
|
init: init,
|
|
tool: tool,
|
|
color: color
|
|
};
|
|
|
|
function activate(on) {
|
|
toolbox.classList[on ? 'add' : 'remove']('active');
|
|
}
|
|
|
|
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 tool() {
|
|
return tool.value;
|
|
}
|
|
|
|
function color() {
|
|
return 'color' + colors.selectedIndex;
|
|
}
|