19 lines
638 B
JavaScript
19 lines
638 B
JavaScript
|
|
||
|
|
class SettingColorPicker {
|
||
|
|
|
||
|
|
constructor(elem) {
|
||
|
|
this.elem = elem;
|
||
|
|
this.colorInput = elem.querySelector('input[type=color]');
|
||
|
|
this.resetButton = elem.querySelector('[setting-color-picker-reset]');
|
||
|
|
this.defaultButton = elem.querySelector('[setting-color-picker-default]');
|
||
|
|
this.resetButton.addEventListener('click', event => {
|
||
|
|
this.colorInput.value = this.colorInput.dataset.current;
|
||
|
|
});
|
||
|
|
this.defaultButton.addEventListener('click', event => {
|
||
|
|
this.colorInput.value = this.colorInput.dataset.default;
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export default SettingColorPicker;
|