From e13a694540ee65f401652d9ebdb5f845c15fb97e Mon Sep 17 00:00:00 2001
From: Frederick Muriuki Muriithi
Date: Thu, 5 Sep 2024 12:31:48 -0500
Subject: Provide basic UI for editing the Species details.

---
 uploader/templates/species/edit-species.html | 127 +++++++++++++++++++++++++++
 uploader/templates/species/list-species.html |   1 +
 uploader/templates/species/view-species.html |   4 +-
 3 files changed, 131 insertions(+), 1 deletion(-)
 create mode 100644 uploader/templates/species/edit-species.html

(limited to 'uploader/templates/species')

diff --git a/uploader/templates/species/edit-species.html b/uploader/templates/species/edit-species.html
new file mode 100644
index 0000000..c7c57fb
--- /dev/null
+++ b/uploader/templates/species/edit-species.html
@@ -0,0 +1,127 @@
+{%extends "species/base.html"%}
+{%from "flash_messages.html" import flash_all_messages%}
+
+{%block title%}Edit Species{%endblock%}
+
+{%block pagetitle%}Edit Species{%endblock%}
+
+{%block css%}
+<style type="text/css">
+  .card {
+      margin-top: 0.3em;
+      border-width: 1px;
+      border-style: solid;
+      border-radius: 0.3em;
+      border-color: #AAAAAA;
+      padding: 0.5em;
+  }
+</style>
+{%endblock%}
+
+{%block lvl2_breadcrumbs%}
+<li {%if activelink=="edit-species"%}
+    class="breadcrumb-item active"
+    {%else%}
+    class="breadcrumb-item"
+    {%endif%}>
+  <a href="{{url_for('species.edit_species_extra',
+           species_id=species.SpeciesId)}}">Edit</a>
+</li>
+{%endblock%}
+
+{%block contents%}
+{{flash_all_messages()}}
+<div class="row">
+  <form id="frm-edit-species"
+        method="POST"
+        action="{{url_for('species.edit_species_extra',
+                species_id=species.SpeciesId)}}">
+
+    <legend>Edit Extra Detail for Species '{{species.FullName}}'</legend>
+
+    <input type="hidden" name="species_id" value="{{species.SpeciesId}}" />
+
+    <div class="form-group">
+      <label for="lbl-species-taxonid" class="form-label">
+        Taxonomy Id
+      </label>
+      <label id="lbl-species-taxonid"
+             disabled="disabled"
+             class="form-control">{{species.TaxonomyId}}</label>
+    </div>
+
+    <div class="form-group">
+      <label for="txt-species-name" class="form-label">
+        Common Name
+      </label>
+      <input type="text"
+             id="txt-species-name"
+             name="species_name"
+             required="required"
+             value="{{species.SpeciesName}}"
+             class="form-control" />
+    </div>
+
+    <div class="form-group">
+      <label for="txt-species-fullname" class="form-label">
+        Scientific Name
+      </label>
+      <input type="text"
+             id="txt-species-fullname"
+             name="species_fullname"
+             required="required"
+             value="{{species.FullName}}"
+             class="form-control" />
+    </div>
+
+    <div class="form-group">
+      <label for="select-species-family" class="form-label">
+        Family
+      </label>
+      <select id="select-species-family"
+              name="species_family"
+              class="form-control">
+        <option value="">Select the family</option>
+        {%for family in families%}
+        <option value="{{family}}"
+                {%if species.Family == family%}
+                selected="selected"
+                {%endif%}>{{family}}</option>
+        {%endfor%}
+      </select>
+    </div>
+
+    <div class="form-group">
+      <label for="txt-species-familyorderid" class="form-label">
+        Family Order Id
+      </label>
+      <input type="number"
+             id="txt-species-familyorderid"
+             name="species_familyorderid"
+             value="{{species.FamilyOrderId}}"
+             class="form-control" />
+    </div>
+
+    <div class="form-group">
+      <label for="txt-species-orderid" class="form-label">
+        Order Id
+      </label>
+      <input type="number"
+             id="txt-species-orderid"
+             name="species_orderid"
+             value="{{species.OrderId}}"
+             class="form-control" />
+    </div>
+
+    <div class="form-group">
+      <input type="submit" value="Submit Changes" class="btn btn-primary" />
+    </div>
+
+  </form>
+</div>
+{%endblock%}
+
+{%block sidebarcontents%}
+<p>&hellip; provide details on FamilyOrderId here &hellip;</p>
+<p>&hellip; provide details on OrderId here &hellip;</p>
+{%endblock%}
diff --git a/uploader/templates/species/list-species.html b/uploader/templates/species/list-species.html
index 42094c1..573bcee 100644
--- a/uploader/templates/species/list-species.html
+++ b/uploader/templates/species/list-species.html
@@ -6,6 +6,7 @@
 {%block pagetitle%}List Species{%endblock%}
 
 {%block contents%}
+{{flash_all_messages()}}
 <div class="row">
   <p>
     All data in GeneNetwork revolves around species. This is the core of the
diff --git a/uploader/templates/species/view-species.html b/uploader/templates/species/view-species.html
index 15b2969..bf5f0c1 100644
--- a/uploader/templates/species/view-species.html
+++ b/uploader/templates/species/view-species.html
@@ -29,6 +29,7 @@
 {%endblock%}
 
 {%block contents%}
+{{flash_all_messages()}}
 <div class="row">
   <h2>Details on species {{species.FullName}}</h2>
 
@@ -92,7 +93,8 @@
         <dd>{{species.OrderId}}</dd>
       </dl>
     </div>
-    <a href="{{url_for('species.edit_species', species_id=species.SpeciesId)}}"
+    <a href="{{url_for('species.edit_species_extra',
+             species_id=species.SpeciesId)}}"
        class="card-link"
        title="Edit the species' internal-use details.">Edit</a>
   </div>
-- 
cgit v1.2.3