aboutsummaryrefslogtreecommitdiff
path: root/gn2/wqflask/templates
diff options
context:
space:
mode:
Diffstat (limited to 'gn2/wqflask/templates')
-rw-r--r--gn2/wqflask/templates/gnqa.html61
-rw-r--r--gn2/wqflask/templates/gnqa_answer.html9
2 files changed, 30 insertions, 40 deletions
diff --git a/gn2/wqflask/templates/gnqa.html b/gn2/wqflask/templates/gnqa.html
index be5da2ff..38269d70 100644
--- a/gn2/wqflask/templates/gnqa.html
+++ b/gn2/wqflask/templates/gnqa.html
@@ -4,16 +4,19 @@
{% block css %}
<link rel="stylesheet" type="text/css" href="/static/new/css/llm.css">
<style>
- #loader {
- display: none;
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- width: 100%;
- background: rgba(0,0,0,0.75) url("/static/gif/loader.gif") no-repeat center center;
- z-index: 10000;
+ .htmx-indicator{
+ display:none;
+ opacity: 0;
+ transition: opacity 500ms ease-in;
+ width: 50px;
+ }
+ .htmx-request .htmx-indicator, .htmx-request.htmx-indicator {
+ opacity: 1;
+ display: block;
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ z-index: 19;
}
.search-header {
font-size: 3.5em;
@@ -92,8 +95,6 @@
{% block content %} <!-- Start of body -->
<section class="container-fluid">
-
- <div id="loader"></div>
<header class="row">
<h1 class="col-sm-12 text-center search-header">
AI Search
@@ -102,15 +103,27 @@
</small>
</h1>
</header>
- <form class="col-sm-12" id="gnqna_search_home" method="POST" action="/gnqna">
+ <form class="col-sm-12" id="gnqna_search_home"
+ hx-post="/gnqna"
+ hx-target=".gnqa-copy"
+ hx-swap="outerHTML"
+ hx-indicator="#indicator">
<!--- init gnqa codebase here -->
<div class="col-sm-6">
- <button type="button" type="submit" data-toggle="modal" data-target=".bd-example-modal-lg" class="btn btn-default btn-sm ">
+ <button type="submit" class="btn btn-default btn-sm">
<i class="fa fa-search fa-2x" aria-hidden="true" title="Search History"></i>
</button>
- <input class="text-center" id="gnqna_search_home_input" type="text" autocomplete="off"
- required placeholder="Ask More Questions or Topics (E.g Genes) " value='' name="querygnqa"/>
- </div>
+ <input
+ class="text-center"
+ id="gnqna_search_home_input"
+ type="text" autocomplete="off"
+ required
+ placeholder="Ask More Questions or Topics (E.g Genes)"
+ value=''
+ name="querygnqa"
+ />
+ </div>
+ <img id="indicator" class="htmx-indicator" src="/static/gif/loader.gif"/>
</form>
<div class="row gnqa-copy">
<p class="col-sm-10 col-sm-offset-1 col-md-offset-3 col-md-6">
@@ -147,21 +160,7 @@
item.attr("action", `/gnqna/hist/search/${item.data("link")}`).submit();
})
});
- $("#gnqna_search").keypress(function(event) {
- if (event.keyCode === 13) {
- $('#gnqna_form').submit();
- let spinner = $("#loader")
- spinner.show()
- }
- });
$('footer').hide()
- $("#gnqna_search_home_input").keypress(function(event) {
- if (event.keyCode === 13) {
- $('#gnqna_search_home').submit();
- let spinner = $("#loader")
- spinner.show();
- }
- })
});
</script>
{% endblock %}
diff --git a/gn2/wqflask/templates/gnqa_answer.html b/gn2/wqflask/templates/gnqa_answer.html
index ad22cb9c..c8629729 100644
--- a/gn2/wqflask/templates/gnqa_answer.html
+++ b/gn2/wqflask/templates/gnqa_answer.html
@@ -223,15 +223,6 @@
const GN_SERVER_URL = {{gn_server_url|tojson}}
$('#globalsearchform').hide()
$('footer').hide()
- $("#gnqna_search_home_input").keypress(function(event) {
- if (event.keyCode === 13) {
- console.log("clicked this button")
- $('#gnqna_search_home').submit();
- let spinner = $("#loader")
- spinner.show();
-
- }
- })
const answer = {{ answer | tojson }};
const query = {{query | tojson }}
const task_id = {{ task_id | tojson }}["task_id"];