Commit 24f5b390 by Billy Larru

avance de mostrar modal con sweet alert 2

parent cafd229d
...@@ -174,7 +174,7 @@ btn-green{ ...@@ -174,7 +174,7 @@ btn-green{
padding-right: 15px; padding-right: 15px;
} }
/*JQUERY CONFIRMATION*/ /*JQUERY CONFIRMATION*/
.jconfirm .jconfirm-box.jconfirm-type-blue{ .jconfirm .jconfirm-box.jconfirm-type-blue{
border-top: solid 7px #3ba4ce; border-top: solid 7px #3ba4ce;
} }
...@@ -182,7 +182,7 @@ btn-green{ ...@@ -182,7 +182,7 @@ btn-green{
color: #3ba4ce !important; color: #3ba4ce !important;
} }
/*HEADER*/ /*HEADER*/
.tp-header-right-table-button{ .tp-header-right-table-button{
width: 180px; width: 180px;
} }
...@@ -260,3 +260,8 @@ table.display tbody tr:hover td { ...@@ -260,3 +260,8 @@ table.display tbody tr:hover td {
.dataTable thead .sorting_asc:after { .dataTable thead .sorting_asc:after {
content: '' !important; content: '' !important;
} }
/*xd*/
.sweet-alert.sweetalert-lg { width: 1200px; }
.sweet-alert { margin: auto; transform: translateX(-50%); }
\ No newline at end of file
...@@ -311,4 +311,20 @@ $().ready(function () { ...@@ -311,4 +311,20 @@ $().ready(function () {
$("#btnCancelar").click(cancelar); $("#btnCancelar").click(cancelar);
$("#btnGuardarCambios").click(guardarCambios); $("#btnGuardarCambios").click(guardarCambios);
$("#btnRegistrar").click(registrarRolPolicia); $("#btnRegistrar").click(registrarRolPolicia);
axios.get("modals/policias/mantenimientoRol/detalleRol.jspf").then((response) => {
swal({
title: '<strong>Detalle de rol</strong>',
// type: 'info',
html: response.data,
showCloseButton: true,
showCancelButton: true,
focusConfirm: false,
confirmButtonText: '<i class="fa fa-thumbs-up"></i> Great!',
confirmButtonAriaLabel: 'Thumbs up, great!',
cancelButtonText: 'Cancelar',
cancelButtonAriaLabel: 'Thumbs down',
width: '30%'
})
});
}); });
\ No newline at end of file
...@@ -7,6 +7,7 @@ ...@@ -7,6 +7,7 @@
<!--template-core--> <!--template-core-->
<!--css de la pagina--> <!--css de la pagina-->
<link href="../plantilla/assets/css/extras/animate.min.css" rel="stylesheet" type="text/css"> <link href="../plantilla/assets/css/extras/animate.min.css" rel="stylesheet" type="text/css">
<link href="../css/lib/sweetalert2.min.css" rel="stylesheet" type="text/css"/>
<!--css--> <!--css-->
</head> </head>
<body> <body>
...@@ -902,6 +903,7 @@ ...@@ -902,6 +903,7 @@
<script src="../js/lib/jquery-ui.multidatespicker.js"></script> <script src="../js/lib/jquery-ui.multidatespicker.js"></script>
<script src="../plantilla/assets/js/plugins/extensions/contextmenu.js"></script> <script src="../plantilla/assets/js/plugins/extensions/contextmenu.js"></script>
<script src="../js/lib/lodash.js" type="text/javascript"></script> <script src="../js/lib/lodash.js" type="text/javascript"></script>
<script src="../js/lib/sweetalert2.min.js" type="text/javascript"></script>
<script src="../js/lib/axios.min.js" type="text/javascript"></script> <script src="../js/lib/axios.min.js" type="text/javascript"></script>
<script src="../js/pages/crearRolPolicia.js"></script> <script src="../js/pages/crearRolPolicia.js"></script>
......
<form>
ttulo:<br>
<input id="input1" type="text" name="input1"><br>
cuerpo:<br>
<input id="input2" type="text" name="input2">
</form>
<button id="boton" type="button">filtrar</button>
<!-- Basic modal --> <!-- Basic modal -->
<div id="modal_tombo_remote" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div id="modal-header" class="modal-header bg-primary">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h5 id="modal-title" class="modal-title">Detalle de Rol</h5>
</div>
<div id="modal_body_tombo2" class="modal-body">
<div id="detalle_rol"> <div id="detalle_rol">
<div class="col-md-5"> <div class="col-md-5">
<div class="row"> <div class="row">
...@@ -132,9 +123,9 @@ ...@@ -132,9 +123,9 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div id="editar_rol" class="hidden"> <div id="editar_rol" class="hidden">
<div class="row "> <div class="row ">
<div class="col-md-6 form-group"> <div class="col-md-6 form-group">
<label>Da</label> <label>Da</label>
...@@ -172,18 +163,8 @@ ...@@ -172,18 +163,8 @@
<textarea name="" id="" cols="5" rows="5" placeholder="Ingrese el motivo..." class="form-control"></textarea> <textarea name="" id="" cols="5" rows="5" placeholder="Ingrese el motivo..." class="form-control"></textarea>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="modal-footer">
<div id="botones-editar" class="text-center hidden">
<button class="btn btn-success" id="btnGuardarCambios"><i class="fa fa-search"></i> Guardar Cambios</button>&nbsp;
<button class="btn btn-warning" id="btnCancelar"><i class="fa fa-eraser"></i> Cancelar</button>
</div>
<button type="button" class="btn btn-primary" data-dismiss="modal" id="btnCerrar">Cerrar</button>
</div>
</div>
</div>
</div>
<!-- /basic modal --> <!-- /basic modal -->
\ No newline at end of file
<form>
ttulo:<br>
<input id="input1" type="text" name="input1"><br>
cuerpo:<br>
<input id="input2" type="text" name="input2">
</form>
<button id="boton" type="button">filtrar</button>
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