From 1a4804305c764cb71afa472561b132278113d842 Mon Sep 17 00:00:00 2001
From: Frederick Muriuki Muriithi
Date: Tue, 10 Sep 2024 16:59:33 -0500
Subject: Improve "Edit species" UI.

---
 uploader/templates/species/edit-species.html | 55 ++++++++++++++++++++++++++--
 1 file changed, 52 insertions(+), 3 deletions(-)

(limited to 'uploader/templates')

diff --git a/uploader/templates/species/edit-species.html b/uploader/templates/species/edit-species.html
index c7c57fb..6827751 100644
--- a/uploader/templates/species/edit-species.html
+++ b/uploader/templates/species/edit-species.html
@@ -60,6 +60,8 @@
              required="required"
              value="{{species.SpeciesName}}"
              class="form-control" />
+      <small class="form-text text-muted">
+        This is the layman's name for the species, e.g. mouse</mall>
     </div>
 
     <div class="form-group">
@@ -72,6 +74,9 @@
              required="required"
              value="{{species.FullName}}"
              class="form-control" />
+      <small class="form-text text-muted">
+        A scientific name for the species that mostly adheres to the biological
+        binomial nomenclature system.</small>
     </div>
 
     <div class="form-group">
@@ -89,6 +94,9 @@
                 {%endif%}>{{family}}</option>
         {%endfor%}
       </select>
+      <small class="form-text text-muted">
+        A general classification for the species. This is mostly for use in
+        GeneNetwork's menus.</small>
     </div>
 
     <div class="form-group">
@@ -100,6 +108,10 @@
              name="species_familyorderid"
              value="{{species.FamilyOrderId}}"
              class="form-control" />
+      <small class="form-text text-muted">
+        This is a number that determines the order of the "Family" groupings
+        above in the GeneNetwork menus. This is an integer value that's manually
+        assigned.</small>
     </div>
 
     <div class="form-group">
@@ -109,8 +121,11 @@
       <input type="number"
              id="txt-species-orderid"
              name="species_orderid"
-             value="{{species.OrderId}}"
+             value="{{species.OrderId or max_order_id}}"
              class="form-control" />
+      <small class="form-text text-muted">
+        This integer value determines the order of the species in relation to
+        each other, but also within the respective "Family" groups.</small>
     </div>
 
     <div class="form-group">
@@ -122,6 +137,40 @@
 {%endblock%}
 
 {%block sidebarcontents%}
-<p>&hellip; provide details on FamilyOrderId here &hellip;</p>
-<p>&hellip; provide details on OrderId here &hellip;</p>
+
+<div class="card">
+  <div class="card-body">
+    <h5 class="card-title">Family Order</h5>
+    <div class="card-text">
+      <p>The current family order is as follows</p>
+      <table class="table">
+        <thead>
+          <tr>
+            <th>Family Order Id</th>
+            <th>Family</th>
+          </tr>
+        </thead>
+        <tbody>
+          {%for item in family_order%}
+          <tr>
+            <td>{{item[0]}}</td>
+            <td>{{item[1]}}</td>
+          </tr>
+          {%endfor%}
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>
+
+<div class="card">
+  <div class="card-body">
+    <h5 class="card-title">Order ID</h5>
+    <div class="card-text">
+      <p>The current largest OrderID is: {{max_order_id}}</p>
+      <p>We recommend giving a new species an order ID that is five more than
+        the current highest i.e. {{max_order_id + 5}}.</p>
+    </div>
+  </div>
+</div>
 {%endblock%}
-- 
cgit v1.2.3