mapcomplete/UI/DefaultGuiState.ts

import { UIEventSource } from "../Logic/UIEventSource"
import { QueryParameters } from "../Logic/Web/QueryParameters"
import Hash from "../Logic/Web/Hash"

export class DefaultGuiState {
    static state: DefaultGuiState
    public readonly welcomeMessageIsOpened: UIEventSource<boolean>
    public readonly downloadControlIsOpened: UIEventSource<boolean>
    public readonly filterViewIsOpened: UIEventSource<boolean>
    public readonly copyrightViewIsOpened: UIEventSource<boolean>
    public readonly currentViewControlIsOpened: UIEventSource<boolean>
    public readonly welcomeMessageOpenedTab: UIEventSource<number>
    public readonly allFullScreenStates: UIEventSource<boolean>[] = []

    constructor() {
        this.welcomeMessageOpenedTab = UIEventSource.asFloat(
            QueryParameters.GetQueryParameter(
                "tab",
                "0",
                `The tab that is shown in the welcome-message.`
            )
        )
        this.welcomeMessageIsOpened = QueryParameters.GetBooleanQueryParameter(
            "welcome-control-toggle",
            false,
            "Whether or not the welcome panel is shown"
        )
        this.downloadControlIsOpened = QueryParameters.GetBooleanQueryParameter(
            "download-control-toggle",
            false,
            "Whether or not the download panel is shown"
        )
        this.filterViewIsOpened = QueryParameters.GetBooleanQueryParameter(
            "filter-toggle",
            false,
            "Whether or not the filter view is shown"
        )
        this.copyrightViewIsOpened = QueryParameters.GetBooleanQueryParameter(
            "copyright-toggle",
            false,
            "Whether or not the copyright view is shown"
        )
        this.currentViewControlIsOpened = QueryParameters.GetBooleanQueryParameter(
            "currentview-toggle",
            false,
            "Whether or not the current view box is shown"
        )
        const states = {
            download: this.downloadControlIsOpened,
            filters: this.filterViewIsOpened,
            copyright: this.copyrightViewIsOpened,
            currentview: this.currentViewControlIsOpened,
            welcome: this.welcomeMessageIsOpened,
        }
        Hash.hash.addCallbackAndRunD((hash) => {
            hash = hash.toLowerCase()
            states[hash]?.setData(true)
        })

        if (Hash.hash.data === "" || Hash.hash.data === undefined) {
            this.welcomeMessageIsOpened.setData(true)
        }

        this.allFullScreenStates.push(
            this.downloadControlIsOpened,
            this.filterViewIsOpened,
            this.copyrightViewIsOpened,
            this.welcomeMessageIsOpened,
            this.currentViewControlIsOpened
        )

        for (let i = 0; i < this.allFullScreenStates.length; i++) {
            const fullScreenState = this.allFullScreenStates[i]
            for (let j = 0; j < this.allFullScreenStates.length; j++) {
                if (i == j) {
                    continue
                }
                const otherState = this.allFullScreenStates[j]
                fullScreenState.addCallbackAndRunD((isOpened) => {
                    if (isOpened) {
                        otherState.setData(false)
                    }
                })
            }
        }
    }
}