forked from enviPath/enviPy
90 lines
2.5 KiB
HTML
90 lines
2.5 KiB
HTML
{% load static %}
|
|
<!-- Delete Edge -->
|
|
<div id="delete_pathway_edge_modal" class="modal" tabindex="-1">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h3 class="modal-title">Delete Edge</h3>
|
|
<button
|
|
type="button"
|
|
class="close"
|
|
data-dismiss="modal"
|
|
aria-label="Close"
|
|
>
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
Deletes the Edge. Nodes referenced by this edge will remain.
|
|
<p></p>
|
|
<form
|
|
id="delete-pathway-edge-modal-form"
|
|
accept-charset="UTF-8"
|
|
action=""
|
|
data-remote="true"
|
|
method="post"
|
|
>
|
|
{% csrf_token %}
|
|
<select
|
|
id="delete_pathway_edge_edges"
|
|
name="edge-url"
|
|
data-actions-box="true"
|
|
class="form-control"
|
|
data-width="100%"
|
|
>
|
|
<option value="" disabled selected>
|
|
Select Reaction to delete
|
|
</option>
|
|
{% for e in pathway.edges %}
|
|
<option value="{{ e.url }}">{{ e.edge_label.name|safe }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
<input type="hidden" id="hidden" name="hidden" value="delete" />
|
|
</form>
|
|
<p></p>
|
|
<div id="delete_pathway_edge_image"></div>
|
|
</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="delete-pathway-edge-modal-submit"
|
|
>
|
|
Delete
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
$(function () {
|
|
$("#delete_pathway_edge_edges").selectpicker();
|
|
|
|
$("#delete_pathway_edge_edges").on("change", function (e) {
|
|
edge_url = $("#delete_pathway_edge_edges option:selected").val();
|
|
|
|
if (edge_url !== "") {
|
|
$("#delete_pathway_edge_image").empty();
|
|
$("#delete_pathway_edge_image").append(
|
|
"<img width='100%' src='" + edge_url + "?image=svg'>",
|
|
);
|
|
}
|
|
});
|
|
|
|
$("#delete-pathway-edge-modal-submit").click(function (e) {
|
|
e.preventDefault();
|
|
edge_url = $("#delete_pathway_edge_edges option:selected").val();
|
|
|
|
if (edge_url === "") {
|
|
return;
|
|
}
|
|
|
|
$("#delete-pathway-edge-modal-form").attr("action", edge_url);
|
|
$("#delete-pathway-edge-modal-form").submit();
|
|
});
|
|
});
|
|
</script>
|