From a6bc342c948c3f02a3b1441abb5e9bdafcbc87c8 Mon Sep 17 00:00:00 2001
From: Alexander_Kabui
Date: Tue, 24 Sep 2024 12:01:08 +0300
Subject: Refactor: move global search functionality to own module.

---
 gn2/wqflask/templates/gsearch.html | 122 +++++++++++++++++++++++++++++++++++++
 1 file changed, 122 insertions(+)
 create mode 100644 gn2/wqflask/templates/gsearch.html

(limited to 'gn2/wqflask/templates/gsearch.html')

diff --git a/gn2/wqflask/templates/gsearch.html b/gn2/wqflask/templates/gsearch.html
new file mode 100644
index 00000000..72c92a44
--- /dev/null
+++ b/gn2/wqflask/templates/gsearch.html
@@ -0,0 +1,122 @@
+<!-- generic tamplate for global search  -->
+<link rel="stylesheet" href="/static/new/css/autocomplete.css" />
+<style TYPE="text/css">
+  .global_search_input{
+      padding:9px 8px;
+      text-decoration: none;
+      border: none;
+      border-radius: 5px;
+  }
+  .global_search_input:focus{
+      outline: none;
+  }
+  .btn-stc {
+      padding:9px 8px;
+      border-left:none;
+      border-radius:0 40px 40px 0;
+      cursor: pointer;
+      height: 40px;
+      width: 64px;
+      margin:0;
+      border:1px solid #d3d3d3;
+      background-color: white;
+      position: absolute;
+      top:0;
+      left: 100%;
+      right: 0;
+      border-left: none;
+         }
+</style>
+<div class="container-fluid"
+     style="width: 100%;
+            min-width: 650px;
+            position: relative;
+            background-color: #d5d5d5;
+            height: 100px">
+    <form method="get" action="/gsearch" id="globalsearchform">
+        <div class="form-group">
+            <div class="controls">
+                <select name="type">
+                    <option value="gene">Genes / Molecules</option>
+                    <option value="phenotype" {% if type=="phenotype" %}selected{% endif %}>Phenotypes</option>
+                </select>
+                <div class="col-8  autocomplete"
+                     style="margin-left: 30px;
+                            margin-right: 10px">
+                    <input autocomplete="off"
+                           class="global_search_input"
+                           id="term"
+                           style="width:45vw"
+                           type="text"
+                           required
+                           placeholder="Enter you search term here (ex: cytochrome AND P450)"
+                           name="terms">
+                    <button type="submit"
+                            class="btn-stc"
+                            style="position: absolute;
+                                   background-color: #336699">
+                        <i class="fa fa-search" title="Search " style="color:white;"></i>
+                    </button>
+                </div>
+                <!-- todo fix text overlap for this;;responsiveness-->
+                <span style="padding: 5px;margin-left: 65px;" id="gnqna_home">
+                    <a href="/gnqna">GNQA Search</a>
+                </span>
+                <span style="padding: 5px;margin-left: 65px;">
+                    <a style="text-decoration: none"
+                       target="_blank"
+                       href="https://issues.genenetwork.org/topics/xapian/xapian-search-queries">
+                        <i style="text-align: center;
+                                  color:#336699"
+                           class="fa fa-question-circle fa-2x"
+                           title="see more search hints"
+                           aria-hidden="true"></i>
+                    </a>
+                </span>
+            </div>
+        </div>
+    </form>
+</div>
+<script src="{{ url_for('js', filename='jquery/jquery.min.js') }}"
+        type="text/javascript"></script>
+<script src="{{ url_for('js', filename='bootstrap/js/bootstrap.min.js') }}"
+        type="text/javascript"></script>
+<script src="/static/new/javascript/search_autocomplete.js"></script>
+<script type="text/javascript">
+                 $(document).ready(function() {
+                     const urlParams = new  URLSearchParams(window.location.search)
+                     let term = urlParams.get("terms")
+                     //should web scrap
+                     var global_search_hint = [
+                         "cytochrome",
+                         "cytochrome AND P450",
+                         "cytochrome NEAR P450",
+                         "cytochrome -P450",
+                         "cytochrome NOT P450",
+                         "species:human",
+                         "group:BXD",
+                         "Hs:chr4:9930021 species:mouse",
+                         "Hs:chr4:9130000..9980000 species:mouse",
+                         "mean:5..7",
+                         "mean:7..",
+                         "Hs:chr4:9930021",
+                         "Hs:chr4:9930021 species:mouse",
+                         "Hs:chr4:9130000..9980000 species:mouse",
+                         "bx*",
+                         "*"
+                     ]
+                     autocomplete(document.getElementById("term"), global_search_hint);
+                     $("#term").keyup(function(event) {
+                         if (event.keyCode === 13) {
+                             event.preventDefault();
+                             $('#globalsearchform').attr('action', "/gsearch").submit();
+                             if ($("#term").val().trim() != "") {
+                                 saveBeforeSubmit($("#term").val().trim())
+                                 $("#globalsearchform")[0].submit();
+                             }
+
+                         }
+                     })
+
+                 });
+</script>
-- 
cgit v1.2.3


From 6eb59add1e01986ec9d46c85c1e61404d57c3807 Mon Sep 17 00:00:00 2001
From: Alexander_Kabui
Date: Thu, 26 Sep 2024 14:09:56 +0300
Subject: Refactor: Apply linting to gsearch template file.

---
 gn2/wqflask/templates/gsearch.html | 212 ++++++++++++++++++-------------------
 1 file changed, 105 insertions(+), 107 deletions(-)

(limited to 'gn2/wqflask/templates/gsearch.html')

diff --git a/gn2/wqflask/templates/gsearch.html b/gn2/wqflask/templates/gsearch.html
index 72c92a44..5bfc51e7 100644
--- a/gn2/wqflask/templates/gsearch.html
+++ b/gn2/wqflask/templates/gsearch.html
@@ -1,122 +1,120 @@
-<!-- generic tamplate for global search  -->
 <link rel="stylesheet" href="/static/new/css/autocomplete.css" />
 <style TYPE="text/css">
   .global_search_input{
-      padding:9px 8px;
-      text-decoration: none;
-      border: none;
-      border-radius: 5px;
+  padding:9px 8px;
+  text-decoration: none;
+  border: none;
+  border-radius: 5px;
   }
   .global_search_input:focus{
-      outline: none;
+  outline: none;
   }
   .btn-stc {
-      padding:9px 8px;
-      border-left:none;
-      border-radius:0 40px 40px 0;
-      cursor: pointer;
-      height: 40px;
-      width: 64px;
-      margin:0;
-      border:1px solid #d3d3d3;
-      background-color: white;
-      position: absolute;
-      top:0;
-      left: 100%;
-      right: 0;
-      border-left: none;
-         }
+  padding:9px 8px;
+  border-left:none;
+  border-radius:0 40px 40px 0;
+  cursor: pointer;
+  height: 40px;
+  width: 64px;
+  margin:0;
+  border:1px solid #d3d3d3;
+  background-color: white;
+  position: absolute;
+  top:0;
+  left: 100%;
+  right: 0;
+  border-left: none;
+  }
 </style>
 <div class="container-fluid"
      style="width: 100%;
-            min-width: 650px;
-            position: relative;
-            background-color: #d5d5d5;
-            height: 100px">
-    <form method="get" action="/gsearch" id="globalsearchform">
-        <div class="form-group">
-            <div class="controls">
-                <select name="type">
-                    <option value="gene">Genes / Molecules</option>
-                    <option value="phenotype" {% if type=="phenotype" %}selected{% endif %}>Phenotypes</option>
-                </select>
-                <div class="col-8  autocomplete"
-                     style="margin-left: 30px;
-                            margin-right: 10px">
-                    <input autocomplete="off"
-                           class="global_search_input"
-                           id="term"
-                           style="width:45vw"
-                           type="text"
-                           required
-                           placeholder="Enter you search term here (ex: cytochrome AND P450)"
-                           name="terms">
-                    <button type="submit"
-                            class="btn-stc"
-                            style="position: absolute;
-                                   background-color: #336699">
-                        <i class="fa fa-search" title="Search " style="color:white;"></i>
-                    </button>
-                </div>
-                <!-- todo fix text overlap for this;;responsiveness-->
-                <span style="padding: 5px;margin-left: 65px;" id="gnqna_home">
-                    <a href="/gnqna">GNQA Search</a>
-                </span>
-                <span style="padding: 5px;margin-left: 65px;">
-                    <a style="text-decoration: none"
-                       target="_blank"
-                       href="https://issues.genenetwork.org/topics/xapian/xapian-search-queries">
-                        <i style="text-align: center;
-                                  color:#336699"
-                           class="fa fa-question-circle fa-2x"
-                           title="see more search hints"
-                           aria-hidden="true"></i>
-                    </a>
-                </span>
-            </div>
-        </div>
-    </form>
+     min-width: 650px;
+     position: relative;
+     background-color: #d5d5d5;
+     height: 100px">
+     <form method="get" action="/gsearch" id="globalsearchform">
+       <div class="form-group">
+         <div class="controls">
+           <select name="type">
+             <option value="gene">Genes / Molecules</option>
+             <option value="phenotype" {% if type=="phenotype" %}selected{% endif %}>Phenotypes</option>
+           </select>
+           <div class="col-8  autocomplete"
+                style="margin-left: 30px;
+                margin-right: 10px">
+                <input autocomplete="off"
+                       class="global_search_input"
+                       id="term"
+                       style="width:45vw"
+                       type="text"
+                       required
+                       placeholder="Enter you search term here (ex: cytochrome AND P450)"
+                       name="terms">
+                       <button type="submit"
+                               class="btn-stc"
+                               style="position: absolute;
+                               background-color: #336699">
+                               <i class="fa fa-search" title="Search " style="color:white;"></i>
+                       </button>
+           </div>
+           <!-- todo fix text overlap for this;;responsiveness-->
+           <span style="padding: 5px;margin-left: 65px;" id="gnqna_home">
+             <a href="/gnqna">GNQA Search</a>
+           </span>
+           <span style="padding: 5px;margin-left: 65px;">
+             <a style="text-decoration: none"
+                target="_blank"
+                href="https://issues.genenetwork.org/topics/xapian/xapian-search-queries">
+                <i style="text-align: center;
+                          color:#336699"
+                          class="fa fa-question-circle fa-2x"
+                          title="see more search hints"
+                          aria-hidden="true"></i>
+             </a>
+           </span>
+         </div>
+       </div>
+     </form>
 </div>
 <script src="{{ url_for('js', filename='jquery/jquery.min.js') }}"
         type="text/javascript"></script>
-<script src="{{ url_for('js', filename='bootstrap/js/bootstrap.min.js') }}"
-        type="text/javascript"></script>
-<script src="/static/new/javascript/search_autocomplete.js"></script>
-<script type="text/javascript">
-                 $(document).ready(function() {
-                     const urlParams = new  URLSearchParams(window.location.search)
-                     let term = urlParams.get("terms")
-                     //should web scrap
-                     var global_search_hint = [
-                         "cytochrome",
-                         "cytochrome AND P450",
-                         "cytochrome NEAR P450",
-                         "cytochrome -P450",
-                         "cytochrome NOT P450",
-                         "species:human",
-                         "group:BXD",
-                         "Hs:chr4:9930021 species:mouse",
-                         "Hs:chr4:9130000..9980000 species:mouse",
-                         "mean:5..7",
-                         "mean:7..",
-                         "Hs:chr4:9930021",
-                         "Hs:chr4:9930021 species:mouse",
-                         "Hs:chr4:9130000..9980000 species:mouse",
-                         "bx*",
-                         "*"
-                     ]
-                     autocomplete(document.getElementById("term"), global_search_hint);
-                     $("#term").keyup(function(event) {
-                         if (event.keyCode === 13) {
-                             event.preventDefault();
-                             $('#globalsearchform').attr('action', "/gsearch").submit();
-                             if ($("#term").val().trim() != "") {
-                                 saveBeforeSubmit($("#term").val().trim())
-                                 $("#globalsearchform")[0].submit();
-                             }
 
-                         }
-                     })
+	<script src="/static/new/javascript/search_autocomplete.js"></script>
+	<script type="text/javascript">
+          $(document).ready(function() {
+          const urlParams = new  URLSearchParams(window.location.search)
+          let term = urlParams.get("terms")
+          //should web scrap
+          var global_search_hint = [
+          "cytochrome",
+          "cytochrome AND P450",
+          "cytochrome NEAR P450",
+          "cytochrome -P450",
+          "cytochrome NOT P450",
+          "species:human",
+          "group:BXD",
+          "Hs:chr4:9930021 species:mouse",
+          "Hs:chr4:9130000..9980000 species:mouse",
+          "mean:5..7",
+          "mean:7..",
+          "Hs:chr4:9930021",
+          "Hs:chr4:9930021 species:mouse",
+          "Hs:chr4:9130000..9980000 species:mouse",
+          "bx*",
+          "*"
+          ]
+          autocomplete(document.getElementById("term"), global_search_hint);
+          $("#term").keyup(function(event) {
+          if (event.keyCode === 13) {
+          event.preventDefault();
+          $('#globalsearchform').attr('action', "/gsearch").submit();
+          if ($("#term").val().trim() != "") {
+          saveBeforeSubmit($("#term").val().trim())
+          $("#globalsearchform")[0].submit();
+          }
+
+          }
+          })
 
-                 });
-</script>
+          });
+	</script>
-- 
cgit v1.2.3