aboutsummaryrefslogtreecommitdiff
path: root/bh20simplewebuploader/templates/form.html
diff options
context:
space:
mode:
authorBonfaceKilz2020-04-26 05:26:18 +0300
committerBonfaceKilz2020-04-26 07:05:13 +0300
commitad10d632b9ffb4433b696df374e77d9e932403d0 (patch)
tree51559b9d8998c289e4a06dd6fa465a6a60cfff3a /bh20simplewebuploader/templates/form.html
parent72f9b2c96b2be87f028737957c3ab22be1ccea69 (diff)
downloadbh20-seq-resource-ad10d632b9ffb4433b696df374e77d9e932403d0.tar.gz
bh20-seq-resource-ad10d632b9ffb4433b696df374e77d9e932403d0.tar.lz
bh20-seq-resource-ad10d632b9ffb4433b696df374e77d9e932403d0.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>