fantasy/ui/button.js

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;