From 6e1d21b50ecda42364fd081f0c2cfa6dd39a5ec5 Mon Sep 17 00:00:00 2001
From: John Nduli
Date: Mon, 2 Sep 2024 20:45:16 +0300
Subject: feat: ai search uses accordion to fold_out

---
 gn2/wqflask/templates/gsearch_gene.html | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

(limited to 'gn2')

diff --git a/gn2/wqflask/templates/gsearch_gene.html b/gn2/wqflask/templates/gsearch_gene.html
index f75c4e8b..fb13ca22 100644
--- a/gn2/wqflask/templates/gsearch_gene.html
+++ b/gn2/wqflask/templates/gsearch_gene.html
@@ -20,10 +20,18 @@
       <div class="row">
         <div class="col-sm-6">
           <div class="panel panel-info">
-            <div class="panel-heading">AI Search: {{ ai_result["search_term"] }}</div>
-            <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 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>
-- 
cgit v1.2.3