Merge pull request #838 from genenetwork/feature/refactor-gnqa-ui

Feature/refactor gnqa UI

1 files changed, 12 insertions, 35 deletions

diff --git a/gn2/wqflask/templates/gnqa.html b/gn2/wqflask/templates/gnqa.html
index 31a04aac..1268ef39 100644
--- a/gn2/wqflask/templates/gnqa.html
+++ b/gn2/wqflask/templates/gnqa.html
@@ -30,6 +30,12 @@
      font-size: 14px;
  }
 
+ .search-hist-btn{
+     background-color:transparent;
+     color:#3071a9;
+     border:none     
+ }
+
  .search-header sup {
      top: -2em;
  }
@@ -80,44 +86,17 @@
 {% endblock %}
 
 {% block search %}{% endblock %}
-
-<div class="modal fade  bd-example-modal-lg " id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
-    <div class="modal-dialog modal-lg" role="document" >
-	<div class="modal-content">
-            <div class="modal-header">
-		<h2 class="modal-title" id="exampleModalLabel">Your Search History</h2>
-
-            </div>
-            <div class="modal-body">
-		<div>
-                    {% if prev_queries %}
-                    <div>
-			{% for search in prev_queries[:8] %}
-			<div class="search-hist-btn" style="display:flex;justify-content: space-between;align-items: center;">
-                            <form  class="search-hist-btn-form" method="GET" data-link="{{search}}">
-				<a  class="search-hist-btn-link" data-link="{{search}}">{{search}}</a>
-                            </form>
-			</div>
-			{% endfor %}
-                    </div>
-                    {% endif %}
-		</div>
-            </div>
-            <div class="modal-footer">
-		<button type="button" class="btn btn-danger " style="color:white" >Delete All</button>
-		<button type="button" class="btn btn-primary" data-dismiss="modal" style="color:white">Cancel</button>
-            </div>
-	</div>
-    </div>
-</div>
-
 {% block content %} <!-- Start of body -->
 <section class="container-fluid">
     <header class="row">
 	<h1 class="col-sm-12 text-center search-header">
 	    AI Search
 	    <small>
-		<sup><a href="#">[Search History]</a></sup>
+	      <sup>
+		<button class="search-hist-btn" hx-get="/gnqna/hist/" hx-target="#swap" hx-swap="innerHTML" >
+		  [Search History]
+		</button>
+	      </sup>
 	    </small>
 	</h1>
     </header>
@@ -142,7 +121,7 @@
 		       value=''
 		name="querygnqa"
 		       hx-post="/gnqna"
-		hx-target="#swap
+		hx-target="#swap"
 		hx-swap="innerHTML"
 		hx-indicator="#indicator"
 	    />
@@ -161,8 +140,6 @@
 
 	</div>
     </article>
-
-
 </section>
 
 {% endblock %}