From 0b250567b092bd388fa2db072fb802a6493e8e68 Mon Sep 17 00:00:00 2001
From: Andy Rickert <andrew_rickert@brown.edu>
Date: Fri, 12 Jun 2020 13:08:18 -0400
Subject: buttons for parsing

---
 src/client/views/search/SearchItem.tsx | 22 +++++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

(limited to 'src')

diff --git a/src/client/views/search/SearchItem.tsx b/src/client/views/search/SearchItem.tsx
index d6589f265..37283e0fb 100644
--- a/src/client/views/search/SearchItem.tsx
+++ b/src/client/views/search/SearchItem.tsx
@@ -381,6 +381,18 @@ export class SearchItem extends ViewBoxBaseComponent<FieldViewProps, SearchSchem
        }) 
     }
 
+    returnButtons(){
+        return <div>
+              {`Instance ${NumCast(this.rootDoc.searchIndex)===0? NumCast(this.rootDoc.length):NumCast(this.rootDoc.searchIndex) } of ${NumCast(this.rootDoc.length)}`}
+             <button onClick={this.nextHighlight} style={{padding:2}}>
+                        <FontAwesomeIcon icon="arrow-up" size="sm"  /> 
+                        </button>
+                        <button onClick={this.nextHighlight2} style={{padding:2}}>                    
+                        <FontAwesomeIcon icon="arrow-down" size="sm"  />
+                        </button>
+        </div>
+    }
+
     render() {
         const doc1 = Cast(this.rootDoc!.anchor1, Doc);
         const doc2 = Cast(this.rootDoc!.anchor2, Doc);
@@ -424,9 +436,13 @@ export class SearchItem extends ViewBoxBaseComponent<FieldViewProps, SearchSchem
                         <div className="searchItem-highlighting">
                         {this.rootDoc.highlighting? StrCast(this.rootDoc.highlighting).length ? "Matched fields:" + StrCast(this.rootDoc.highlighting) : Cast(this.rootDoc.lines, listSpec("string"))!.length ? Cast(this.rootDoc.lines, listSpec("string"))![0] : "":null}</div>
                         {/* {Cast(this.rootDoc.lines, listSpec("string"))!.filter((m, i) => i).map((l, i) => <div id={i.toString()} className="searchItem-highlighting">{l}</div>)} */}
-                        <button onClick={this.nextHighlight} style={{height:3, width:5}}/>
-                        {NumCast(this.rootDoc.length) > 1? `${NumCast(this.rootDoc.searchIndex)===0? NumCast(this.rootDoc.length):NumCast(this.rootDoc.searchIndex)} of ${NumCast(this.rootDoc.length)}`: null} 
-                        <button onClick={this.nextHighlight2}style={{height:3, width:5}}/>
+                        {NumCast(this.rootDoc.length) > 1? this.returnButtons(): null} 
+                        {/* <button onClick={this.nextHighlight} style={{padding:2}}>
+                        <FontAwesomeIcon icon="arrow-up" size="sm"  /> 
+                        </button>
+                        <button onClick={this.nextHighlight2} style={{padding:2}}>                    
+                        <FontAwesomeIcon icon="arrow-down" size="sm"  />
+                        </button> */}
                         </div>
                 </div>
                 <div className="searchItem-info" style={{ width: this._useIcons ? "30px" : "100%" }}>
-- 
cgit v1.2.3-70-g09d2