aswi2021mr-proper-gitlab/application/view/modals/addChangeModal.html @ 9359b9a1

<div id="edit-modal" class="modal fade" role="dialog">
    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Navrhnout změny</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <div class="container">
                    <div class="row my-1" id="password-wrapper">
                        <div class="col-xs-12 col-sm-4">
                            <label for="changeIdea">Návrh změn: <b class="required">*</b></label>
                        </div>
                        <div class="col-xs-12 col-sm-8">
                            <textarea class="min-wdth" id="changeIdea"></textarea>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" id="submit-but" class="btn btn-default" data-dismiss="modal">Založit</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">Zavřít</button>
            </div>
        </div>
    </div>
</div>

<script>
    $('#edit-modal').on('show.bs.modal', function (event) {
        const button = $(event.relatedTarget);
        const pseudo_id = button.data('pseudo-id');// Extract info from data-* attributes
        const title = button.data('title');// Extract info from data-* attributes

        let modal = $(this);

        prefill(modal);
        modal.find('#submit-but').click(() => createChange(modal, pseudo_id));

        enableSubmit(modal);
        modal.find("#changeIdea").change(() => enableSubmit(modal, true));
    });

    function enableSubmit(modal){
        if(modal.find("#changeIdea")[0].value === ""){
            modal.find("#submit-but").prop( "disabled", true );
        } else {
            modal.find("#submit-but").prop( "disabled", false );
        }
    }

    function prefill(modal, data = null){
        modal.find("#changeIdea").val("");
    }


    function createChange(modal, pseudo_id){
        const formData = new FormData();
        const changeIdea = modal.find("#changeIdea")[0].value;
        formData.append("message", changeIdea);
        formData.append("wordform_id", data[pseudo_id].id);

        var xhr = new XMLHttpRequest();
        xhr.open("POST", "./controller/CreateChangeRequestController.php");
        xhr.send(formData);
    }
</script>