import WuhuBase from "../WuhuBase";
import POPUP_HTML from "../../static/html/popup.html";

export default class Popup extends WuhuBase {
    protected className = 'Popup';
    private readonly container: HTMLElement = null;
    private readonly node: HTMLElement = null;

    constructor(innerHTML: string, title: string = '芜湖助手') {
        super();
        if (Popup.glob.popup_node) Popup.glob.popup_node.close();
        const popup = document.createElement('div');
        popup.id = 'wh-popup';
        popup.innerHTML = POPUP_HTML.replace('{{}}', title).replace('{{}}', innerHTML);
        document.body.append(popup);
        popup.addEventListener('click', e => {
            e.stopImmediatePropagation();
            if (e.target === popup) this.close();
        });
        this.container = popup;
        this.node = popup.querySelector('#wh-popup-cont');
        this.hideChat();
    }

    public close() {
        this.container.remove();
        this.showChat();
    }

    public getElement(): HTMLElement {
        return this.node;
    }

    private hideChat() {
        document.querySelector('#chatRoot').classList.add('wh-hide');
    }

    private showChat() {
        document.querySelector('#chatRoot').classList.remove('wh-hide');
    }

    // 禁止单例调用
    private getInstance() {
    }
}