Make breadcrumbs clickable

Fixes #2

2 files changed, 9 insertions, 6 deletions

diff --git a/app/index.html b/app/index.html
index 7faff43..59fdcbf 100644
--- a/app/index.html
+++ b/app/index.html
@@ -116,9 +116,9 @@
             </div>
             <div class="col-lg-12">
                 <ol class="breadcrumb">
-                    <li><i class="fa fa-home"></i>&nbsp;</li>
+                    <li><a href="#/"><i class="fa fa-home"></i>&nbsp;</a></li>
                     <li v-for="part in pathParts">
-                        {{ part }}
+                        <a href="{{ part.link }}">{{ part.name }}</a>
                     </li>
                 </ol>
             </div>
diff --git a/app/js/app.js b/app/js/app.js
index b26a2a6..739e9b1 100644
--- a/app/js/app.js
+++ b/app/js/app.js
@@ -77,9 +77,7 @@ function loadDirectory(filePath) {
 
     filePath = filePath ? sanitize(filePath) : '/';
 
-    console.log(filePath);
-
-    superagent.get('/api/files/' + filePath).query({ username: app.session.username, password: app.session.password }).end(function (error, result) {
+    superagent.get('/api/files/' + encode(filePath)).query({ username: app.session.username, password: app.session.password }).end(function (error, result) {
         app.busy = false;
 
         if (result && result.statusCode === 401) return logout();
@@ -91,7 +89,12 @@ function loadDirectory(filePath) {
             return entry;
         });
         app.path = filePath;
-        app.pathParts = decode(filePath).split('/').filter(function (e) { return !!e; });
+        app.pathParts = decode(filePath).split('/').filter(function (e) { return !!e; }).map(function (e, i, a) {
+            return {
+                name: e,
+                link: '#' + sanitize('/' + a.slice(0, i).join('/') + '/' + e)
+            };
+        });
 
         // update in case this was triggered from code
         window.location.hash = app.path;