From 45f2524c72315adcf1fce458b16b070be48925f6 Mon Sep 17 00:00:00 2001
From: Kai Reinhard <K.Reinhard@micromata.de>
Date: Sun, 16 Dec 2018 18:44:03 +0000
Subject: [PATCH] Search term highlighting in result table.

---
 borgbutler-webapp/src/components/views/archives/FileListPanel.jsx |    5 +++--
 borgbutler-webapp/src/components/views/archives/FileListTable.jsx |    6 ++----
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/borgbutler-webapp/src/components/views/archives/FileListPanel.jsx b/borgbutler-webapp/src/components/views/archives/FileListPanel.jsx
index c8db818..f015c79 100644
--- a/borgbutler-webapp/src/components/views/archives/FileListPanel.jsx
+++ b/borgbutler-webapp/src/components/views/archives/FileListPanel.jsx
@@ -22,7 +22,7 @@
 
     handleInputChange = (event) => {
         event.preventDefault();
-        this.setState({filter : {...this.state.filter, [event.target.name]: event.target.value}});
+        this.setState({filter: {...this.state.filter, [event.target.name]: event.target.value}});
     };
 
 
@@ -87,7 +87,8 @@
                         }}
                     />
                     <FileListTable
-                        entries={this.state.fileList}/>
+                        entries={this.state.fileList}
+                        search={this.state.filter.search}/>
                 </React.Fragment>;
             }
         }
diff --git a/borgbutler-webapp/src/components/views/archives/FileListTable.jsx b/borgbutler-webapp/src/components/views/archives/FileListTable.jsx
index e5c9c42..a530328 100644
--- a/borgbutler-webapp/src/components/views/archives/FileListTable.jsx
+++ b/borgbutler-webapp/src/components/views/archives/FileListTable.jsx
@@ -4,7 +4,7 @@
 import FileListEntry from './FileListEntry';
 
 function FileListTable({entries, search}) {
-    const lowercaseSearch = search.toLowerCase();
+    const lowercaseSearch = search.split(' ')[0].toLowerCase();
     return (
         <Table striped bordered hover size={'sm'} responsive>
             <thead>
@@ -13,13 +13,11 @@
                 <th>Modified time</th>
                 <th>Size</th>
                 <th>Path</th>
+                <th></th>
             </tr>
             </thead>
             <tbody>
             {entries
-                .filter(entry => [entry.message]
-                    .join('|#|').toLowerCase()
-                    .indexOf(lowercaseSearch) !== -1)
                 .map((entry, index) => <FileListEntry
                     entry={entry}
                     search={lowercaseSearch}

--
Gitblit v1.10.0