cx-webtui/scripts/tui_window.js

export class tui_window {
    #target;
    #title;

    #initialize(title) {
        const header = document.createElement("div");
        header.classList.add("header");
        header.appendChild(this.#title);

        title ||= document.querySelector("title").innerText;
        this.#title.innerText = title;

        const close_button = document.createElement("p");
        close_button.innerText = "X";
        
        const maximize_button = document.createElement("p");
        maximize_button.innerText = "_";

        const buttons = document.createElement("div");
        buttons.classList.add("buttons");
        buttons.appendChild(maximize_button);
        buttons.appendChild(close_button);
        
        header.appendChild(buttons);
        this.target.appendChild(header);
    }

    constructor(target, title = null) {
        this.#target = target;
        this.#title = document.createElement("p");

        this.#initialize(title);
    }

    set title(target) {
        this.#title.innerText = title;
    }

    get title() {
        return this.#title.innerText;
    }

    get target() {
        return this.#target;
    }
}