UI Improvements: Species

- Remove redundant information
- Rename "Scientific Name" to "Organism Name"
- Add helpful tooltip text to elements
- Rename "TaxonId" to "Taxonomy ID"

1 files changed, 15 insertions, 13 deletions

diff --git a/uploader/templates/species/list-species.html b/uploader/templates/species/list-species.html
index 3f7acc5..d3dae7f 100644
--- a/uploader/templates/species/list-species.html
+++ b/uploader/templates/species/list-species.html
@@ -29,31 +29,33 @@
     <caption>Available Species</caption>
     <thead>
       <tr>
-        <th>Common Name</th>
-        <th>Scientific Name</th>
-        <th>TaxonId</th>
-        <th>Family / Grouping</th>
-        <th>Use</th>
+        <th title="A common, layman's name for the species.">Common Name</th>
+        <th title="The scientific name for the species">Organism Name</th>
+        <th title="An identifier for the species in the NCBI taxonomy database">
+          Taxonomy ID
+        </th>
+        <th title="A generic grouping used internally by GeneNetwork for organising species.">
+          Family
+        </th>
       </tr>
     </thead>
     <tbody>
       {%for species in allspecies%}
       <tr>
         <td>{{species["SpeciesName"]}}</td>
-        <td>{{species["FullName"]}}</td>
+        <td>
+          <a href="{{url_for('species.view_species',
+                   species_id=species['SpeciesId'])}}"
+             title="View details in GeneNetwork on {{species['FullName']}}">
+            {{species["FullName"]}}
+          </a>
+        </td>
         <td>
           <a href="https://www.ncbi.nlm.nih.gov/Taxonomy/Browser/wwwtax.cgi?id={{species['TaxonomyId']}}"
              title="View species details on NCBI"
              target="_blank">{{species["TaxonomyId"]}}</a>
         </td>
         <td>{{species.Family}}</td>
-        <td>
-          <a href="{{url_for('species.view_species',
-                   species_id=species['SpeciesId'])}}"
-             title="">
-            {{species["SpeciesName"]}} ({{species["FullName"]}})
-          </a>
-        </td>
       </tr>
       {%else%}
       <tr>