2023-05-09 03:17:34 +00:00
|
|
|
class AboutMe{
|
|
|
|
appId = "AboutMe"
|
2023-03-17 01:16:51 +00:00
|
|
|
/**
|
|
|
|
* @param {HTMLElement} appElem
|
|
|
|
*/
|
|
|
|
constructor(appElem){
|
2023-03-18 00:34:56 +00:00
|
|
|
this.appElem = appElem
|
2023-03-17 01:16:51 +00:00
|
|
|
}
|
|
|
|
|
2023-04-12 17:04:25 +00:00
|
|
|
/**
|
|
|
|
* @param {string} path
|
2023-05-09 03:17:34 +00:00
|
|
|
* @param {[]string} args
|
2023-04-12 17:04:25 +00:00
|
|
|
*/
|
2023-05-09 03:17:34 +00:00
|
|
|
NewWindow(path, args){
|
|
|
|
if (path == ""){
|
|
|
|
path = "/home/user/aboutme.props" //FIXME
|
|
|
|
}
|
|
|
|
const params = new URLSearchParams({isMobile: WebDesktopEnvironment.isMobile, path: path})
|
|
|
|
fetch(`/app/${this.appId}/render?`+ params)
|
2023-03-17 01:16:51 +00:00
|
|
|
.then((response) => response.text())
|
|
|
|
.then((html) => {
|
2023-03-21 12:38:36 +00:00
|
|
|
// console.log(document.body)
|
|
|
|
// let heigth = Math.max(document.body.clientHeight*0.8, scrollDiv.children[0].scrollHeight) //TODO
|
2023-04-12 17:04:25 +00:00
|
|
|
let newWindow = WebDesktopEnvironment.CreateNewWindow(this.appId, 360, document.body.clientHeight*0.8 )
|
2023-03-18 00:34:56 +00:00
|
|
|
|
|
|
|
newWindow.innerHTML = html
|
2023-05-07 19:56:40 +00:00
|
|
|
newWindow.style.height = 'auto'
|
2023-03-18 00:34:56 +00:00
|
|
|
|
2023-05-07 19:56:40 +00:00
|
|
|
// console.log(newWindow.querySelector('.ScrollBarScrollElement'))
|
|
|
|
|
|
|
|
// let scrollBar = new WdeScrollBar(newWindow.querySelector('.ScrollbarPlace'), newWindow.querySelector('.PropsView'))
|
2023-03-20 11:20:37 +00:00
|
|
|
|
2023-04-13 17:09:14 +00:00
|
|
|
newWindow.querySelector("#closeWindowButton").addEventListener('click', () => {
|
2023-05-07 19:56:40 +00:00
|
|
|
// console.log("qewqweqweqweqwe")
|
2023-03-18 00:34:56 +00:00
|
|
|
WebDesktopEnvironment.CloseWindow(newWindow)
|
|
|
|
})
|
2023-03-17 01:16:51 +00:00
|
|
|
})
|
|
|
|
.catch((error) => {
|
|
|
|
WebDesktopEnvironment.Alert(error);
|
|
|
|
});
|
|
|
|
}
|
2023-04-13 01:09:07 +00:00
|
|
|
}
|