forked from enviPath/enviPy
93 lines
2.6 KiB
HTML
93 lines
2.6 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>
|