aico-image-editor
Version:
Combine multiple image into and create single combined image
47 lines (41 loc) • 2.44 kB
HTML
<div class="modalParent" x-data="deleteConfirmModal">
<div class="modal fade pe-none" id="objectDeleteConfirmModal" aria-hidden="true" x-init="() => {
$store.elements.deleteObjectModalEL = $el;
$store.modal.createModal($el, $dispatch)
}">
<div class="modal-dialog modal-dialog-centered pe-auto">
<div class="modal-content">
<div class="block block-rounded shadow-none mb-0">
<div class="block-content p-0">
<img :src="deletePopupConfirmImage" class="img-fluid" width="530" height="200" alt="deleteimg"/>
</div>
<div class="block-content p-4">
<div class="text-center">
<p class="text-primary mb-4 fs-5 lh-sm" x-html="getTranslatedHTML('deleteConfirmationMessage')"></p>
<div class="row gx-2">
<div class="col">
<button type="button" data-bs-dismiss="modal" class="btn btn-lg btn-outline-primary w-100"
@click="$store.modal.closeModal($store.elements.deleteObjectModalEL)">
<span x-text="getTranslatedHTML('cancelText')"></span></button>
</div>
<div class="col">
<button type="button" class="btn btn-lg btn-danger w-100" data-bs-dismiss="modal" @click="() => {
$store.modal.closeModal($store.elements.deleteObjectModalEL)
$store.canvas.removeObject()
}">
<span x-text="getTranslatedHTML('deleteText')"></span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal-backdrop fade show d-none" @objectdeleteconfirmmodal-shown.window="($event) => {
$el.classList.remove('d-none');
}" @objectdeleteconfirmmodal-hidden.window="($event) => {
$el.classList.add('d-none');
}" @click="$store.modal.closeModal($store.elements.deleteObjectModalEL)"></div>
</div>