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{ ...@@ -34,43 +34,43 @@ btn-green{
/******/ /******/
.fix-label{ .fix-label{
width: 100%; width: 100%;
text-align: left; text-align: left;
font-size: 13px; font-size: 13px;
font-weight: 500; font-weight: 500;
} }
/* PAGE-HEADER */ /* PAGE-HEADER */
.page-title{ .page-title{
padding: 16px 36px 16px 0; padding: 16px 36px 16px 0;
} }
/* ACTIVE LINK */ /* ACTIVE LINK */
.navigation > li > ul li:first-child{ .navigation > li > ul li:first-child{
padding-top: 0; padding-top: 0;
} }
/* ACTIVE LINK */ /* ACTIVE LINK */
.navigation > li > ul li:last-child{ .navigation > li > ul li:last-child{
padding-bottom: 0; padding-bottom: 0;
} }
.navbar-header{ .navbar-header{
width: 200px; width: 200px;
} }
.media-left, .media > .pull-left{ .media-left, .media > .pull-left{
padding-right: 0; padding-right: 0;
} }
/* USER CONTENT */ /* USER CONTENT */
.tp-sidebar-category-content{ .tp-sidebar-category-content{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
text-align: center; text-align: center;
background: url("../img/user_background.jpg") no-repeat center; background: url("../img/user_background.jpg") no-repeat center;
background-size: cover; background-size: cover;
box-shadow: inset 0px 0px 13px 0px rgba(0,0,0,0.75) box-shadow: inset 0px 0px 13px 0px rgba(0,0,0,0.75)
} }
...@@ -82,26 +82,26 @@ btn-green{ ...@@ -82,26 +82,26 @@ btn-green{
/* SIDEBAR NAVIGATION */ /* SIDEBAR NAVIGATION */
.navigation > li ul li a{ .navigation > li ul li a{
padding: 8px 52px; padding: 8px 52px;
min-height: 36px; min-height: 36px;
} }
.navigation > li > a{ .navigation > li > a{
padding: 8px 20px 8px 16px; padding: 8px 20px 8px 16px;
min-height: 36px; min-height: 36px;
} }
.navigation .navigation-header{ .navigation .navigation-header{
padding: 10px 16px; padding: 10px 16px;
} }
.navigation > li.active > a, .navigation > li.active > a:hover, .navigation > li.active > a:focus{ .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 */ /* PANELES */
.panel-heading{ .panel-heading{
padding: 9px 15px; padding: 9px 15px;
} }
/* SIDEBAR */ /* SIDEBAR */
...@@ -112,113 +112,113 @@ btn-green{ ...@@ -112,113 +112,113 @@ btn-green{
/* NAVBAR */ /* NAVBAR */
.navbar-inverse{ .navbar-inverse{
background-color: var(--primary-color-dark); background-color: var(--primary-color-dark);
border: none; border: none;
} }
/* TABLA */ /* 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{ .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{ .table tr, .table th, .table td, .htContextMenu td, .ranges ul li{
height: 30px; height: 30px;
} }
.datatable-header{ .datatable-header{
padding-top: 0px; padding-top: 0px;
} }
/* BOTONES */ /* BOTONES */
.btn{ .btn{
padding: 5px 8px; padding: 5px 8px;
} }
/* HEADING ELEMENTS */ /* HEADING ELEMENTS */
.heading-elements{ .heading-elements{
margin-top: -16px; margin-top: -16px;
} }
@media only screen and (max-width: 768px){ @media only screen and (max-width: 768px){
.panel-heading .visible-elements{ .panel-heading .visible-elements{
margin: 15px -15px 0 -15px; margin: 15px -15px 0 -15px;
} }
.panel .visible-elements{ .panel .visible-elements{
padding: 8px; padding: 8px;
} }
.sidebar-mobile-main .sidebar-main, .sidebar-mobile-secondary .sidebar-secondary, .sidebar-mobile-opposite .sidebar-opposite, .sidebar-mobile-detached .sidebar-detached > .sidebar{ .sidebar-mobile-main .sidebar-main, .sidebar-mobile-secondary .sidebar-secondary, .sidebar-mobile-opposite .sidebar-opposite, .sidebar-mobile-detached .sidebar-detached > .sidebar{
width: 100%; width: 100%;
} }
.sidebar-user + .sidebar-category .navigation{ .sidebar-user + .sidebar-category .navigation{
padding-bottom: 0; padding-bottom: 0;
} }
.sidebar-content{ .sidebar-content{
padding-bottom: 0px; padding-bottom: 0px;
} }
} }
/* BREADCRUMBS */ /* BREADCRUMBS */
.breadcrumb{ .breadcrumb{
padding: 7px 0; padding: 7px 0;
} }
/* MODALES */ /* MODALES */
.modal-header[class*=bg-]{ .modal-header[class*=bg-]{
padding: 9px 15px; padding: 9px 15px;
} }
/* MEDIA OBJECTS */ /* MEDIA OBJECTS */
.media-left, .media > .pull-left{ .media-left, .media > .pull-left{
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;
} }
.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c{ .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{ .tp-header-right-table-button{
width: 180px; width: 180px;
} }
.tp-header-right-table-button > i{ .tp-header-right-table-button > i{
font-size: 20px; font-size: 20px;
} }
@media only screen and (min-width: 769px) { @media only screen and (min-width: 769px) {
.sidebar{ .sidebar{
width: 200px; width: 200px;
} }
.navbar-header{ .navbar-header{
min-width: 200px; min-width: 200px;
} }
.sidebar-xs .sidebar-main .navigation > li > a > span{ .sidebar-xs .sidebar-main .navigation > li > a > span{
background-color:var(--primary-color); background-color:var(--primary-color);
border: 1px solid var(--primary-color); border: 1px solid var(--primary-color);
right: -200px; right: -200px;
width: 200px; width: 200px;
padding: 7px 20px; padding: 7px 20px;
} }
.sidebar-xs .sidebar-main .navigation > li.active > ul{ .sidebar-xs .sidebar-main .navigation > li.active > ul{
position: absolute; position: absolute;
top: 36px; top: 36px;
width: 200px; width: 200px;
right: -200px; right: -200px;
} }
.sidebar-xs .sidebar-main .navigation > li > ul{ .sidebar-xs .sidebar-main .navigation > li > ul{
position: absolute; position: absolute;
top: 36px; top: 36px;
width: 200px; width: 200px;
right: -200px; right: -200px;
} }
} }
/* /*
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
...@@ -231,32 +231,37 @@ btn-green{ ...@@ -231,32 +231,37 @@ btn-green{
}*/ }*/
table.display tbody tr:hover td { table.display tbody tr:hover td {
background-color: #B0B8B7 !important; background-color: #B0B8B7 !important;
} }
.datatable-scroll{ .datatable-scroll{
border-top: 1px solid #bbbbbb9c; border-top: 1px solid #bbbbbb9c;
border-bottom: 0px; border-bottom: 0px;
} }
.dataTables_info { .dataTables_info {
float: left; float: left;
padding: 13px 0; padding: 13px 0;
margin-bottom: 0px; margin-bottom: 0px;
} }
.dataTables_paginate { .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 { .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 { .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{ .table{
width: 100% !important; width: 100% !important;
} }
.dataTable thead .sorting_asc:after { .dataTable thead .sorting_asc:after {
content: '' !important; content: '' !important;
} }
\ No newline at end of file
/*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 () { ...@@ -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
src/main/webapp/vistas/crearRolPolicia.jsp
...@@ -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>
......
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