1 files changed, 90 insertions, 7 deletions
diff --git a/uploader/templates/phenotypes/view-phenotype.html b/uploader/templates/phenotypes/view-phenotype.html
index 5aef6c1..99bb8e5 100644
--- a/uploader/templates/phenotypes/view-phenotype.html
+++ b/uploader/templates/phenotypes/view-phenotype.html
@@ -24,18 +24,101 @@
 {{flash_all_messages()}}
 
 <div class="row">
-  {{resource}}
-</div>
+  <div class="panel panel-default">
+    <div class="panel-heading"><strong>Basic Phenotype Details</strong></div>
 
-<div class="row">
-  <h2>Dataset</h2>
-  {{dataset}}
+    <table class="table">
+      <tbody>
+        <tr>
+          <td><strong>Phenotype</strong></td>
+          <td>{{phenotype.Post_publication_description or phenotype.Pre_publication_abbreviation or phenotype.Original_description}}
+        </tr>
+        <tr>
+          <td><strong>Cross-Reference ID</strong></td>
+          <td>{{phenotype.xref_id}}</td>
+        </tr>
+        <tr>
+          <td><strong>Collation</strong></td>
+          <td>{{dataset.FullName}}</td>
+        </tr>
+        <tr>
+          <td><strong>Units</strong></td>
+          <td>{{phenotype.Units}}</td>
+        </tr>
+      </tbody>
+    </table>
+
+    <form action="#edit-delete-phenotype"
+          method="POST"
+          id="frm-delete-phenotype">
+
+          <input type="hidden" name="species_id" value="{{species.SpeciesId}}" />
+          <input type="hidden" name="population_id" value="{{population.Id}}" />
+          <input type="hidden" name="dataset_id" value="{{dataset.Id}}" />
+          <input type="hidden" name="phenotype_id" value="{{phenotype.Id}}" />
+
+          <div class="btn-group btn-group-justified">
+            <div class="btn-group">
+              {%if "group:resource:edit-resource" in privileges%}
+                <input type="submit"
+                       title="Edit the values for the phenotype. This is meant to be used when you need to update only a few values."
+                       class="btn btn-primary not-implemented"
+                       value="edit" />
+                     {%endif%}
+            </div>
+            <div class="btn-group"></div>
+            <div class="btn-group">
+              {%if "group:resource:delete-resource" in privileges%}
+                <input type="submit"
+                       title="Delete the entire phenotype. This is useful when you need to change data for most or all of the fields for this phenotype."
+                       class="btn btn-danger not-implemented"
+                       value="delete" />
+                     {%endif%}
+            </div>
+          </div>
+    </form>
+  </div>
 </div>
 
 <div class="row">
-  <h2>Phenotype</h2>
-  {{phenotype}}
+  <div class="panel panel-default">
+    <div class="panel-heading"><strong>Phenotype Data</strong></div>
+    {%if "group:resource:view-resource" in privileges%}
+    <table class="table">
+      <thead>
+        <tr>
+          <th>#</th>
+          <th>Sample</th>
+          <th>Value</th>
+          <th>Symbol</th>
+          <th>SE</th>
+          <th>N</th>
+        </tr>
+      </thead>
+
+      <tbody>
+        {%for item in phenotype.data%}
+        <tr>
+          <td>{{loop.index}}</td>
+          <td>{{item.StrainName}}</td>
+          <td>{{item.value}}</td>
+          <td>{{item.Symbol or "-"}}</td>
+          <td>{{item.error or "-"}}</td>
+          <td>{{item.count or "-"}}</td>
+        </tr>
+        {%endfor%}
+      </tbody>
+    </table>
+    {%else%}
+    <p class="text-danger">
+      <span class="glyphicon glyphicon-exclamation-sign"></span>
+      You do not currently have privileges to view this phenotype in greater
+      detail.
+    </p>
+    {%endif%}
+  </div>
 </div>
+
 {%endblock%}
 
 {%block sidebarcontents%}