add open file

js/controller.js

@@ -43,9 +43,9 @@ class Controller {
     this.model.dirTree().then(
       function (value) {
         view.removeDirTree();
-        view.drawDirTree(value);
+        view.drawDirTree(value, undefined, this);
         view.dirTreeToggler();
-      },
+      }.bind(this),
       function (error) {}
     );
   }
@@ -61,4 +61,13 @@ class Controller {
     this.view.closeSettings();
     console.log(repo.value);
   }
+
+  loadFile(file) {
+    this.model.readFile(file).then(
+      function (value) {
+        this.view.openFile(value);
+      }.bind(this),
+      function (error) {}
+    );
+  }
 }

js/model.js

@@ -66,4 +66,8 @@ class Model {
   setBaseDir(baseDir) {
     localStorage.setItem("baseDir", baseDir);
   }
+
+  readFile(file) {
+    return pfs.readFile(file, "utf8");
+  }
 }

js/view.js

@@ -1,7 +1,11 @@
 class View {
   constructor() {}
 
-  drawDirTree(dirtree, ulToAdd = document.getElementsByTagName("ul")[0]) {
+  drawDirTree(
+    dirtree,
+    ulToAdd = document.getElementsByTagName("ul")[0],
+    parrentObj
+  ) {
     var dirtreeul = document.getElementsByTagName("ul");
     var tag = document.createElement("li");
     var text = document.createTextNode(dirtree[0]);
@@ -16,17 +20,25 @@ class View {
       tag.parentElement.appendChild(newul);
       for (let i = 1; i < dirtree.length; i++) {
         if (Array.isArray(dirtree[i])) {
-          this.drawDirTree(dirtree[i], newul);
+          this.drawDirTree(dirtree[i], newul, parrentObj);
         } else {
           var tag = document.createElement("li");
           var text = document.createTextNode(dirtree[i]);
           tag.appendChild(text);
           newul.appendChild(tag);
+          var _this = this;
+          tag.addEventListener("click", function () {
+            parrentObj.loadFile(dirtree[0] + dirtree[i]);
+          });
         }
       }
     }
   }
 
+  openFile(fileread) {
+    let textArea = document.getElementsByTagName("textarea")[0];
+  }
+
   removeDirTree() {
     let mainul = document.getElementsByTagName("ul")[0];
     while (mainul.firstChild) {
@@ -61,7 +73,7 @@ class View {
     let repo = document.getElementById("inputRepository");
     let baseDir = document.getElementById("inputBaseDir");
 
-    repo.value = localStorage.getItem("repo")
+    repo.value = localStorage.getItem("repo");
     baseDir.value = localStorage.getItem("baseDir");
   }