aboutsummaryrefslogtreecommitdiff
path: root/qc_app/templates/rqtl2/select-tissue.html
diff options
context:
space:
mode:
authorFrederick Muriuki Muriithi2024-03-29 13:14:14 +0300
committerFrederick Muriuki Muriithi2024-03-29 13:14:14 +0300
commit6326357250711650bc8b4c0b90f8c0b94d72c39e (patch)
tree26bfb9f169f45176dbc439839b7d96d07de52627 /qc_app/templates/rqtl2/select-tissue.html
parent62e54fd5b457d67f3f01a35e28eae94d653d9908 (diff)
downloadgn-uploader-6326357250711650bc8b4c0b90f8c0b94d72c39e.tar.gz
Add UI to select/create tissue.
Diffstat (limited to 'qc_app/templates/rqtl2/select-tissue.html')
-rw-r--r--qc_app/templates/rqtl2/select-tissue.html112
1 files changed, 112 insertions, 0 deletions
diff --git a/qc_app/templates/rqtl2/select-tissue.html b/qc_app/templates/rqtl2/select-tissue.html
new file mode 100644
index 0000000..6f7d134
--- /dev/null
+++ b/qc_app/templates/rqtl2/select-tissue.html
@@ -0,0 +1,112 @@
+{%extends "base.html"%}
+{%from "flash_messages.html" import flash_messages%}
+
+{%block title%}Upload R/qtl2 Bundle{%endblock%}
+
+{%block contents%}
+<h2 class="heading">Tissue</h2>
+
+<div class="explainer">
+ <p>The data you are uploading concerns a tissue, cell, organ, or other
+ biological material used in an experiment.</p>
+ <p>Select the appropriate biological material below</p>
+</div>
+
+{%if tissues | length > 0%}
+<form method="POST"
+ action="{{url_for('upload.rqtl2.select_tissue',
+ species_id=species.SpeciesId, population_id=population.Id)}}"
+ id="frm:select-probeset-dataset">
+ <legend class="heading">Select from existing ProbeSet datasets</legend>
+ {{flash_messages("error-select-tissue")}}
+
+ <input type="hidden" name="species_id" value="{{species.SpeciesId}}" />
+ <input type="hidden" name="population_id"
+ value="{{population.InbredSetId}}" />
+ <input type="hidden" name="rqtl2_bundle_file"
+ value="{{rqtl2_bundle_file}}" />
+ <input type="hidden" name="geno-dataset-id" value="{{geno_dataset.Id}}" />
+
+ <fieldset>
+ <label for="select-tissue">Tissue</label>
+ <select id="select-tissue"
+ name="tissueid"
+ required="required"
+ {%if tissues | length == 0%}disabled="disabled"{%endif%}>
+ <option value="">Select a tissue</option>
+ {%for tissue in tissues%}
+ <option value={{tissue.Id}}>
+ {{tissue.Name}}
+ {%if tissue.Short_Name%}
+ -- ({{tissue.Short_Name}})
+ {%endif%}
+ </option>
+ {%endfor%}
+ </select>
+
+ <span class="form-col-2">Select from existing biological material.</span>
+ </fieldset>
+
+ <fieldset>
+ <input type="submit"
+ value="use selected"
+ class="btn btn-main form-col-2" />
+ </fieldset>
+</form>
+
+<p style="color:#FE3535; padding-left:20em; font-weight:bolder;">OR</p>
+{%endif%}
+
+<div class="explainer">
+ <p>If you cannot find the biological material in the drop-down above, add it
+ to the system below.</p>
+</div>
+
+<form method="POST"
+ action="{{url_for('upload.rqtl2.create_tissue',
+ species_id=species.SpeciesId, population_id=population.Id)}}"
+ id="frm:create-probeset-dataset">
+ <legend class="heading">Add new tissue, organ or biological material</legend>
+ {{flash_messages("error-create-tissue")}}
+
+ <input type="hidden" name="species_id" value="{{species.SpeciesId}}" />
+ <input type="hidden" name="population_id"
+ value="{{population.InbredSetId}}" />
+ <input type="hidden" name="rqtl2_bundle_file"
+ value="{{rqtl2_bundle_file}}" />
+ <input type="hidden" name="geno-dataset-id" value="{{geno_dataset.Id}}" />
+
+ <fieldset>
+ <label for="tissue-name">name</label>
+ <input type="text"
+ id="txt-tissuename"
+ name="tissuename"
+ required="required"
+ title = "A name to identify the tissue, organ or biological material." />
+
+ <span class="form-col-2">
+ A name to identify the tissue, organ or biological material.
+ </span>
+ </fieldset>
+
+ <fieldset>
+ <label for="txt-shortname">short name</label>
+ <input type="text" id="txt-tissueshortname" name="tissueshortname"
+ required="required"
+ maxlength="7"
+ title="A short name (e.g. 'Mam') for the biological material." />
+
+ <span class="form-col-2">
+ Provide a short name for the tissue, organ or biological material used in
+ the experiment.
+ </span>
+ </fieldset>
+
+ <fieldset>
+ <input type="submit"
+ value="add new material"
+ class="btn btn-main form-col-2" />
+ </fieldset>
+</form>
+
+{%endblock%}