added reference image class, also tweaked DB classes to have foreign keys, so you cant delete a person connected to a file (tested). Also made refimg class do some quirky bootstrap/jquery to get file dialogs not looking like crap
This commit is contained in:
69
templates/refimg.html
Normal file
69
templates/refimg.html
Normal file
@@ -0,0 +1,69 @@
|
||||
{% extends "base.html" %}
|
||||
{% block main_content %}
|
||||
<div class="container">
|
||||
<h3 class="offset-lg-2">{{page_title}}</h3>
|
||||
<div class="row">
|
||||
<form class="form form-inline col-xl-12" action="" method="POST">
|
||||
{% for field in form %}
|
||||
{% if field.type == 'HiddenField' or field.type == 'CSRFTokenField' %}
|
||||
{{field}}<br>
|
||||
{% elif field.type != 'SubmitField' %}
|
||||
<div class="form-row col-lg-12">
|
||||
{% if 'Edit' in page_title %}
|
||||
{{ field.label( class="col-lg-2" ) }}
|
||||
<div class="input-group col-lg-8">
|
||||
<div class="input-group-prepend">
|
||||
<input id="fname_id" type="hidden" name="fname" value="{{field.data}}">
|
||||
</div>
|
||||
<div class="input-group-append">
|
||||
<span id="fname_span" name="fname" class="form-control">{{field.data}}</span>
|
||||
<label class="btn btn-outline-primary">
|
||||
Change File
|
||||
<input type="file" onChange="DoMagic()" style="display: none;" id="new_file_chooser">
|
||||
</label>
|
||||
</div class="input-group-append">
|
||||
{% else %}
|
||||
{{ field.label( class="col-lg-2" ) }}
|
||||
<input id="fname_id" type="hidden" name="fname" value="{{field.data}}">
|
||||
<div class="input-group col-lg-8">
|
||||
<div class="input-group-prepend">
|
||||
<span id="fname_span" name="fname" class="form-control">{{field.data}}</span>
|
||||
</div>
|
||||
<div class="input-group-append">
|
||||
<label class="btn btn-outline-primary">
|
||||
Choose File
|
||||
<input type="file" onChange="DoMagic()" style="display:none;" id="new_file_chooser">
|
||||
</label>
|
||||
</div class="input-group-append">
|
||||
</div>
|
||||
{% endif %}
|
||||
</div class="form-row col-lg-12">
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<div class="row col-lg-12">
|
||||
<br>
|
||||
</div class="row">
|
||||
<div class="form-row col-lg-12">
|
||||
{{ form.submit( class="btn btn-primary offset-lg-2 col-lg-2" )}}
|
||||
{% if 'Edit' in page_title %}
|
||||
{{ form.delete( class="btn btn-outline-danger col-lg-2" )}}
|
||||
{% endif %}
|
||||
</div class="form-row">
|
||||
</form>
|
||||
</div class="row">
|
||||
</div class="container">
|
||||
{% endblock main_content %}
|
||||
|
||||
{% block script_content %}
|
||||
<script>
|
||||
function DoMagic() {
|
||||
str=$("#new_file_chooser").val()
|
||||
console.log(str)
|
||||
str=str.replace('C:\\fakepath\\', '' )
|
||||
console.log(str)
|
||||
$("#fname_span").html(str)
|
||||
$("#fname_id").val(str)
|
||||
$("#new_file_chooser").val('')
|
||||
}
|
||||
</script>
|
||||
{% endblock script_content %}
|
||||
Reference in New Issue
Block a user