forked from enviPath/enviPy
f9cc71d375
Initial bayer app Show Pack Classification Adjusted docker compose to bayer specifics Adjusted Dockerfile for Bayer Adding secret flags to group, add secret pools to packages Adjusted View for Package creation Prep configs, added Package Create Modal wip More on PES wip wip Wip minor PW interactions API PES wip Make Select Widget reflect required make required generallay available Update UI if pathway mode is set to build Added ais circle adjustments Initial Zoom, fix AD Creation wip auth log, bb4g fix missing import Added viz hint if PES is part of reaction Add Edge check for pes flip boolean ... pes Added extra ... In / Out Edges Viz, Submitting Button Text ...
114 lines
3.1 KiB
HTML
114 lines
3.1 KiB
HTML
{% load static %}
|
|
<!-- Delete Node -->
|
|
<dialog
|
|
id="delete_pathway_node_modal"
|
|
class="modal"
|
|
x-data="modalForm({ state: { selectedNode: '', imageUrl: '' } })"
|
|
@modal-opened.window="
|
|
const el = d3.select('circle.highlighted').node();
|
|
|
|
if (el !== null) {
|
|
const selectElement = document.getElementById('delete_pathway_node_nodes');
|
|
|
|
for (let option of selectElement.options) {
|
|
if (option.value === el.__data__.url) {
|
|
option.selected = true;
|
|
break;
|
|
}
|
|
}
|
|
|
|
selectElement.dispatchEvent(new Event('change'));
|
|
}
|
|
"
|
|
@close="reset()"
|
|
>
|
|
<div class="modal-box">
|
|
<!-- Header -->
|
|
<h3 class="text-lg font-bold">Delete Node</h3>
|
|
|
|
<!-- Close button (X) -->
|
|
<form method="dialog">
|
|
<button
|
|
class="btn btn-sm btn-circle btn-ghost absolute top-2 right-2"
|
|
:disabled="isSubmitting"
|
|
>
|
|
✕
|
|
</button>
|
|
</form>
|
|
|
|
<!-- Body -->
|
|
<div class="py-4">
|
|
<p class="mb-4">
|
|
Deletes the Node. Edges having this Node as Substrate or Product will be
|
|
removed as well.
|
|
</p>
|
|
<form
|
|
id="delete-pathway-node-modal-form"
|
|
accept-charset="UTF-8"
|
|
action=""
|
|
method="post"
|
|
>
|
|
{% csrf_token %}
|
|
<div class="form-control">
|
|
<label class="label" for="delete_pathway_node_nodes">
|
|
<span class="label-text">Select Compound to delete</span>
|
|
</label>
|
|
<select
|
|
id="delete_pathway_node_nodes"
|
|
name="node-url"
|
|
class="select select-bordered w-full"
|
|
x-model="selectedNode"
|
|
@change="imageUrl = selectedNode ? selectedNode + '?image=svg' : ''"
|
|
required
|
|
>
|
|
<option value="" disabled selected>
|
|
Select Compound to delete
|
|
</option>
|
|
{% for n in pathway.nodes %}
|
|
<option value="{{ n.url }}">
|
|
{{ n.default_node_label.name|safe }}
|
|
</option>
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
<input type="hidden" id="hidden" name="hidden" value="delete" />
|
|
</form>
|
|
|
|
<!-- Image Preview -->
|
|
<div class="mt-4" x-show="imageUrl" x-cloak>
|
|
<img :src="imageUrl" class="w-full" alt="Node preview" />
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<div class="modal-action">
|
|
<button
|
|
type="button"
|
|
class="btn"
|
|
onclick="this.closest('dialog').close()"
|
|
:disabled="isSubmitting"
|
|
>
|
|
Close
|
|
</button>
|
|
<button
|
|
type="button"
|
|
class="btn btn-error"
|
|
@click="setFormAction('delete-pathway-node-modal-form', selectedNode); submit('delete-pathway-node-modal-form')"
|
|
:disabled="isSubmitting || !selectedNode"
|
|
>
|
|
<span x-show="!isSubmitting">Delete</span>
|
|
<span
|
|
x-show="isSubmitting"
|
|
class="loading loading-spinner loading-sm"
|
|
></span>
|
|
<span x-show="isSubmitting">Deleting...</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Backdrop -->
|
|
<form method="dialog" class="modal-backdrop">
|
|
<button :disabled="isSubmitting">close</button>
|
|
</form>
|
|
</dialog>
|