From 61c4b9a2cebe94db400c41c4a7bef4ab7f1b3a40 Mon Sep 17 00:00:00 2001
From: John Nduli
Date: Tue, 10 Sep 2024 17:44:05 +0300
Subject: feat: ai_search result loaded by javascript

---
 gn2/wqflask/templates/gsearch_gene.html | 50 ++++++++++++++++++++-------------
 1 file changed, 30 insertions(+), 20 deletions(-)

diff --git a/gn2/wqflask/templates/gsearch_gene.html b/gn2/wqflask/templates/gsearch_gene.html
index fb13ca22..ecb8de8f 100644
--- a/gn2/wqflask/templates/gsearch_gene.html
+++ b/gn2/wqflask/templates/gsearch_gene.html
@@ -16,27 +16,8 @@
         </h3>
       </div>
 
-      {% if ai_result %}
-      <div class="row">
-        <div class="col-sm-6">
-          <div class="panel panel-info">
-            <div class="panel-heading" role="tab" id="ai_heading">
-              <h4 class="panel-title">
-                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#ai_results" aria-expanded="false" aria-controls="ai_results">
-                  AI Search: {{ ai_result["search_term"] }} (Click for more details)
-                </a>
-              </h4>
-            </div>
-            <div id="ai_results" class="panel-collapse collapse" role="tabpanel" aria-labelledby="ai_heading">
-                <div class="panel-body">
-                  <p>{{ ai_result["search_result"] }}</p>
-                  <p><a class="btn btn-default" href="{{ ai_result["search_url"] }}" role="button">See References</a></p>
-                </div>
-            </div>
-          </div>
-        </div>
+      <div class="row" id="ai_result">
       </div>
-      {% endif %}
 
         <p>To study a record, click on its Record ID below.<br />Check records below and click Add button to add to selection.</p>
         <div>
@@ -291,4 +272,33 @@
         });
         
     </script>
+    <script type='text/javascript'>
+      function ai_content_div(search_term, search_result) {
+        return `
+          <div class="col-sm-6">
+            <div class="panel panel-info">
+              <div class="panel-heading" role="tab" id="ai_heading">
+                <h4 class="panel-title">
+                  <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#ai_results" aria-expanded="false" aria-controls="ai_results">
+                    AI Search: ${search_term} (Click for more details)
+                  </a>
+                </h4>
+              </div>
+              <div id="ai_results" class="panel-collapse collapse" role="tabpanel" aria-labelledby="ai_heading">
+                  <div class="panel-body">
+                    <p>${ search_result }</p>
+                    <p><a class="btn btn-default" href="${search_term}" role="button">See References</a></p>
+                  </div>
+              </div>
+            </div>
+          </div>
+          `
+      }
+
+      $(document).ready( function () {
+        let ai_div = ai_content_div("this is a test", "test contains some text");
+        $("#ai_result").append(ai_div);
+      })
+
+    </script>
 {% endblock %}
-- 
cgit v1.2.3