forked from enviPath/enviPy
62 lines
2.5 KiB
HTML
62 lines
2.5 KiB
HTML
{% load static %}
|
|
<!-- Add Additional Information-->
|
|
<div id="add_additional_information_modal" class="modal" tabindex="-1">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
<h3 class="modal-title">Add Additional Information</h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
<select id="select-additional-information-type" data-actions-box='true' class="form-control" data-width='100%'>
|
|
<option selected disabled>Select the type to add</option>
|
|
{% for add_inf in available_additional_information %}
|
|
<option value="{{ add_inf.name }}">{{ add_inf.display_name }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
{% for add_inf in available_additional_information %}
|
|
<div class="aiform {{ add_inf.name }}" style="display: none;">
|
|
<form id="add_{{ add_inf.name }}_add-additional-information-modal-form" accept-charset="UTF-8"
|
|
action="" data-remote="true" method="post">
|
|
{% csrf_token %}
|
|
{{ add_inf.widget|safe }}
|
|
<input type="hidden" name="hidden" value="add-additional-information">
|
|
</form>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
|
<button type="button" class="btn btn-primary" id="add-additional-information-modal-submit">Add
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
$(function() {
|
|
|
|
$('#select-additional-information-type').change(function(e){
|
|
var selectedType = $("#select-additional-information-type :selected").val();
|
|
$('.aiform').hide();
|
|
$('.' + selectedType).show();
|
|
})
|
|
|
|
$('#add-additional-information-modal-submit').click(function(e){
|
|
e.preventDefault();
|
|
|
|
var selectedType = $("#select-additional-information-type :selected").val();
|
|
console.log(selectedType);
|
|
if (selectedType !== null && selectedType !== undefined && selectedType !== '') {
|
|
$('.' + selectedType + ' >form').submit();
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
</script>
|