El planteamiento es: tengo los distintos pedidos, a los cuales se les necesita aprobar o rechazar. En cualquiera de las 2 opciones se carga un modal para aprobar y rechazar respectivamente. Ahora, cuando confirmo que quiero realizar la acción la pantalla se bloquea por completo hasta que refresque la página (cabe destacar que sí funciona la aprobación o rechazo)
Este es el código del modal
<div id="approveProductModal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<form name="approve_product" id="approve_product">
<div class="modal-header">
<h4 class="modal-title">Aprobar Orden de Compra</h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body">
<p>¿Seguro que quieres aprobar este registro?</p>
<p class="text-warning"><small>Esta acción no se puede deshacer.</small></p>
<input type="hidden" name="approve_id" id="approve_id">
</div>
<div class="modal-footer">
<input type="button" class="btn btn-default" data-dismiss="modal" value="Cancelar">
<input type="submit" class="btn btn-success" value="Aprobar">
</div>
</form>
</div>
</div>
</div>
CODIGO DEL BOTON DE APROBAR
if($total < $presupuesto ){
// DELETE FROM database
$sql = "UPDATE tblCompras SET estado = '1' WHERE id='".$id."'";
$query = mysqli_query($con,$sql);
// if product has been added successfully
if ($query) {
$messages[] = "La orden de compra ha sido aprobada con éxito.";
} else {
$errors[] = "Lo sentimos, la aprobación falló. Por favor, regrese y vuelva a intentarlo.";
}
}else{
$errors[] = "Sobrepasa el presupuesto permitido para su departamento.";
}
} else
{
$errors[] = "desconocido.";
}
if (isset($errors)){
?>
<div class="alert alert-danger" role="alert">
<button type="button" class="close" data-dismiss="alert">×</button>
<strong>Error!</strong>
<?php
foreach ($errors as $error) {
echo $error;
}
?>
</div>
<?php
}
if (isset($messages)){
?>
<div class="alert alert-success" role="alert">
<button type="button" class="close" data-dismiss="alert">×</button>
<strong>¡Bien hecho!</strong>
<?php
foreach ($messages as $message) {
echo $message;
}
?>
</div>
<?php
}
La pantalla bloqueada después de confirmar
Alguien sabe cómo podría solucionar esto?
Archivo main.js:
jQuery(function ($) {
// Dropdown menu
$(".sidebar-dropdown > a").click(function () {
$(".sidebar-submenu").slideUp(200);
if ($(this).parent().hasClass("active")) {
$(".sidebar-dropdown").removeClass("active");
$(this).parent().removeClass("active");
} else {
$(".sidebar-dropdown").removeClass("active");
$(this).next(".sidebar-submenu").slideDown(200);
$(this).parent().addClass("active");
}
});
//toggle sidebar
$("#toggle-sidebar").click(function () {
$(".page-wrapper").toggleClass("toggled");
});
//Pin sidebar
$("#pin-sidebar").click(function () {
if ($(".page-wrapper").hasClass("pinned")) {
// unpin sidebar when hovered
$(".page-wrapper").removeClass("pinned");
$("#sidebar").unbind( "hover");
} else {
$(".page-wrapper").addClass("pinned");
$("#sidebar").hover(
function () {
console.log("mouseenter");
$(".page-wrapper").addClass("sidebar-hovered");
},
function () {
console.log("mouseout");
$(".page-wrapper").removeClass("sidebar-hovered");
}
)
}
});
//toggle sidebar overlay
$("#overlay").click(function () {
$(".page-wrapper").toggleClass("toggled");
});
//switch between themes
var themes = "default-theme legacy-theme chiller-theme ice-theme cool-theme light-theme";
$('[data-theme]').click(function () {
$('[data-theme]').removeClass("selected");
$(this).addClass("selected");
$('.page-wrapper').removeClass(themes);
$('.page-wrapper').addClass($(this).attr('data-theme'));
});
// switch between background images
var bgs = "bg1 bg2 bg3 bg4";
$('[data-bg]').click(function () {
$('[data-bg]').removeClass("selected");
$(this).addClass("selected");
$('.page-wrapper').removeClass(bgs);
$('.page-wrapper').addClass($(this).attr('data-bg'));
});
// toggle background image
$("#toggle-bg").change(function (e) {
e.preventDefault();
$('.page-wrapper').toggleClass("sidebar-bg");
});
// toggle border radius
$("#toggle-border-radius").change(function (e) {
e.preventDefault();
$('.page-wrapper').toggleClass("boder-radius-on");
});
//custom scroll bar is only used on desktop
if (!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
$(".sidebar-content").mCustomScrollbar({
axis: "y",
autoHideScrollbar: true,
scrollInertia: 300
});
$(".sidebar-content").addClass("desktop");
}
});
id
que contiene la modal, y a este le aplicas.remove()
una vez oprimes cualquiera de los botones que contienen la acciones Guardar-Cancelar, claro, suponiendo que estés usando Js o JQuery, de esta forma:$('#addProductModal').remove();