aboutsummaryrefslogtreecommitdiff
path: root/gn2
diff options
context:
space:
mode:
authorAlexander_Kabui2024-01-08 17:35:50 +0300
committerAlexander_Kabui2024-01-08 17:35:50 +0300
commite41f17ec974e613ddfbe4232669c878b598d71e9 (patch)
tree3fa76a93447e1f1d7b456aa4c1316d80be921e03 /gn2
parent44e1a64ed6e9510bae6182adc6f3d19ff315a26e (diff)
downloadgenenetwork2-e41f17ec974e613ddfbe4232669c878b598d71e9.tar.gz
code refactoring for gn llm ui
Diffstat (limited to 'gn2')
-rw-r--r--gn2/wqflask/templates/gnqa.html50
-rw-r--r--gn2/wqflask/templates/gnqa_answer.html87
2 files changed, 24 insertions, 113 deletions
diff --git a/gn2/wqflask/templates/gnqa.html b/gn2/wqflask/templates/gnqa.html
index 46cc1e90..a2febb17 100644
--- a/gn2/wqflask/templates/gnqa.html
+++ b/gn2/wqflask/templates/gnqa.html
@@ -4,27 +4,12 @@
{% block content %} <!-- Start of body -->
- <style>
-
-
-
- #gnqna_search {
- padding:15px 10px;
- border-radius: 15px;
- border:1px solid blue;
- }
-
- #gnqna_search{
- font-weight: bold;
- font-weight: 18px;
- }
+{% block css %}
+<link rel="stylesheet" type="text/css" href="/static/new/css/llm.css">
+{% endblock %}
- #main-search-controller{
- display: flex;
- justify-content: center;
- align-items: center;
-}
+ <style>
#loader {
display: none;
position: fixed;
@@ -37,27 +22,20 @@
z-index: 10000;
}
-
</style>
+
<div style="height: 100vh;width: 100vw; ">
<div id="loader"></div>
-<div id="main-search-controller" style="margin: 20px;width: 100%;height: 100%;">
-<div id="gnqna_controller">
- <form method="POST" action="/gnqna" id="gnqna_form">
- <input id="gnqna_search" style="width:45vw" type="text" autocomplete="off"
-required placeholder="Ask a Question or Topic e.g ( Genes) " value='' name="querygnqa">
-</form>
+<div style="margin-top: 50px;text-align: center;">
+ <h4>GN LLM DESCRIBPTION GOES HERE</h4>
</div>
</div>
-<div>
-
-</div>
<script src="{{ url_for('js', filename='jquery/jquery.min.js') }}" type="text/javascript"></script>
@@ -75,6 +53,20 @@ required placeholder="Ask a Question or Topic e.g ( Genes) " value='' name="quer
})
+ $('#globalsearchform').hide()
+ $('#gnqna_search_home').show()
+ $('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();
+
+ }
+ })
+
+
});
diff --git a/gn2/wqflask/templates/gnqa_answer.html b/gn2/wqflask/templates/gnqa_answer.html
index 99242b29..c8ec9bbb 100644
--- a/gn2/wqflask/templates/gnqa_answer.html
+++ b/gn2/wqflask/templates/gnqa_answer.html
@@ -4,96 +4,15 @@
{% block content %} <!-- Start of body -->
- <style>
-
-
-
- #gnqna_search {
- padding:15px 10px;
- border-radius: 15px;
- border:1px solid blue;
- }
-
- #gnqna_search{
- font-weight: bold;
- font-weight: 18px;
- }
-
- #main-search-controller{
- display: flex;
- justify-content: center;
- align-items: center;
-}
-
-
-</style>
+
{% block css %}
<link rel="stylesheet" type="text/css" href="/static/new/css/markdown.css" />
+<link rel="stylesheet" type="text/css" href="/static/new/css/llm.css">
{% endblock %}
<style type="text/css">
-
- #gnqa_ref {
- height: 90vh;
- overflow: hidden;
- overflow-y: scroll;
- }
-
-
- #gnqa_ref_item{
- border-bottom: 1px solid lightgrey;
- padding:12px;
- }
-
-
- #gnqa_query {
- font-size: 24px;
- font-family: serif;
- color: #3071a9;
- font-style: italic;
- letter-spacing: 0.3em;
- text-transform: capitalize;
-
- text-decoration: underline;
- }
-
- #gnqa_query::first-letter {
- font-size: 30px;
- font-style: italic;
-
- }
-
- #gnqa_answer {
- text-transform: capitalize;
- }
-
- #gnqa_answer::first-letter{
- font-weight: bold;
-
-
- }
- #gnqna_search_home{
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
-
- #gnqna_search_home input{
- padding:7px 5px;
- border-radius: 10px;
- border:1px solid blue;
- }
-
- #gnqna_search_home input{
- font-weight: bold;
- }
-
- .container{
- / box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px; */
- }
#loader {
display: none;
@@ -121,7 +40,7 @@
<h1 id="gnqa_query" style="font-weight: bolder">{{query}}<h1>
</div>
- <div style="width:40vw;overflow-wrap: normal; margin-top: 5px;">
+ <div style="width:80vw;overflow-wrap: normal; margin-top: 5px;">
<p style="word-spacing: 0.7em;" id="gnqa_answer">{{answer}} <p>
</div>
</div>