import "../apps/Forum/Forum.js"
import "../apps/Tasks/Tasks.js"
import "../apps/Messages/Messages.js"
import "../apps/Market/Market.js"
import "../apps/Jobs/Jobs.js"

class AppWindow extends Shadow {
    app;

    constructor(app) {
        super()
        this.app = app
    }

    render() {
        ZStack(() => {
            switch(this.app) {
                case "Forum":
                    Forum()
                    break;
                case "Tasks":
                    Tasks()
                    break;
                case "Messages":
                    Messages()
                    break;
                case "Market":
                    Market()
                    break;
                case "Jobs":
                    Jobs()
                    break;
            }
        })
        .display(this.app ? '' : 'none')
        .width(100, "vw")
        .height(100, "vh")
        .backgroundImage("/_/images/fabric.png")
        .backgroundSize("33vw auto")
        .position("fixed")
        .top(0)
        .left(0)
    }

    open(app) {
        this.app = app
        this.rerender()
    }

    close() {
        this.style.display = "none"
    }

}

register(AppWindow, "app-window")