Skip to content

GitLab

M
musica_listas_topsify
Commit 172da9b7 authored by Cristian Mauricio Diaz Canales's avatar Cristian Mauricio Diaz Canales 💬
Browse files
Options

Botones deshabilitados para prevenr multiples clicks en front

parent 18d03f91
Hide whitespace changes
Inline Side-by-side
Showing with 118 additions and 104 deletions
templates/frontend/includes/modal_contratar_msisdn.html.twig
View file @ 172da9b7
<!-- Modal -->
<div class="modal fade" id="modalContratarMsisdn" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h4 id="modalTitleContratarMsisdn" class="modal-title modalTitleCustom">Contratar</h4>
<button type="button" class="close modalCloseCustom" data-dismiss="modal">&times;</button>
</div>
<div id="modalBodyCompra" class="modal-body">
<div id="modalBodyContratarContent">
<p>Contrata tu lista por un precio de <span id="precioContratar" style="font-weight: bold;">0</span> CLP</p>
<div class="row">
<div class="col-md-12">
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" onclick="contratarLista(event)" class="btn btn-success">Contratar</button>
<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="modalContratarMsisdn" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h4 id="modalTitleContratarMsisdn" class="modal-title modalTitleCustom">Contratar</h4>
<button type="button" class="close modalCloseCustom" data-dismiss="modal">&times;</button>
</div>
<div id="modalBodyCompra" class="modal-body">
<div id="modalBodyContratarContent">
<p>Contrata tu lista por un precio de <span id="precioContratar" style="font-weight: bold;">0</span> CLP</p>
<div class="row">
<div class="col-md-12">
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" id="btnContratarLista" onclick="contratarLista(event)" class="btn btn-success">Contratar</button>
<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
\ No newline at end of file
templates/frontend/includes/modal_des_contratar_lista.html.twig
View file @ 172da9b7
<!-- Modal -->
<div class="modal fade" id="modalDescontratarLista" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h4 id="modalTitleDescontratarLista" class="modal-title modalTitleCustom">Cancelar Suscripción</h4>
<button type="button" class="close modalCloseCustom" data-dismiss="modal">&times;</button>
</div>
<div id="modalBodyDescontratar" class="modal-body">
<div id="message-container-descontratacion"></div>
<div id="modalBodyDesContratarContent">
<p>Estas a punto de cancelar la suscripcion a la lista <span id="nombreListaContratada"></span></p>
<p>Esta seguro de realizar esta operación?</p>
</div>
</div>
<div class="modal-footer">
<button type="button" onclick="unsuscribe(event)" class="btn btn-success">Aceptar</button>
<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="modalDescontratarLista" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h4 id="modalTitleDescontratarLista" class="modal-title modalTitleCustom">Cancelar Suscripción</h4>
<button type="button" class="close modalCloseCustom" data-dismiss="modal">&times;</button>
</div>
<div id="modalBodyDescontratar" class="modal-body">
<div id="message-container-descontratacion"></div>
<div id="modalBodyDesContratarContent">
<p>Estas a punto de cancelar la suscripcion a la lista <span id="nombreListaContratada"></span></p>
<p>Esta seguro de realizar esta operación?</p>
</div>
</div>
<div class="modal-footer">
<button id="btnDescontratar" type="button" onclick="unsuscribe(event)" class="btn btn-success">Aceptar</button>
<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
\ No newline at end of file
templates/frontend/includes/modal_validar_msisdn.html.twig
View file @ 172da9b7
<!-- Modal -->
<div class="modal fade" id="modalValidarMsisdn" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h4 id="" class="modal-title modalTitleCustom">Cliente Entel</h4>
<button onclick="" type="button" class="close modalCloseCustom" data-dismiss="modal"></button>
</div>
<div id="" class="modal-body">
<div class="row">
<div class="col-md-12">
<p>Ingrese su número de teléfono para realizar la validación</p>
<div id="message-container-validar"></div>
<div id="message-container-info-validar"></div>
<form class="form-horizontal" action="/" method="post">
<div class="form-group">
<div class="col-md-12">
<input class="form-control focused" id="msisdn" name="msisdn" pattern=".{9,9}" required title="Debe ingresar 9 números" type="text" placeholder="Ej:974867425">
</div>
</div>
</form>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" onclick="validarMsisdn(event)" class="btn btn-danger">Validar</button>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="modalValidarMsisdn" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h4 id="" class="modal-title modalTitleCustom">Cliente Entel</h4>
<button onclick="" type="button" class="close modalCloseCustom" data-dismiss="modal"></button>
</div>
<div id="" class="modal-body">
<div class="row">
<div class="col-md-12">
<p>Ingrese su número de teléfono para realizar la validación</p>
<div id="message-container-validar"></div>
<div id="message-container-info-validar"></div>
<form class="form-horizontal" action="/" method="post">
<div class="form-group">
<div class="col-md-12">
<input class="form-control focused" id="msisdn" name="msisdn" pattern=".{9,9}" required title="Debe ingresar 9 números" type="text" placeholder="Ej:974867425">
</div>
</div>
</form>
</div>
</div>
</div>
<div class="modal-footer">
<button id="btnValidarMsisdn" type="button" onclick="validarMsisdn(event)" class="btn btn-danger">Validar</button>
</div>
</div>
</div>
</div>
\ No newline at end of file
templates/frontend/includes/modal_validar_pin.html.twig
View file @ 172da9b7
<!-- Modal -->
<div class="modal fade" id="modalValidarPin" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h4 id="" class="modal-title modalTitleCustom">Cliente Entel</h4>
<button type="button" class="close modalCloseCustom" data-dismiss="modal"></button>
</div>
<div id="" class="modal-body">
<div id="message-container-pin"></div>
<div id="message-container-info-pin"></div>
<p>Ingrese el Pin recibido por SMS en su teléfono entel</p>
<form class="form-horizontal" action="/" method="post">
<div class="form-group">
<div class="col-md-12">
<input class="form-control focused" id="pin" name="pin" type="text" placeholder="Ej: 1234">
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" onclick="validarPin(event)" class="btn btn-danger">Validar</button>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="modalValidarPin" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h4 id="" class="modal-title modalTitleCustom">Cliente Entel</h4>
<button type="button" class="close modalCloseCustom" data-dismiss="modal"></button>
</div>
<div id="" class="modal-body">
<div id="message-container-pin"></div>
<div id="message-container-info-pin"></div>
<p>Ingrese el Pin recibido por SMS en su teléfono entel</p>
<form class="form-horizontal" action="/" method="post">
<div class="form-group">
<div class="col-md-12">
<input class="form-control focused" id="pin" name="pin" type="text" placeholder="Ej: 1234">
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button id="btnValidarPin" type="button" onclick="validarPin(event)" class="btn btn-danger">Validar</button>
</div>
</div>
</div>
</div>
\ No newline at end of file
templates/frontend/index.html.twig
View file @ 172da9b7
......@@ -66,6 +66,7 @@
var formData = new FormData();
var url = "{{path('front_validar_msisdn')}}";
formData.append("msisdn", $("#msisdn").val());
$("#btnValidarMsisdn").prop("disabled", true);
$.ajax
({
type: "POST",
......@@ -93,6 +94,8 @@
});
},
});
$("#btnValidarMsisdn").prop("disabled", false);
}
......@@ -102,6 +105,7 @@
var url = "{{path('front_validar_pin')}}";
formData.append("msisdn", $("#msisdn").val());
formData.append("pin", $("#pin").val());
$("#btnValidarPin").prop("disabled",true);
$.ajax
({
type: "POST",
......@@ -125,6 +129,7 @@
window.location.replace(redirectUrl);
}
});
$("#btnValidarPin").prop("disabled",false);
}
</script>
......@@ -258,6 +263,7 @@
var formData = new FormData();
formData.append("msisdn", msisdn);
formData.append("lisId", idListaContratar);
$("#btnDescontratar").prop("disabled", true);
$.ajax
({
type: "POST",
......@@ -287,7 +293,12 @@
//actualizarMisListas();
//actualizarListas();
},
complete: function(){
$("#btnDescontratar").prop("disabled", false);
}
});
}
function closeCurrentList(event) {
......@@ -505,6 +516,7 @@
var formData = new FormData();
formData.append("msisdn", msisdn);
formData.append("lisId", idListaContratar);
$("#btnContratarLista").prop("disabled",true);
$.ajax
({
type: "POST",
......@@ -545,6 +557,8 @@
//actualizarListas();
}
});
$("#btnContratarLista").prop("disabled",false);
}
function actualizarMisListas() {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment