about summary refs log tree commit diff
path: root/bh20simplewebuploader/templates
diff options
context:
space:
mode:
authorBonfaceKilz2020-04-26 05:26:18 +0300
committerBonfaceKilz2020-04-26 05:26:18 +0300
commit87628425bd83d3d142fbf9383ef727047cd8f9d1 (patch)
treebe384dc7cbe404ef81a53a997329202161ed5bbb /bh20simplewebuploader/templates
parent5565338df4c172df2c140bfc1380262c3fb02aed (diff)
downloadbh20-seq-resource-87628425bd83d3d142fbf9383ef727047cd8f9d1.tar.gz
bh20-seq-resource-87628425bd83d3d142fbf9383ef727047cd8f9d1.tar.lz
bh20-seq-resource-87628425bd83d3d142fbf9383ef727047cd8f9d1.zip
Display the output of the queries as prettified JSON for now
Diffstat (limited to 'bh20simplewebuploader/templates')
-rw-r--r--bh20simplewebuploader/templates/form.html18
1 files changed, 13 insertions, 5 deletions
diff --git a/bh20simplewebuploader/templates/form.html b/bh20simplewebuploader/templates/form.html
index e01b846..5d1e1b1 100644
--- a/bh20simplewebuploader/templates/form.html
+++ b/bh20simplewebuploader/templates/form.html
@@ -20,21 +20,29 @@
           <div class="filter-options" action="#">
               <p>[Demo] Display content sequences by: </p>
 
-              <button class="button">Source</button>
-              <button class="button">Location</button>
+              <div>
+                  <button class="button" onclick="fetchSEQBySpecimen()">Specimen Source</button>
+                  <button class="button" onclick="fetchSEQByLocation()">Location</button>
+                  <button class="button" onclick="fetchSEQByTech()">Tech</button>
+                  <button class="button" onclick="fetchAllaccessions()">Allaccessions</button>
+              </div>
+
           </div>
 
-          <form class="search">
+          <div class="search">
               <input id="search-input" id="global-search" type="search" placeholder="FASTA uri" required>
               <button class="button search-button" type="submit" onclick="search()">
 		  <span class="icon ion-search">
 		      <span class="sr-only">Search</span>
 		  </span>
 	      </button>
-          </form>
+          </div>
       </section>
 
-      <section class="results">
+      <div id="loader" class="loader invisible"></div>
+
+      <section id="results" class="invisible">
+          <pre><code id="json"></code></pre>
       </section>
 
         <section>