From 0b1da34d601a3c57a7a12795b4914fd7748e8f6e Mon Sep 17 00:00:00 2001
From: Frederick Muriuki Muriithi
Date: Wed, 18 Sep 2024 17:12:13 -0500
Subject: Add genotype dataset UI

---
 uploader/static/css/styles.css                   |  2 +-
 uploader/templates/genotypes/list-genotypes.html | 20 ++++++++++++++++++++
 2 files changed, 21 insertions(+), 1 deletion(-)

(limited to 'uploader')

diff --git a/uploader/static/css/styles.css b/uploader/static/css/styles.css
index 30d5808..4565aba 100644
--- a/uploader/static/css/styles.css
+++ b/uploader/static/css/styles.css
@@ -102,7 +102,7 @@ dd {
     padding-bottom: 1em;
 }
 
-input[type="submit"] {
+input[type="submit"], .btn {
     text-transform: capitalize;
 }
 
diff --git a/uploader/templates/genotypes/list-genotypes.html b/uploader/templates/genotypes/list-genotypes.html
index 0efc693..31b9eeb 100644
--- a/uploader/templates/genotypes/list-genotypes.html
+++ b/uploader/templates/genotypes/list-genotypes.html
@@ -90,7 +90,27 @@
 </div>
 
 <div class="row">
+  <h2>Genotype Datasets</h2>
 
+  <p>The genotype data is organised under various genotype datasets. You can
+    click on the link for the relevant dataset to view a little more information
+    about it.</p>
+  <p>You can also create a new genotype dataset by clicking the button below.
+    <br />
+    <a href="#create-new-genotype-dataset"
+       title="Create a new genotype dataset for the '{{population.FullName}}' population for the '{{species.FullName}}' species."
+       class="btn btn-primary">
+      create new genotype dataset</a></p>
+
+  {%if datasets | length > 0%}
+    <table class="table">
+    </table>
+  {%else%}
+    <p class="text-warning">
+      <span class="glyphicon glyphicon-exclamation-sign"></span>
+      There are no genotype datasets to display, yet!
+    </p>
+  {%endif%}
 </div>
 {%endblock%}
 
-- 
cgit v1.2.3