Add button to navigate back

2 files changed, 6 insertions, 5 deletions

diff --git a/frontend/index.html b/frontend/index.html
index f7c5ab1..19fc217 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -40,6 +40,9 @@
       <div style="padding: 7px;">
         <span>Surfer</span>
       </div>
+      <div>
+        <el-button type="primary" size="small" icon="el-icon-arrow-left" v-show="pathParts.slice(-1).length" @click="onUp"></el-button>
+      </div>
       <div style="flex-grow: 2; padding: 0 7px;" v-show="session.valid">
         <el-breadcrumb separator-class="el-icon-arrow-right">
           <el-breadcrumb-item><a href="#/">Path /</a></el-breadcrumb-item>
diff --git a/frontend/js/app.js b/frontend/js/app.js
index 1500457..57b831e 100644
--- a/frontend/js/app.js
+++ b/frontend/js/app.js
@@ -124,10 +124,6 @@ function open(row, event, column) {
     window.open(encode(path));
 }
 
-function up() {
-    window.location.hash = sanitize(app.path.split('/').slice(0, -1).filter(function (p) { return !!p; }).join('/'));
-}
-
 function uploadFiles(files) {
     if (!files || !files.length) return;
 
@@ -328,7 +324,9 @@ var app = new Vue({
             return filesize(cellValue);
         },
         loadDirectory: loadDirectory,
-        up: up,
+        onUp: function () {
+            window.location.hash = sanitize(app.path.split('/').slice(0, -1).filter(function (p) { return !!p; }).join('/'));
+        },
         open: open,
         drop: drop,
         dragOver: dragOver