import AbstractComponent from "class/AbstractComponent";

export default class ComponentTooltip extends AbstractComponent {

    constructor(component) {
        super(component)

        this.isVisibile = false;
        this.icon = $(this.component).find(".tooltip-icon")
        this.modal = $(this.component).find(".tooltip-modal")

        this.events();
    }

    events() {
        const cb = (ev) => {
            if(ev.target !== this.modal[0]) {
                this.isVisibile = false
                this.modal.removeClass("show")
                $(document).off("click", cb)
            }
        }

        this.icon.on("click", () => {
            if(this.isVisibile) {
                this.isVisibile = false
                this.modal.removeClass("show")
            } else {
                this.isVisibile = true
                this.modal.addClass("show")

                setTimeout(() => {
                    $(document).on("click", cb)
                }, 500)
            }
        })
    }
}