1 files changed, 37 insertions, 40 deletions

diff --git a/vfs/vfs.ts b/vfs/vfs.ts
index 7c07814..20491e9 100644
--- a/vfs/vfs.ts
+++ b/vfs/vfs.ts
@@ -24,13 +24,13 @@ type NodeClickHandler = (node: WuiVfsNodeInterface) => void;
 export interface WuiVfsOptions {
   id: string;
 
-  // Open define an handler that will be called when a directory is clicked
+  // open define an handler that will be called when a directory is clicked
   // from the WuiVfsPath.
-  Open(path: string, is_dir: boolean): Promise<WuiResponseInterface>;
+  open(path: string, is_dir: boolean): Promise<WuiResponseInterface>;
 
-  // OpenNode define an handler that will be called when a file is clicked
+  // openNode define an handler that will be called when a file is clicked
   // from the WuiVfsList.
-  OpenNode(node: WuiVfsNodeInterface): Promise<WuiResponseInterface>;
+  openNode(node: WuiVfsNodeInterface): Promise<WuiResponseInterface>;
 }
 
 export class WuiVfs {
@@ -41,7 +41,7 @@ export class WuiVfs {
   constructor(public opts: WuiVfsOptions) {
     this.opts = opts;
 
-    let el = document.getElementById(opts.id);
+    const el = document.getElementById(opts.id);
     if (!el) {
       console.error("WuiVfs: element id", opts.id, "not found");
       return;
@@ -49,40 +49,40 @@ export class WuiVfs {
     this.el = el;
 
     this.com_path = new WuiVfsPath((path: string) => {
-      this.OpenDir(path);
+      this.openDir(path);
     });
     this.el.appendChild(this.com_path.el);
 
     this.com_list = new WuiVfsList((node: WuiVfsNodeInterface) => {
-      this.OpenNode(node);
+      this.openNode(node);
     });
     this.el.appendChild(this.com_list.el);
   }
 
-  // OpenNode is a handler that will be called when a node is clicked
+  // openNode is a handler that will be called when a node is clicked
   // inside the WuiVfsList.
-  OpenNode(node: WuiVfsNodeInterface): void {
+  openNode(node: WuiVfsNodeInterface): void {
     if (node.is_dir) {
-      this.OpenDir(node.path);
+      this.openDir(node.path);
     } else {
-      this.opts.OpenNode(node);
+      this.opts.openNode(node);
     }
   }
 
-  // OpenDir is a handler that will be called when a path is clicked
+  // openDir is a handler that will be called when a path is clicked
   // inside the WuiVfsPath.
-  async OpenDir(path: string): Promise<void> {
-    let res = await this.opts.Open(path, true);
+  async openDir(path: string): Promise<void> {
+    const res = await this.opts.open(path, true);
     if (res.code != 200) {
       return;
     }
-    this.Set(res.data as WuiVfsNodeInterface);
+    this.set(res.data as WuiVfsNodeInterface);
   }
 
-  Set(node: WuiVfsNodeInterface) {
+  set(node: WuiVfsNodeInterface) {
     if (node.is_dir) {
-      this.com_path.Open(node);
-      this.com_list.Open(node);
+      this.com_path.open(node);
+      this.com_list.open(node);
     }
   }
 }
@@ -99,14 +99,14 @@ class WuiVfsList {
     this.el.style.borderColor = "silver";
   }
 
-  Open(node: WuiVfsNodeInterface) {
+  open(node: WuiVfsNodeInterface) {
     this.node = node;
     this.el.innerHTML = "";
     if (!this.node.childs) {
       return;
     }
-    for (let c of this.node.childs) {
-      let el = document.createElement("div");
+    for (const c of this.node.childs) {
+      const el = document.createElement("div");
       el.style.padding = "1em";
       el.style.cursor = "pointer";
       el.innerHTML = c.name;
@@ -115,17 +115,17 @@ class WuiVfsList {
         el.style.backgroundColor = "cornsilk";
       }
 
-      el.onclick = (ev: MouseEvent) => {
+      el.onclick = () => {
         this.onClick(c);
       };
-      el.onmouseout = (event) => {
+      el.onmouseout = () => {
         if (c.is_dir) {
           el.style.backgroundColor = "cornsilk";
         } else {
           el.style.backgroundColor = "white";
         }
       };
-      el.onmouseover = (event) => {
+      el.onmouseover = () => {
         el.style.backgroundColor = "aliceblue";
       };
 
@@ -136,7 +136,6 @@ class WuiVfsList {
 
 class WuiVfsPath {
   el: HTMLElement;
-  private crumbs: string[];
   private onClick: PathClickHandler;
 
   constructor(onClick: PathClickHandler) {
@@ -146,14 +145,12 @@ class WuiVfsPath {
     this.el.style.borderWidth = "1px";
     this.el.style.borderStyle = "solid";
     this.el.style.borderColor = "silver";
-    this.crumbs = [];
     this.onClick = onClick;
   }
 
-  Open(node: WuiVfsNodeInterface) {
+  open(node: WuiVfsNodeInterface) {
     this.el.innerHTML = "";
-    this.crumbs = [];
-    let paths = [];
+    let paths: string[] = [];
 
     if (node.path == "/") {
       paths.push(node.path);
@@ -161,35 +158,35 @@ class WuiVfsPath {
       paths = node.path.split("/");
     }
 
-    for (let x = 0; x < paths.length; x++) {
-      let full_path = "";
+    paths.forEach((path, x) => {
+      let fullPath = "";
       let p = "";
 
       if (x == 0) {
         p = "/";
-        full_path = "/";
+        fullPath = "/";
       } else {
-        p = paths[x];
-        full_path = paths.slice(0, x + 1).join("/");
+        p = path;
+        fullPath = paths.slice(0, x + 1).join("/");
       }
 
-      let crumb = document.createElement("span");
+      const crumb = document.createElement("span");
       crumb.style.display = "inline-block";
       crumb.style.padding = "1em";
       crumb.style.cursor = "pointer";
       crumb.innerHTML = p;
 
-      crumb.onclick = (event) => {
-        this.onClick(full_path);
+      crumb.onclick = () => {
+        this.onClick(fullPath);
       };
-      crumb.onmouseout = (event) => {
+      crumb.onmouseout = () => {
         crumb.style.backgroundColor = "white";
       };
-      crumb.onmouseover = (event) => {
+      crumb.onmouseover = () => {
         crumb.style.backgroundColor = "aliceblue";
       };
 
       this.el.appendChild(crumb);
-    }
+    });
   }
 }