diff options
author | Frederick Muriuki Muriithi | 2024-06-12 16:38:54 -0500 |
---|---|---|
committer | Frederick Muriuki Muriithi | 2024-06-13 12:01:14 -0500 |
commit | f726c71bf1636a838f45363d1613763a2926e34f (patch) | |
tree | 8b5e0323106026abafa5cc0385a32df9df62f9e5 /qc_app/templates/samples/select-population.html | |
parent | 05402410638fc7dd678a6289ccd2a9ce11acc5e7 (diff) | |
download | gn-uploader-f726c71bf1636a838f45363d1613763a2926e34f.tar.gz |
Update html templates to use bootstrap for styling
Diffstat (limited to 'qc_app/templates/samples/select-population.html')
-rw-r--r-- | qc_app/templates/samples/select-population.html | 54 |
1 files changed, 23 insertions, 31 deletions
diff --git a/qc_app/templates/samples/select-population.html b/qc_app/templates/samples/select-population.html index 5d78826..da19ddc 100644 --- a/qc_app/templates/samples/select-population.html +++ b/qc_app/templates/samples/select-population.html @@ -13,33 +13,28 @@ (e.g. Inbred populations, cell tissue, etc.)</p> </div> -<hr /> - <form method="POST" action="{{url_for('samples.select_population', species_id=species.SpeciesId)}}"> <legend class="heading">select grouping/population</legend> {{flash_messages("error-select-population")}} <input type="hidden" name="species_id" value="{{species.SpeciesId}}" /> - <fieldset> - <label for="select:inbredset" class="form-col-1">grouping/population</label> + + <div class="form-group"> + <label for="select:inbredset" class="form-label">grouping/population</label> <select id="select:inbredset" name="inbredset_id" required="required" - class="form-col-2"> + class="form-control"> <option value="">Select a grouping/population</option> {%for pop in populations%} <option value="{{pop.InbredSetId}}"> {{pop.InbredSetName}} ({{pop.FullName}})</option> {%endfor%} </select> - </fieldset> + </div> - <fieldset> - <input type="submit" - value="select population" - class="btn btn-primary form-col-2" /> - </fieldset> + <button type="submit" class="btn btn-primary">select population</button> </form> <p style="color:#FE3535; padding-left:20em; font-weight:bolder;">OR</p> @@ -50,54 +45,51 @@ {{flash_messages("error-create-population")}} <input type="hidden" name="species_id" value="{{species.SpeciesId}}" /> - <fieldset> + <div class="form-group"> <legend>mandatory</legend> - <label for="txt:inbredset-name" class="form-col-1">name</label> + + <label for="txt:inbredset-name" class="form-label">name</label> <input id="txt:inbredset-name" name="inbredset_name" type="text" required="required" placeholder="Enter grouping/population name" - class="form-col-2" /> + class="form-control" /> - <label for="txt:" class="form-col-1">full name</label> + <label for="txt:" class="form-label">full name</label> <input id="txt:inbredset-fullname" name="inbredset_fullname" type="text" required = "required" placeholder="Enter the grouping/population's full name" - class="form-col-2" /> - </fieldset> - <fieldset> + class="form-control" /> + </div> + <div class="form-group"> <legend>Optional</legend> - <label for="num:public" class="form-col-1">public?</label> + <label for="num:public" class="form-label">public?</label> <input id="num:public" name="public" type="number" min="0" max="2" value="2" - class="form-col-2" /> + class="form-control" /> - <label for="txt:inbredset-family" class="form-col-1">family</label> + <label for="txt:inbredset-family" class="form-label">family</label> <input id="txt:inbredset-family" name="inbredset_family" type="text" placeholder="I am not sure what this is about." - class="form-col-2" /> + class="form-control" /> - <label for="txtarea:" class="form-col-1">Description</label> + <label for="txtarea:" class="form-label">Description</label> <textarea id="txtarea:description" name="description" rows="5" placeholder="Enter a description of this grouping/population" - class="form-col-2"></textarea> - </fieldset> - - <fieldset> - <input type="submit" - value="create grouping/population" - class="btn btn-primary form-col-2" /> - </fieldset> + class="form-control"></textarea> + </div> + + <button type="submit" class="btn btn-primary">create grouping/population</button> </form> {%endblock%} |