xref: /webtrees/resources/views/modals/create-repository.phtml (revision 2a12145e7f760890eda12b3daadeb18fbf63c238)

<?php use Fisharebest\Webtrees\I18N; ?>

<form action="<?= e(route('create-repository')) ?>" id="wt-modal-form" method="POST">
    <?= csrf_field() ?>
    <input type="hidden" name="ged" value="<?= e($tree->name()) ?>">

    <?= view('modals/header', ['title' => I18N::translate('Create a repository')]) ?>

    <div class="modal-body">
        <?= view('modals/repository-fields') ?>
    </div>

    <?= view('modals/footer-save-cancel') ?>
</form>

<script>
    // Submit the modal form using AJAX
    document.getElementById("wt-modal-form").addEventListener("submit", function (event) {
        event.preventDefault();
        let form          = event.target;
        let modal_content = document.querySelector("#wt-ajax-modal .modal-content");
        let select        = document.getElementById(modal_content.dataset.selectId);

        $.ajax({
            url:         form.action,
            type:        form.method,
            data:        new FormData(form),
            async:       false,
            cache:       false,
            contentType: false,
            processData: false,
            success:     function (data) {
                if (select) {
                    // If this modal was activated by the "new" button in a select2
                    // edit control, then insert the result and select it.
                    let option       = new Option(data.text, data.id, true, true);
                    option.innerHTML = option.innerText;

                    $(select)
                        .select2()
                        .empty()
                        .append(option)
                        .trigger("change");

                    $("#wt-ajax-modal").modal("hide");
                } else {
                    modal_content.innerHTML = data.html;
                }
            },
            failure:     function (data) {
                modal_content.innerHTML = data.html;
            },
        });
    });
</script>