From d381b714f91c5e19a4193bf520e885b5dcae5e5d Mon Sep 17 00:00:00 2001
From: Kai Reinhard <K.Reinhard@micromata.de>
Date: Tue, 18 Dec 2018 03:14:52 +0000
Subject: [PATCH] Treeview finished.

---
 borgbutler-webapp/src/components/views/archives/FileListPanel.jsx |   14 +++++++++-----
 1 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/borgbutler-webapp/src/components/views/archives/FileListPanel.jsx b/borgbutler-webapp/src/components/views/archives/FileListPanel.jsx
index 905dc6b..d0ed4e4 100644
--- a/borgbutler-webapp/src/components/views/archives/FileListPanel.jsx
+++ b/borgbutler-webapp/src/components/views/archives/FileListPanel.jsx
@@ -95,19 +95,23 @@
                 </React.Fragment>;
             } else {
                 if (this.state.filter.mode === 'tree' && this.state.filter.currentDirectory.length > 0) {
+                    console.log(this.state.filter.currentDirectory);
                     let dirs = this.state.filter.currentDirectory.split('/');
                     let breadcrumbs = [];
                     for (let i = 0; i < dirs.length - 1; i++) {
                         let path = '';
                         for (let j = 0; j <= i; j++) {
-                            path += dirs[j] + '/';
+                            path += dirs[j];
+                            if (j < i) {
+                                path += '/';
+                            }
                         }
-                        breadcrumbs.push(<BreadcrumbItem key={i}><a onClick={() => this.changeCurrentDirectory(path)}
-                                                                  href="#">{dirs[i]}</a></BreadcrumbItem>);
+                        breadcrumbs.push(<BreadcrumbItem key={i}><Button color={'link'} onClick={() => this.changeCurrentDirectory(path)}
+                                                                  >{dirs[i]}</Button></BreadcrumbItem>);
                     }
                     breadcrumb = <Breadcrumb>
-                        <BreadcrumbItem><a onClick={() => this.changeCurrentDirectory('')}
-                                                       href="#">Top</a></BreadcrumbItem>
+                        <BreadcrumbItem><Button color={'link'} onClick={() => this.changeCurrentDirectory('')}
+                                                       >Top</Button></BreadcrumbItem>
                         {breadcrumbs}
                         <BreadcrumbItem active>{dirs[dirs.length - 1]}</BreadcrumbItem>
                     </Breadcrumb>;

--
Gitblit v1.10.0