phantasmal-world/src/application/gui/ApplicationView.ts

import { NavigationView } from "./NavigationView";
import { MainContentView } from "./MainContentView";
import { el } from "../../core/gui/dom";
import { ResizableWidget } from "../../core/gui/ResizableWidget";

export class ApplicationView extends ResizableWidget {
    private menu_view = this.disposable(new NavigationView());
    private main_content_view = this.disposable(new MainContentView());

    constructor() {
        super(el.div({ class: "application_ApplicationView" }));

        this.element.id = "root";

        this.element.append(this.menu_view.element, this.main_content_view.element);
    }

    resize(width: number, height: number): this {
        super.resize(width, height);
        this.main_content_view.resize(width, height - this.menu_view.height);
        return this;
    }
}