Working close button

resources/wde.js

@@ -32,12 +32,16 @@ class WebDesktopEnvironment{
             .then((html) => {
                 mobileDesktop.innerHTML = html
                 WebDesktopEnvironment.LoadApp("finder", () =>{
-                    console.log("lel")
                     new FileView("/kek", mobileDesktop.querySelector(".FileTileView"), Finder.Click)
 
                     mobileDesktop.querySelector('#about-me').addEventListener('click', (event) => {
+                        //TODO Do not allow launch second instance
                         WebDesktopEnvironment.Open("personal-properties", [])
                     })
+                    mobileDesktop.querySelector('#mobile-dekstop-close').addEventListener('click', (event) => {
+                        // console.log('close')
+                        WebDesktopEnvironment.CloseFocusedWindow()
+                    })
                 })
             })
             .catch((error) => {
@@ -137,6 +141,12 @@ class WebDesktopEnvironment{
         window.remove()
     }
 
+    static CloseFocusedWindow() {
+        if (document.body.querySelector('#windows-layer').childElementCount > 1){
+            document.body.querySelector('#windows-layer').lastElementChild.remove()
+        }
+    }
+
     /**
     * @param {string} html
     */
@@ -189,6 +199,7 @@ class WindowsCompositor{
     //TODO refactor this to dynamic add/remove listeners
     constructor(){
         this.windowLayer = document.body.querySelector('#windows-layer')
+        if (!WebDesktopEnvironment.isMobile) {
             addEventListener("mousedown", (event) => {
                 this.xPosInit = event.offsetX
                 this.yPosInit = event.offsetY
@@ -211,6 +222,7 @@ class WindowsCompositor{
                 }
             })
         }
+    }
     
     /**
      * @param {HTMLElement} window

templates/base/mobile-desktop.tmpl

@@ -15,7 +15,7 @@
             <div class="FileTileIcon NoClick" style="background-image: url('./res/sys/wde/icons/desktop.png');"></div>
             <div class="FileTileTitle NoClick">Home</div>
         </div>
-        <div id="Home" class="FileTile">
+        <div id="mobile-dekstop-close" class="FileTile">
             <div class="FileTileIcon NoClick" style="background-image: url('./res/sys/wde/icons/trash.png');"></div>
             <div class="FileTileTitle NoClick">Close</div>
         </div>