fantasy/ui/button.js

36 lines
997 B
JavaScript

import UI from "./ui.js";
class Button extends UI {
constructor(image) {
super(document.createElement("button"), 50, 50);
this.element.classList.add("shadow");
this.element.style.backgroundImage = "url(images/" + image + ".svg)";
this._boundClick = this._onClick.bind(this);
this.element.addEventListener("click", this._boundClick, false);
this._handlers = [];
}
destructor() {
this.element.removeEventListener("click", this._boundClick);
delete this._boundClick;
delete this._handlers;
super.destructor();
}
addHandler(handler) {
this._handlers.push(handler);
}
setPosition(x, y) {
this.element.style.position = "absolute";
this.element.style.top = y + "px";
this.element.style.left = x + "px";
}
_onClick(e) {
for (let i = 0; i < this._handlers.length; ++i) {
this._handlers[i](e);
}
}
}
export default Button;