Skip to content

A
Asistencia
Commit 24f5b390 by Billy Larru
Options

avance de mostrar modal con sweet alert 2

parent cafd229d
Showing with 132 additions and 94 deletions
src/main/webapp/css/general.css
......@@ -34,43 +34,43 @@ btn-green{
/******/
.fix-label{
width: 100%;
text-align: left;
font-size: 13px;
font-weight: 500;
width: 100%;
text-align: left;
font-size: 13px;
font-weight: 500;
}
/* PAGE-HEADER */
.page-title{
padding: 16px 36px 16px 0;
padding: 16px 36px 16px 0;
}
/* ACTIVE LINK */
.navigation > li > ul li:first-child{
padding-top: 0;
padding-top: 0;
}
/* ACTIVE LINK */
.navigation > li > ul li:last-child{
padding-bottom: 0;
padding-bottom: 0;
}
.navbar-header{
width: 200px;
width: 200px;
}
.media-left, .media > .pull-left{
padding-right: 0;
padding-right: 0;
}
/* USER CONTENT */
.tp-sidebar-category-content{
display: flex;
flex-direction: column;
text-align: center;
background: url("../img/user_background.jpg") no-repeat center;
background-size: cover;
box-shadow: inset 0px 0px 13px 0px rgba(0,0,0,0.75)
display: flex;
flex-direction: column;
text-align: center;
background: url("../img/user_background.jpg") no-repeat center;
background-size: cover;
box-shadow: inset 0px 0px 13px 0px rgba(0,0,0,0.75)
}
......@@ -82,26 +82,26 @@ btn-green{
/* SIDEBAR NAVIGATION */
.navigation > li ul li a{
padding: 8px 52px;
min-height: 36px;
padding: 8px 52px;
min-height: 36px;
}
.navigation > li > a{
padding: 8px 20px 8px 16px;
min-height: 36px;
padding: 8px 20px 8px 16px;
min-height: 36px;
}
.navigation .navigation-header{
padding: 10px 16px;
padding: 10px 16px;
}
.navigation > li.active > a, .navigation > li.active > a:hover, .navigation > li.active > a:focus{
background-color: var(--primary-color);
background-color: var(--primary-color);
}
/* PANELES */
.panel-heading{
padding: 9px 15px;
padding: 9px 15px;
}
/* SIDEBAR */
......@@ -112,113 +112,113 @@ btn-green{
/* NAVBAR */
.navbar-inverse{
background-color: var(--primary-color-dark);
border: none;
background-color: var(--primary-color-dark);
border: none;
}
/* TABLA */
.table-xxs > thead > tr > th, .table-xxs > tbody > tr > th, .table-xxs > tfoot > tr > th, .table-xxs > thead > tr > td, .table-xxs > tbody > tr > td, .table-xxs > tfoot > tr > td{
padding: 2px 10px;
padding: 2px 10px;
}
.table tr, .table th, .table td, .htContextMenu td, .ranges ul li{
height: 30px;
height: 30px;
}
.datatable-header{
padding-top: 0px;
padding-top: 0px;
}
/* BOTONES */
.btn{
padding: 5px 8px;
padding: 5px 8px;
}
/* HEADING ELEMENTS */
.heading-elements{
margin-top: -16px;
margin-top: -16px;
}
@media only screen and (max-width: 768px){
.panel-heading .visible-elements{
margin: 15px -15px 0 -15px;
}
.panel .visible-elements{
padding: 8px;
}
.panel-heading .visible-elements{
margin: 15px -15px 0 -15px;
}
.panel .visible-elements{
padding: 8px;
}
.sidebar-mobile-main .sidebar-main, .sidebar-mobile-secondary .sidebar-secondary, .sidebar-mobile-opposite .sidebar-opposite, .sidebar-mobile-detached .sidebar-detached > .sidebar{
width: 100%;
}
.sidebar-mobile-main .sidebar-main, .sidebar-mobile-secondary .sidebar-secondary, .sidebar-mobile-opposite .sidebar-opposite, .sidebar-mobile-detached .sidebar-detached > .sidebar{
width: 100%;
}
.sidebar-user + .sidebar-category .navigation{
padding-bottom: 0;
}
.sidebar-user + .sidebar-category .navigation{
padding-bottom: 0;
}
.sidebar-content{
padding-bottom: 0px;
}
.sidebar-content{
padding-bottom: 0px;
}
}
/* BREADCRUMBS */
.breadcrumb{
padding: 7px 0;
padding: 7px 0;
}
/* MODALES */
.modal-header[class*=bg-]{
padding: 9px 15px;
padding: 9px 15px;
}
/* MEDIA OBJECTS */
.media-left, .media > .pull-left{
padding-right: 15px;
padding-right: 15px;
}
/*JQUERY CONFIRMATION*/
/*JQUERY CONFIRMATION*/
.jconfirm .jconfirm-box.jconfirm-type-blue{
border-top: solid 7px #3ba4ce;
border-top: solid 7px #3ba4ce;
}
.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c{
color: #3ba4ce !important;
color: #3ba4ce !important;
}
/*HEADER*/
/*HEADER*/
.tp-header-right-table-button{
width: 180px;
width: 180px;
}
.tp-header-right-table-button > i{
font-size: 20px;
font-size: 20px;
}
@media only screen and (min-width: 769px) {
.sidebar{
width: 200px;
}
.navbar-header{
min-width: 200px;
}
.sidebar-xs .sidebar-main .navigation > li > a > span{
background-color:var(--primary-color);
border: 1px solid var(--primary-color);
right: -200px;
width: 200px;
padding: 7px 20px;
}
.sidebar-xs .sidebar-main .navigation > li.active > ul{
position: absolute;
top: 36px;
width: 200px;
right: -200px;
}
.sidebar-xs .sidebar-main .navigation > li > ul{
position: absolute;
top: 36px;
width: 200px;
right: -200px;
}
.sidebar{
width: 200px;
}
.navbar-header{
min-width: 200px;
}
.sidebar-xs .sidebar-main .navigation > li > a > span{
background-color:var(--primary-color);
border: 1px solid var(--primary-color);
right: -200px;
width: 200px;
padding: 7px 20px;
}
.sidebar-xs .sidebar-main .navigation > li.active > ul{
position: absolute;
top: 36px;
width: 200px;
right: -200px;
}
.sidebar-xs .sidebar-main .navigation > li > ul{
position: absolute;
top: 36px;
width: 200px;
right: -200px;
}
}
/*
@media only screen and (max-width: 768px) {
......@@ -231,32 +231,37 @@ btn-green{
}*/
table.display tbody tr:hover td {
background-color: #B0B8B7 !important;
background-color: #B0B8B7 !important;
}
.datatable-scroll{
border-top: 1px solid #bbbbbb9c;
border-bottom: 0px;
border-top: 1px solid #bbbbbb9c;
border-bottom: 0px;
}
.dataTables_info {
float: left;
padding: 13px 0;
margin-bottom: 0px;
float: left;
padding: 13px 0;
margin-bottom: 0px;
}
.dataTables_paginate {
margin: 5px 0 5px 0;
margin: 5px 0 5px 0;
}
.table-xxs > thead > tr > th, .table-xxs > tbody > tr > th, .table-xxs > tfoot > tr > th, .table-xxs > thead > tr > td, .table-xxs > tbody > tr > td, .table-xxs > tfoot > tr > td {
padding: 3px 15px;
padding: 3px 15px;
}
.table-sm > thead > tr > th, .table-sm > tbody > tr > th, .table-sm > tfoot > tr > th, .table-sm > thead > tr > td, .table-sm > tbody > tr > td, .table-sm > tfoot > tr > td {
padding: 5px 15px;
padding: 5px 15px;
}
.table{
width: 100% !important;
width: 100% !important;
}
.dataTable thead .sorting_asc:after {
content: '' !important;
}
\ No newline at end of file
content: '' !important;
}
/*xd*/
.sweet-alert.sweetalert-lg { width: 1200px; }
.sweet-alert { margin: auto; transform: translateX(-50%); }
\ No newline at end of file
src/main/webapp/js/pages/crearRolPolicia.js
......@@ -311,4 +311,20 @@ $().ready(function () {
$("#btnCancelar").click(cancelar);
$("#btnGuardarCambios").click(guardarCambios);
$("#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
src/main/webapp/vistas/crearRolPolicia.jsp
......@@ -7,6 +7,7 @@
<!--template-core-->
<!--css de la pagina-->
<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-->
</head>
<body>
......@@ -902,6 +903,7 @@
<script src="../js/lib/jquery-ui.multidatespicker.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/sweetalert2.min.js" type="text/javascript"></script>
<script src="../js/lib/axios.min.js" type="text/javascript"></script>
<script src="../js/pages/crearRolPolicia.js"></script>
......
src/main/webapp/vistas/modals/newjsp.jspf 0 → 100644
<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>
src/main/webapp/vistas/newjsp.jsp 0 → 100644
<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