Collect metadata on the file

Collect details on which headers/headings in the file represent the
chromosomes, the markers, and the genetic and physical distances.

1 files changed, 80 insertions, 0 deletions

diff --git a/uploader/templates/genotypes/add-genotypes-records-csv.html b/uploader/templates/genotypes/add-genotypes-records-csv.html
index 3c0a705..95b35d8 100644
--- a/uploader/templates/genotypes/add-genotypes-records-csv.html
+++ b/uploader/templates/genotypes/add-genotypes-records-csv.html
@@ -69,6 +69,86 @@
     {{display_preview_table("tbl-preview-geno-records", "genotypes records")}}
   </div>
 </div>
+
+<div class="border rounded p-3 mb-3"
+     role="group"
+     aria-labelledby="file-inputs-group-label">
+  <div id="file-inputs-group-label" class="fw-bold mb-2">
+    Fields' Metadata
+  </div>
+
+  <div class="form-group">
+    <div class="row mb-3">
+      <label for="txt-markers-field"
+             class="col-sm-3 col-form-label">
+        markers' field</label>
+      <div class="col-sm-9">
+        <input id="txt-markers-field"
+               name="markers_field"
+               class="form-control"
+               type="text"
+               placeholder="e.g. Locus"
+               required="required"
+               title="Specify the header/heading in your file that lists the markers." />
+      </div>
+    </div>
+  </div>
+
+  <div class="form-group">
+    <div class="row mb-3">
+      <label for="txt-chromosomes-field"
+             class="col-sm-3 col-form-label">
+        Chromosomes' field
+      </label>
+      <div class="col-sm-9">
+        <input id="txt-chromosomes-field"
+               name="chromosomes_field"
+               class="form-control"
+               type="text"
+               placeholder="e.g. Chr"
+               required="required"
+               titles="Specify the header/heading in your file that lists the chromosomes." />
+      </div>
+    </div>
+  </div>
+
+  <div class="form-group">
+    <div class="row mb-3">
+      <label for="txt-centimorgans-field"
+             class="col-sm-3 col-form-label">
+        Linkage map field
+      </label>
+      <div class="col-sm-9">
+        <input id="txt-centimorgans-field"
+               name="centimorgans_field"
+               class="form-control"
+               type="text"
+               placeholder="e.g. cM"
+               required="required"
+               title="Specify the header/heading in your file that lists the genetic distances (in Centimorgans)." />
+      </div>
+    </div>
+  </div>
+
+  <div class="form-group">
+    <div class="row mb-3">
+      <label for="txt-megabases-field"
+             class="col-sm-3 col-form-label">
+        Physical map field
+      </label>
+      <div class="col-sm-9">
+        <input id="txt-megabases-field"
+               name="megabases_field"
+               class="form-control"
+               type="text"
+               placeholder="e.g. Mb"
+               required="required"
+               title="Specify the header/heading in your file that lists the physical distances (in Megabases)." />
+      </div>
+    </div>
+  </div>
+</div>
+
 {%endblock%}
 
 {%block page_documentation%}