From 6329bacff838881bf0e44a9460838a4335b3e8c2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20Z=C3=A1le=C5=A1=C3=A1k?= <dz@pixx.cz>
Date: Fri, 25 Dec 2020 22:36:53 +0100
Subject: [PATCH] =?UTF-8?q?p=C5=99id=C3=A1n=C3=AD=20ulo=C5=BEen=C3=AD=20zm?=
 =?UTF-8?q?=C4=9Bn=20do=20fs,=20oprava=20vypisov=C3=A1n=C3=AD=20dir=20tree?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/style.css    |  4 ++++
 index.php        |  3 ++-
 js/controller.js | 27 ++++++++++++++++++++++++---
 js/model.js      | 15 ++++++++++++++-
 js/view.js       | 10 ++++++++++
 5 files changed, 54 insertions(+), 5 deletions(-)

diff --git a/css/style.css b/css/style.css
index 8bf2315..a0d2378 100644
--- a/css/style.css
+++ b/css/style.css
@@ -66,6 +66,10 @@ li::before {
 section {
   grid-area: section;
   margin: 1em 2em;
+  display: grid;
+  grid-template-columns: auto;
+  grid-template-rows: auto min-content;
+  row-gap: 2em;
 }
 
 textarea {
diff --git a/index.php b/index.php
index 5cb0c0c..8aabae9 100644
--- a/index.php
+++ b/index.php
@@ -32,7 +32,8 @@
 
 
         <section>
-            <textarea name="" id="" cols="30" rows="10"></textarea>
+            <textarea name="" id="" cols="30" rows="10" disabled></textarea>
+            <button disabled id="saveBtn">Save</button>
         </section>
 
         <footer>
diff --git a/js/controller.js b/js/controller.js
index 335ec64..343eb1e 100644
--- a/js/controller.js
+++ b/js/controller.js
@@ -10,6 +10,8 @@ class Controller {
     var settingsBtn = document.getElementsByClassName("settingsBtn")[0];
     var settingsClose = document.getElementsByClassName("close");
     var settingsSubmit = document.getElementById("settingsSubmit");
+    var textArea = document.getElementsByTagName("textarea")[0];
+    var saveBtn = document.getElementById("saveBtn");
 
     cloneBtn.addEventListener("click", this.cloneRep.bind(this));
     purgeBtn.addEventListener("click", this.wipeFS.bind(this));
@@ -18,6 +20,17 @@ class Controller {
       settingsClose[i].addEventListener("click", view.closeSettings.bind(this));
     }
     settingsSubmit.addEventListener("click", this.saveSettings.bind(this));
+    textArea.addEventListener("keyup", this.saveButton.bind(this));
+    saveBtn.addEventListener("click", this.saveFile.bind(this));
+  }
+
+  saveButton() {
+    var textArea = document.getElementsByTagName("textarea")[0];
+    if (textArea.value != this.openedFileValue) {
+      this.view.showSaveButton(true);
+    } else {
+      this.view.showSaveButton(false);
+    }
   }
 
   wipeFS() {
@@ -27,14 +40,13 @@ class Controller {
   }
 
   cloneRep(repurl) {
-    var that = this;
     var loading = document.getElementsByClassName("loading")[0];
     loading.style.display = "grid";
     this.model.cloneRep().then(
       function (value) {
         loading.style.removeProperty("display");
-        that.redrawDirTree(that.view);
-      },
+        this.redrawDirTree(this.view);
+      }.bind(this),
       function (error) {}
     );
   }
@@ -63,11 +75,20 @@ class Controller {
   }
 
   loadFile(file) {
+    this.openedFile = file;
     this.model.readFile(file).then(
       function (value) {
+        this.openedFileValue = value;
         this.view.openFile(value);
       }.bind(this),
       function (error) {}
     );
   }
+
+  saveFile() {
+    var textArea = document.getElementsByTagName("textarea")[0];
+    this.model.saveFile(this.openedFile, textArea.value)
+    this.openedFileValue = textArea.value;
+    this.saveButton()
+  }
 }
diff --git a/js/model.js b/js/model.js
index a650a40..cdc58b1 100644
--- a/js/model.js
+++ b/js/model.js
@@ -36,7 +36,13 @@ class Model {
   }
 
   async dirTree() {
-    let baseDir = localStorage.getItem("baseDir");
+    var baseDir = localStorage.getItem("baseDir");
+
+    var stat = await pfs.stat(baseDir).catch((e) => {});
+
+    if (stat == null) {
+      var baseDir = "/";
+    }
     var tree = await this.dirList(baseDir);
 
     return tree;
@@ -64,10 +70,17 @@ class Model {
   }
 
   setBaseDir(baseDir) {
+    if (!baseDir.endsWith("/")) {
+      baseDir += "/";
+    }
     localStorage.setItem("baseDir", baseDir);
   }
 
   readFile(file) {
     return pfs.readFile(file, "utf8");
   }
+
+  saveFile(cesta, obsah) {
+    pfs.writeFile(cesta, obsah, "utf8");
+  }
 }
diff --git a/js/view.js b/js/view.js
index 13ba13d..a827508 100644
--- a/js/view.js
+++ b/js/view.js
@@ -37,6 +37,7 @@ class View {
 
   openFile(fileread) {
     let textArea = document.getElementsByTagName("textarea")[0];
+    textArea.disabled = false;
     textArea.value = fileread;
   }
 
@@ -82,4 +83,13 @@ class View {
     var settings = document.getElementsByClassName("settingsbg")[0];
     settings.style.removeProperty("display");
   }
+
+  showSaveButton(show) {
+    var saveButton = document.getElementById("saveBtn");
+    if(show) {
+      saveButton.disabled = false;
+    } else {
+      saveButton.disabled = true;
+    }
+  }
 }