From f726c71bf1636a838f45363d1613763a2926e34f Mon Sep 17 00:00:00 2001
From: Frederick Muriuki Muriithi
Date: Wed, 12 Jun 2024 16:38:54 -0500
Subject: Update html templates to use bootstrap for styling

---
 qc_app/templates/select_platform.html | 96 +++++++++++++++++------------------
 1 file changed, 48 insertions(+), 48 deletions(-)

(limited to 'qc_app/templates/select_platform.html')

diff --git a/qc_app/templates/select_platform.html b/qc_app/templates/select_platform.html
index d69a970..d9bc68f 100644
--- a/qc_app/templates/select_platform.html
+++ b/qc_app/templates/select_platform.html
@@ -5,58 +5,58 @@
 {%block contents%}
 <h2 class="heading">{{filename}}: select platform</h2>
 
-<form method="POST" action="{{url_for('dbinsert.select_study')}}"
-      id="select-platform-form" data-genechips="{{genechips_data}}">
-  <input type="hidden" name="filename" value="{{filename}}" />
-  <input type="hidden" name="filetype" value="{{filetype}}" />
-  <input type="hidden" name="totallines" value="{{totallines}}" />
+<div class="row">
+  <form method="POST" action="{{url_for('dbinsert.select_study')}}"
+        id="select-platform-form" data-genechips="{{genechips_data}}">
+    <input type="hidden" name="filename" value="{{filename}}" />
+    <input type="hidden" name="filetype" value="{{filetype}}" />
+    <input type="hidden" name="totallines" value="{{totallines}}" />
 
-  <fieldset>
-    <label for="species" class="form-col-1">species</label>
-    <select id="species" name="species" class="form-col-2">
-      {%for row in species:%}
-      <option value="{{row['SpeciesId']}}"
-	      {%if row["Name"] == default_species:%}
-	      selected="selected"
-	      {%endif%}>
-	{{row["MenuName"]}}
-      </option>
-      {%endfor%}
-    </select>
-  </fieldset>
+    <div class="form-group">
+      <label for="species" class="form-label">species</label>
+      <select id="species" name="species" class="form-control">
+        {%for row in species:%}
+        <option value="{{row['SpeciesId']}}"
+	        {%if row["Name"] == default_species:%}
+	        selected="selected"
+	        {%endif%}>
+	  {{row["MenuName"]}}
+        </option>
+        {%endfor%}
+      </select>
+    </div>
 
-  <table id="genechips-table">
-    <thead>
-      <tr>
-	<th>Select</th>
-	<th>GeneChip ID</th>
-	<th>GeneChip Name</th>
-      </tr>
-    </thead>
+    <table id="genechips-table" class="table">
+      <caption>select platform</caption>
+      <thead>
+        <tr>
+	  <th>Select</th>
+	  <th>GeneChip ID</th>
+	  <th>GeneChip Name</th>
+        </tr>
+      </thead>
 
-    <tbody>
-      {%for chip in genechips:%}
-      <tr>
-	<td>
-	  <input type="radio" name="genechipid" value="{{chip['GeneChipId']}}"
-		 required="required" />
-	</td>
-	<td>{{chip["GeneChipId"]}}</td>
-	<td>{{chip["GeneChipName"]}}</td>
-      </tr>
-      {%else%}
-      <tr>
-	<td colspan="5">No chips found for selected species</td>
-      </tr>
-      {%endfor%}
-    </tbody>
-  </table>
+      <tbody>
+        {%for chip in genechips:%}
+        <tr>
+	  <td>
+	    <input type="radio" name="genechipid" value="{{chip['GeneChipId']}}"
+		   required="required" />
+	  </td>
+	  <td>{{chip["GeneChipId"]}}</td>
+	  <td>{{chip["GeneChipName"]}}</td>
+        </tr>
+        {%else%}
+        <tr>
+	  <td colspan="5">No chips found for selected species</td>
+        </tr>
+        {%endfor%}
+      </tbody>
+    </table>
 
-  <fieldset>
-    <input type="submit" class="btn btn-primary form-col-2"
-	   value="submit platform" />
-  </fieldset>
-</form>
+    <button type="submit" class="btn btn-primary">submit platform</button>
+  </form>
+</div>
 {%endblock%}
 
 {%block javascript%}
-- 
cgit v1.2.3