Fix wde fs import

apps/finder/routes.go

@@ -21,9 +21,11 @@ func (f *FinderApplication) PublicRoutes(routes *gin.RouterGroup) {
 		ctx.HTML(http.StatusOK, "finder/app.tmpl", f.Render(appCtx))
 	})
 
+	//Obsolete
 	routes.GET("renderMobileDesktop", func(ctx *gin.Context) {
 		ctx.HTML(http.StatusOK, "finder/mobile-desktop.tmpl", gin.H{})
 	})
+
 	routes.POST("renderDesktop", func(ctx *gin.Context) {
 		path := ctx.Query("path")
 		if path == "" {

front/src/apps/finder/finder-window.js

@@ -98,9 +98,9 @@ export default class FinderWindow{
             () => { this.ReRenderDir() },
             this.#wde)
             
-            // newWindow.querySelector("#closeWindowButton").addEventListener('click', () => {
+            newWindow.querySelector("#closeWindowButton").addEventListener('click', () => {
-            //     this.#wde.Decorat.CloseWindow(newWindow)
+                this.#wde.Decorat.CloseWindow(newWindow)
-            // })
+            })
             
             // newWindow.querySelector("#RootButton").addEventListener('click', () =>{
             //     this.RenderDir('/')
@@ -126,7 +126,6 @@ export default class FinderWindow{
      * @returns 
      */
     async CreateMobileView(args, runContext){
-        
         const params = new URLSearchParams({isMobile: false}) //FIXME
         const response = await fetch(`/app/${this.#appId}/render?` + params,  
         {
@@ -135,14 +134,41 @@ export default class FinderWindow{
         })
         if (response.status != 200){
             const error = await response.json()
-           this.#wde.Alert(error.message)
+           this.#finder.WDE().Alert(error.message)
             return
         }
         const html = await response.text()
-        console.log(this.#wde)
+        // console.log(html)
-        let newView = this.#wde.Decorat.CreateNewView(this.#appId)
+        // console.log(this.#finder.WDE())
+        let newView = this.#finder.WDE().Decorat.CreateNewView(this.#appId)
         newView.innerHTML = html
+
+        this.fileView = new this.#wde.FileView(
+            newView.querySelector(".FileTileView"),
+            (event) => { this.Click(event) },
+            (event) => { this.RightClick(event) },
+            (event, draggedElem) => { this.DropEvent(event, draggedElem)},
+            () => { this.ReRenderDir() },
+            this.#wde)
+            
+            // newView.querySelector("#closeWindowButton").addEventListener('click', () => {
+            //     this.#wde.Decorat.CloseWindow(newView)
+            // })
+            
+            // newView.querySelector("#RootButton").addEventListener('click', () =>{
+            //     this.RenderDir('/')
+            // })
+            
+            // newView.querySelector("#HomeButton").addEventListener('click', () =>{
+            //     this.RenderDir('/home/user')
+            // })
+            
+            // let scrollBar = new this.#wde.ScrollBar(newView.querySelector(".scrollbar-place"), newView.querySelector(".FileTileView"))
+            
+            this.windowElem = newView
+            this.RenderDir(args[0])
     }
+
     /**
     * @param {string} path
     */
@@ -304,30 +330,30 @@ export default class FinderWindow{
                 let res = false
                 switch (event.target.children[0].getAttribute("action")) {
                     case "createPathLink":
-                        res = await WebFS.CreatePathLink(`${this.curPath}/${fileName}`, `${this.curPath}/Link to ${fileName}` )
+                        res = await this.#finder.WDE().WebFS().CreatePathLink(`${this.curPath}/${fileName}`, `${this.curPath}/Link to ${fileName}` )
                         if (res){
                             this.ReRenderDir()
                         }
                         break
                     case "createDir":
-                        res = await WebFS.CreateDirectory(`${this.curPath}`)
+                        res = await this.#finder.WDE().WebFS().CreateDirectory(`${this.curPath}`)
-                        console.log(res)
+                        // console.log(res)
                         if (res){
                             this.ReRenderDir()
                         }
                         break
                     case "deleteFile":
-                        res = await WebFS.DeleteFile(`${this.curPath}/${fileName}`)
+                        res = await this.#finder.WDE().WebFS().DeleteFile(`${this.curPath}/${fileName}`)
-                        console.log(res)
+                        // console.log(res)
                         if (res){
                             this.ReRenderDir()
                         }
                         break
                     case "getInfo":
-                        Finder.RenderProperites(path)
+                        this.#finder.RenderProperites(path)
                         break
                     case "openAsDir":
-                        this.#wde.Open(`/Applications/${this.#appId}.app`,[`${this.curPath}/${fileName}`])
+                        this.#finder.WDE().Open(`/Applications/${this.#appId}.app`,[`${this.curPath}/${fileName}`])
                         break
                     default:
                         break;

front/src/apps/finder/finder.js

@@ -41,7 +41,6 @@ export default class Finder extends WDEApplication{
      * @returns {boolean}
     */
     async RenderProperites(path){
-        // return
         if (path == null || path ==""){
             return
         }

front/src/wde/wde.js

@@ -1,5 +1,5 @@
 import WDEApplication from "./application.js"
-
+import WebFS from "../web-fs/web-fs.js"
 export default class AbstractWebDesktopEnvironment{
     /** @type {string} */
     #apiAddress
@@ -7,12 +7,19 @@ export default class AbstractWebDesktopEnvironment{
     _applications = {}
     /** @type {AbstractWebDesktopEnvironment} */
     #wde
+    /** @type {WebFS} */
+    #webFS
+          
     /** @constructor */
     constructor(apiAddress){
         this.#apiAddress = apiAddress
+        this.#webFS = WebFS
     }
 
-    /** @returns {string} */
+    /**
+     * @deprecated 
+     * @returns {string} 
+     */
     GetApiAddress(){
         return `${location.protocol}//${this.#apiAddress}`
     }
@@ -85,6 +92,11 @@ export default class AbstractWebDesktopEnvironment{
         // console.log(appId)
         return this._applications[appId]
     }
+
+    /** @returns {WebFS} */
+    WebFS(){
+        return this.#webFS
+    }
 }
 
 /**

front/src/wde/widgets/file-view/file-view.js

@@ -126,10 +126,10 @@ export default class WDEFileView{
         const params = new URLSearchParams({
             path: path
         })
-        const response = await fetch(`${this.#wde.GetApiAddress()}/system/wde/widgets/file-tile-view?` + params)
+        const response = await fetch(`/system/wde/widgets/file-tile-view?` + params)
         if (response.status != 200){
             //TODO Error text message
-            WebDesktopEnvironment.Alert("TODO") 
+            WebDesktopEnvironment.Alert("TODO") //TODO
             return
         }
         let html = await response.text()

front/src/wde/widgets/file-view/file-view.less

@@ -3,7 +3,7 @@
     width: 100%;
     height: 100%;
 
-    background-color: @col-white;
+    // background-color: @col-white;
 
     
     
@@ -65,13 +65,13 @@
     /* background-image: url("./icons/folder.png"); */
     background-size: cover;
 
-    image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
+    // image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
-    image-rendering: -moz-crisp-edges;          /* Firefox                        */
+    // image-rendering: -moz-crisp-edges;          /* Firefox                        */
-    image-rendering: -o-crisp-edges;            /* Opera                          */
+    // image-rendering: -o-crisp-edges;            /* Opera                          */
-    image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
+    // image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
-    image-rendering: pixelated;                 /* Universal support since 2021   */
+    // image-rendering: pixelated;                 /* Universal support since 2021   */
-    image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
+    // image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
-    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
+    // -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
 }
 
 .FileTileView .Selected .Icon{

front/src/web-fs/web-fs.js

@@ -3,7 +3,7 @@ export default class WebFS{
     * @param {string} path
     * @returns {boolean}
     */
-     static async CreateDirectory(path){
+    static async CreateDirectory(path){
         if (path == undefined){
             WebDesktopEnvironment.Alert("Path is undefined")
             return false

templates/finder/props.html

@@ -1,13 +1,13 @@
 {{ define "finder/props.tmpl" }}
-	<div class="TitleBar DragArea">
+	<div class="title-bar DragArea">
-		<button id="closeWindowButton" class="Button" title="Close Window"></button>
+		<button id="closeWindowButton" class="button" title="Close Window"></button>
-		<div id="Drag" class="VisualDragArea"></div>
+		<div id="Drag" class="visual-drag-area"></div>
-		<div class="Lable">
+		<div class="lable">
-			File Properties
+			Properties
 		</div>
-		<div id="Drag" class="VisualDragArea"></div>
+		<div id="Drag" class="visual-drag-area"></div>
 	</div>
-	<div class="ContentBorder">
+	<div class="content-border">
 			<div class="PropertiesList">
 				<div class="Personal-properties-bio">
 					<!-- <img src="data:{{ .headerProps.Icon.Header }},{{ .headerProps.Icon.Base64 }}" alt="File Icon" style="width: 48px;height: 48px;"> -->