class PersonalProperties{
    appId = "personal-properties"
    /**
    * @param {HTMLElement} appElem
    */
    constructor(appElem){
        this.appElem = appElem        
    }

    /**
    * @param {string} path
    */
    NewWindow(path){
        fetch(`${window.location.origin}/application/personal-properties/render?`+ new URLSearchParams({
            isMobile: WebDesktopEnvironment.isMobile,
            path: path
        })) 
        .then((response) => response.text())
        .then((html) => {
            // console.log(document.body)
            // let heigth = Math.max(document.body.clientHeight*0.8, scrollDiv.children[0].scrollHeight) //TODO
            let newWindow = WebDesktopEnvironment.CreateNewWindow(this.appId, 360, document.body.clientHeight*0.8 ) 
            
            newWindow.innerHTML = html
            newWindow.style.height = 'auto'

            // console.log(newWindow.querySelector('.ScrollBarScrollElement'))

            // let scrollBar = new WdeScrollBar(newWindow.querySelector('.ScrollbarPlace'), newWindow.querySelector('.PropsView'))

            newWindow.querySelector("#closeWindowButton").addEventListener('click',  () =>  {
                // console.log("qewqweqweqweqwe")
                WebDesktopEnvironment.CloseWindow(newWindow)
            })
        })
        .catch((error) => {
            WebDesktopEnvironment.Alert(error);
        });
    }
}