Add genotype dataset UI

2 files changed, 21 insertions, 1 deletions

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%}