aboutsummaryrefslogtreecommitdiff
path: root/bh20simplewebuploader/templates/form.html
diff options
context:
space:
mode:
authorBonfaceKilz2020-04-26 05:26:18 +0300
committerBonfaceKilz2020-04-26 05:26:18 +0300
commit87628425bd83d3d142fbf9383ef727047cd8f9d1 (patch)
treebe384dc7cbe404ef81a53a997329202161ed5bbb /bh20simplewebuploader/templates/form.html
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/form.html')
-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>