aswi2021mr-proper-gitlab/application/view/modals/removeChangeModal.html @ af2e04cd

<div id="remove-modal" class="modal fade" role="dialog">
	<div class="modal-dialog modal-dialog-centered" role="document">
		<div class="modal-content">
			 <div class="modal-header">
					<h4 class="modal-title">Potvrdit odstranění</h4>
					<button type="button" class="close" data-dismiss="modal">&times;</button>
			 </div>
			 <div class="modal-body">
				<div class="container">
					<div class="row">
                        <p id="mesBody"></p>
                    </div>
				</div>
			 </div>
			 <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal" onclick="removeChange(document.getElementById('idToRemoveInput').value)">Ano</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">Ne</button>
				<input type="hidden" id="idToRemoveInput" />
			</div>
		</div>
	</div>
</div>

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

        const data_obj = changes[pseudo_id];
        let modal = $(this);
		console.log(data_obj);
		modal.find('#mesBody').text("Opravdu chcete odstranit návrh změny?");
		modal.find('#idToRemoveInput').val(data_obj.changeid); //assign id to delete to hidden input
    });

	function removeChange(id){
		const data = new FormData(); //to pass ids, which we want to delete from DB
		data.append("requestId", ""+id); //id to delete from table dd_wordform

		let xhr = new XMLHttpRequest();
		xhr.open("POST", "./controller/RemoveChangeRequest.php");
		xhr.send(data);
		setTimeout(function(){
			fetchChanges(); //reload data after item delete
		}, 500);
	}
</script>