ddp/photoassistant
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make use of row / col consistent to fix up odd title/buttons wrong left-hand margin / sizing

Browse Source
This commit is contained in:
Damien De Paoli
2021-07-19 18:45:57 +10:00
parent eddc00d4a9
commit 7e360270a7
1 changed files with 14 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
templates/person.html
View File

@@ -31,19 +31,19 @@
</script> </script>
<div class="container-fluid"> <div class="container-fluid">
<h3 class="offset-lg-3">{{page_title}}</h3> <div class="row col-lg-12"><h3 class="offset-lg-3">{{page_title}}</h3></div>
<form id="pfm" class="form form-inline" action="" method="POST"> <form id="pfm" class="form form-inline" action="" method="POST">
{% for field in form %} {% for field in form %}
{% if field.type == 'HiddenField' or field.type == 'CSRFTokenField' %} {% if field.type == 'HiddenField' or field.type == 'CSRFTokenField' %}
{{field}}<br> {{field}}<br>
{% elif field.type != 'SubmitField' %} {% elif field.type != 'SubmitField' %}
<div class="form-row col-lg-12"> <div class="row col-lg-12">
{{ field.label( class="col-lg-3" ) }} {{ field.label( class="col-lg-3" ) }}
{{ field( class="form-control col" ) }} {{ field( class="form-control col" ) }}
</div class="form-row col-lg-12"> </div class="row col-lg-12">
{% endif %} {% endif %}
{% endfor %} {% endfor %}
<div class="form-row col-lg-12"> <div class="row col-lg-12">
<span class="col-lg-3"><center>Reference Images:</center></span> <span class="col-lg-3"><center>Reference Images:</center></span>
{% for refimg in person.refimg %} {% for refimg in person.refimg %}
{% set offset="" %} {% set offset="" %}
@@ -73,7 +73,7 @@
$(function() { DrawRefimg(im_{{refimg.id}}, c_{{refimg.id}}, orig_face_{{refimg.id}} ) }); $(function() { DrawRefimg(im_{{refimg.id}}, c_{{refimg.id}}, orig_face_{{refimg.id}} ) });
</script> </script>
<div style="position:absolute; top: 2; right: 2;"> <div style="position:absolute; top: 2px; right: 2px;">
<button type="button" style="font-size:12px" class="btn btn-danger" <button type="button" style="font-size:12px" class="btn btn-danger"
onClick="DelImg({{refimg.id}})">X</button> onClick="DelImg({{refimg.id}})">X</button>
</div> </div>
@@ -83,11 +83,11 @@
</center> </center>
</div id="/RI*"> </div id="/RI*">
{% endfor %} {% endfor %}
</div class="form-row col-lg-12"> </div class="row col-lg-12">
<div class="form-row col-lg-12"> <div class="row col-lg-12">
<br> <br>
</div class="form-row"> </div class="form-row">
<div class="form-row col-lg-12"> <div class="row col-lg-12">
{{ form.save( id="save", class="btn btn-primary offset-lg-3 col-lg-2" )}} {{ form.save( id="save", class="btn btn-primary offset-lg-3 col-lg-2" )}}
{% if 'Edit' in page_title %} {% if 'Edit' in page_title %}
{{ form.delete( class="btn btn-outline-danger col-lg-2" )}} {{ form.delete( class="btn btn-outline-danger col-lg-2" )}}
@@ -97,10 +97,12 @@
{% if person.id %} {% if person.id %}
<form id="new_ri" class="form" action="{{url_for('add_refimg')}}" method="POST" enctype="multipart/form-data"> <form id="new_ri" class="form" action="{{url_for('add_refimg')}}" method="POST" enctype="multipart/form-data">
<input type="hidden" name="person_id" value="{{person.id}}"></input> <input type="hidden" name="person_id" value="{{person.id}}"></input>
<div class="row col-lg-12">
<label class="btn btn-success offset-lg-3 col-lg-2"> <label class="btn btn-success offset-lg-3 col-lg-2">
Add reference image Add reference image
<input name="refimg_file" type="file" onChange="$('#new_ri').submit()" style="display:none;" id="new_file_chooser"> <input name="refimg_file" type="file" onChange="$('#new_ri').submit()" style="display:none;" id="new_file_chooser">
</label> </label>
</div class="row col-lg-12">
</form> </form>
{% endif %} {% endif %}
</div class="container"> </div class="container">