<%-- Document : index Created on : 31/10/2015, 10:10:43 AM Author : fcelestino --%> <%@page contentType="text/html" pageEncoding="UTF-8"%> <%@ include file="validar.jsp" %> <!DOCTYPE html> <!--[if IE 8]> <html lang="en" class="ie8"> <![endif]--> <!--[if IE 9]> <html lang="en" class="ie9"> <![endif]--> <!--[if !IE]><!--> <html lang="es"> <!--<![endif]--> <!-- START @HEAD --> <head> <% //nom_tip_usu String cod_tip_usu=request.getParameter("cod_tip_usu"); String nom_tip_usu=request.getParameter("nom_tip_usu"); if(cod_tip_usu==null){ response.sendRedirect("principal.jsp"); } %> <!-- START @META SECTION --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="description" content="Blankon is a theme fullpack admin template powered by Twitter bootstrap 3 front-end framework. Included are multiple example pages, elements styles, and javascript widgets to get your project started."> <meta name="keywords" content="admin, admin template, bootstrap3, clean, fontawesome4, good documentation, lightweight admin, responsive dashboard, webapp"> <meta name="author" content="Djava UI"> <title>SISTEMA CUOTAS PAGO ACADEMIA</title> <link rel="icon" type="image/png" sizes="16x16" href="images/helicoide.png" /> <!--/ END META SECTION --> <!-- START @FAVICONS --> <!--<link href="../img/ico/apple-touch-icon-144x144-precomposed.png" rel="apple-touch-icon-precomposed" sizes="144x144">--> <!--<link href="../img/ico/apple-touch-icon-114x114-precomposed.png" rel="apple-touch-icon-precomposed" sizes="114x114">--> <!--<link href="../img/ico/apple-touch-icon-72x72-precomposed.png" rel="apple-touch-icon-precomposed" sizes="72x72">--> <!--<link href="../img/ico/apple-touch-icon-57x57-precomposed.png" rel="apple-touch-icon-precomposed">--> <!--<link href="../img/ico/apple-touch-icon.png" rel="shortcut icon">--> <!--/ END FAVICONS --> <!-- START @FONT STYLES --> <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700" rel="stylesheet"> <link href="http://fonts.googleapis.com/css?family=Oswald:700,400" rel="stylesheet"> <!--/ END FONT STYLES --> <!-- START @GLOBAL MANDATORY STYLES --> <link href="../assets/global/plugins/bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="../assets/global/plugins/bower_components/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.min.css" rel="stylesheet"> <!--/ END GLOBAL MANDATORY STYLES --> <!-- START @PAGE LEVEL STYLES --> <link href="../assets/global/plugins/bower_components/fontawesome/css/font-awesome.min.css" rel="stylesheet"> <link href="../assets/global/plugins/bower_components/animate.css/animate.min.css" rel="stylesheet"> <link href="../assets/global/plugins/bower_components/dropzone/downloads/css/dropzone.css" rel="stylesheet"> <link href="../assets/global/plugins/bower_components/jquery.gritter/css/jquery.gritter.css" rel="stylesheet"> <!--/ END PAGE LEVEL STYLES --> <link rel="stylesheet" href="validar/css/validationEngine.jquery.css" type="text/css"/> <!-- START @THEME STYLES --> <link href="../assets/admin/css/reset.css" rel="stylesheet"> <link href="../assets/admin/css/layout.css" rel="stylesheet"> <link href="../assets/admin/css/components.css" rel="stylesheet"> <link href="../assets/admin/css/plugins.css" rel="stylesheet"> <link href="../assets/admin/css/themes/red.theme.css" rel="stylesheet" id="theme"> <link href="../assets/admin/css/custom.css" rel="stylesheet"> <!--/ END THEME STYLES --> <!-- START @IE SUPPORT --> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="../assets/global/plugins/bower_components/html5shiv/dist/html5shiv.min.js"></script> <script src="../assets/global/plugins/bower_components/respond-minmax/dest/respond.min.js"></script> <![endif]--> <!--/ END IE SUPPORT --> <style> #popup-general .modal-dialog{ top: 40%; } .modal-dialog .form-body{ } .input-oculto{ width: 100% !important; background-color: transparent !important; border: transparent 0px !important; } .formError{ z-index: 30000; }.daterangepicker td.in-range { background: #BFEDF7; border-radius: 0; }.daterangepicker td.active, .daterangepicker td.active{ background-color: #8CC152; border-color: #8CC152; color: #fff; }.daterangepicker td.available:hover , .datepicker.th.available:hover{ background: #8CC152; color: #fff; } ul{ list-style:none; } </style> <style> .errorUsuario { font-size: 12px; font-style: italic; color: #e9573f; } .modal-photo-viewer .modal-content { position: relative; width: 900px; height: auto; margin-left: -50%; margin-top: -249px; }.modal-dialog { margin: 30px auto; } </style> </head> <!--/ END HEAD --> <!-- |=========================================================================================================================| | TABLE OF CONTENTS (Use search to find needed section) | |=========================================================================================================================| | 01. @HEAD | Container for all the head elements | | 02. @META SECTION | The meta tag provides metadata about the HTML document | | 03. @FAVICONS | Short for favorite icon, shortcut icon, website icon, tab icon or bookmark icon | | 04. @FONT STYLES | Font from google fonts | | 05. @GLOBAL MANDATORY STYLES | The main 3rd party plugins css file | | 06. @PAGE LEVEL STYLES | Specific 3rd party plugins css file | | 07. @THEME STYLES | The main theme css file | | 08. @IE SUPPORT | IE support of HTML5 elements and media queries | |=========================================================================================================================| | 09. @BODY | Contains all the contents of an HTML document | | 10. @WRAPPER | Wrapping page section | | 11. @HEADER | Header page section contains about logo, top navigation, notification menu | | 12. @SIDEBAR LEFT | Sidebar page section contains all sidebar menu left | | 13. @PAGE CONTENT | Contents page section contains breadcrumb, content page, footer page | | 14. @SIDEBAR RIGHT | Sidebar page section contains all sidebar menu right | | 15. @BACK TOP | Element back to top and action | |=========================================================================================================================| | 16. @CORE PLUGINS | The main 3rd party plugins script file | | 17. @PAGE LEVEL PLUGINS | Specific 3rd party plugins script file | | 18. @PAGE LEVEL SCRIPTS | The main theme script file | |=========================================================================================================================| START @BODY |=========================================================================================================================| | TABLE OF CONTENTS (Apply to body class) | |=========================================================================================================================| | 01. page-boxed | Page into the box is not full width screen | | 02. page-header-fixed | Header element become fixed position | | 03. page-sidebar-fixed | Sidebar element become fixed position with scroll support | | 04. page-sidebar-minimize | Sidebar element become minimize style width sidebar | | 05. page-footer-fixed | Footer element become fixed position with scroll support on page content | | 06. page-sound | For playing sounds on user actions and page events | |=========================================================================================================================| --> <body class="page-sound page-header-fixed page-sidebar-fixed" onload="cargar();"> <!--[if lt IE 9]> <p class="upgrade-browser">Upps!! You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/" target="_blank">upgrade your browser</a> to improve your experience.</p> <![endif]--> <!-- START @WRAPPER --> <section id="wrapper"> <!-- START @HEADER --> <%@ include file="banner.jsp" %> <!--/ END HEADER --> <!-- START @SIDEBAR LEFT |=========================================================================================================================| | TABLE OF CONTENTS (Apply to sidebar left class) | |=========================================================================================================================| | 01. sidebar-box | Variant style sidebar left with box icon | | 02. sidebar-rounded | Variant style sidebar left with rounded icon | | 03. sidebar-circle | Variant style sidebar left with circle icon | |=========================================================================================================================| --> <!-- <input id="codModulo" type="hidden" value="< %=menu!=null?menu.getCodModulo():""%>"> <input id="codCategoria" type="hidden" value="< %=menu!=null?menu.getCodCategoria():""%>">--> <input id="codTitulo" type="hidden" value='<%=menu != null ? menu.getCodigoTitulo() : ""%>'> <input id="codModulo" type="hidden" value='<%=menu != null ? menu.getCodigoModulo(): ""%>'> <input id="codCategoria" type="hidden" value='<%=menu != null ? menu.getCodigoCategoria(): ""%>'> <input id="codSubCategoria" type="hidden" value='<%=menu != null ? menu.getCodigoSubCategoria(): ""%>'> <%@ include file="menu.jsp" %> <!-- /#sidebar-left --> <!--/ END SIDEBAR LEFT --> <!-- START @PAGE CONTENT --> <section id="page-content"> <!-- Start page header --> <div class="header-content" id="formulario"> <h2><i class="fa fa-unlock-alt"></i>Permisos Tipo Usuario </h2> <div class="breadcrumb-wrapper hidden-xs"> <!-- <span class="label">You are here:</span> <ol class="breadcrumb"> <li class="active">Tipo Usuario</li> </ol> --> </div> </div><!-- /.header-content --> <!--/ End page header --> <!-- Start body content --> <div class="body-content animated fadeIn"> <div class="col-md-2"></div> <div class="col-md-8"> <div id="" class="row section scrollspy"> <div class="col-sm-12"> <div class="panel rounded shadow panel-blueDark panelborder"> <div class="panel-heading blue2"> <div class="pull-left"> <h3 class="panel-title"><i class="fa fa-bars "></i><%=nom_tip_usu %></h3> </div> <div class="clearfix"> </div> </div> <div id="Table"> </div> </div> </div> </div><!-- /.row --> </div> <div class="col-md-2"></div> <div class="row "> <div class="col-md-2"></div> <div class="col-md-8"> <div id="leyenda" style="display: none;" class="panel rounded shadow panel-blueDark panelborder"> <div class="panel-heading"> <div class="pull-left"> <h3 class="panel-title">Leyenda</h3> </div> <div class="pull-right"> <button class="btn btn-sm" data-action="collapse" data-toggle="tooltip" data-placement="top" data-title="Ocultar" data-original-title="" title=""><i class="fa fa-angle-up"></i></button> </div> <div class="clearfix"></div> </div><!-- /.panel-heading --> <div class="panel-body no-padding"> <!-- Start list notification --> <div class="media-list small"> <a class="media"> <div class="media-object pull-left"><i class="fa fa-bars bigger-140 blue"></i></div> <div class="media-body"> <span class="media-text">Permisos por Tipos de Usuario</span> <!--/ End meta icon --> </div><!-- /.media-body --> </a><!-- /.media --> <a class="media"> <div class="media-object pull-left"><i class="fa fa-lightbulb-o bigger-140 green"></i></div> <div class="media-body"> <span class="media-text">Usuario Activado</span> <!--/ End meta icon --> </div><!-- /.media-body --> </a><!-- /.media --> <a class="media"> <div class="media-object pull-left"><i class="fa fa-lightbulb-o bigger-140 red"></i></div> <div class="media-body"> <span class="media-text">Usuario Desactivado</span> <!--/ End meta icon --> </div><!-- /.media-body --> </a><!-- /.media --> <a class="media"> <div class="media-object pull-left"><i class="fa fa-pencil-square-o bigger-140 blue"></i></div> <div class="media-body"> <span class="media-text">Editar Usuario</span> <!--/ End meta icon --> </div><!-- /.media-body --> </a> </div> <!--/ End list notification --> </div><!-- /.panel-body --> </div> </div> <div class="col-md-2"></div> </div> </div><!-- /.body-content --> <!--/ End body content --> <!-- Start DIV POPUP --> <!-- <div id="popup-conformidad" data-backdrop="static" class="modal fade modal-center modal-saco" tabindex="-1" role="dialog" aria-hidden="true" ></div> <div id="popup-notificacion" class="modal fade modal-center modal-success" tabindex="-1" role="dialog" aria-hidden="true" ></div> <div id="popup-advertencia" class="modal fade modal-center modal-warning" tabindex="-1" role="dialog" aria-hidden="true" ></div> <div id="popup-error" class="modal fade modal-center modal-danger" tabindex="-1" role="dialog" aria-hidden="true" ></div> <div id="popup-general" class="modal fade bs-example-modal-form in modal-saco " tabindex="-1" role="dialog" aria-hidden="true" ></div>--> <!--/ End DIV POPUP --> <!-- Start footer content --> <%@ include file="footer.jsp" %> <!--/ End footer content --> </section><!-- /#page-content --> <!--/ END PAGE CONTENT --> <!-- START @SIDEBAR RIGHT --> <!--/ END SIDEBAR RIGHT --> </section><!-- /#wrapper --> <!--/ END WRAPPER --> <!-- START @BACK TOP --> <div id="back-top" class="animated pulse circle"> <i class="fa fa-angle-up"></i> </div><!-- /#back-top --> <!--/ END BACK TOP --> <section> <div id="popup-conformidad" data-backdrop="static" class="modal modal-center modal-saco animated flipInY prueba" tabindex="-1" role="dialog" aria-hidden="true" > </div> <div id="popup-notificacion" class="modal modal-center modal-success animated flipInY " tabindex="-1" role="dialog" aria-hidden="true" > </div> <div id="popup-advertencia" class="modal modal-center modal-warning animated flipInY " tabindex="-1" role="dialog" aria-hidden="true" > </div> <!-- Modal General --> <div id="popup-general" class="modal fade bs-example-modal-form in modal-saco " tabindex="-1" role="dialog" aria-hidden="true" > </div> </section> <!-- START JAVASCRIPT SECTION (Load javascripts at bottom to reduce load time) --> <!-- START @CORE PLUGINS --> <script src="../assets/global/plugins/bower_components/jquery/dist/jquery.min.js"></script> <script src="../assets/global/plugins/bower_components/jquery-cookie/jquery.cookie.js"></script> <script src="../assets/global/plugins/bower_components/bootstrap/dist/js/bootstrap.min.js"></script> <script src="../assets/global/plugins/bower_components/typehead.js/dist/handlebars.js"></script> <script src="../assets/global/plugins/bower_components/typehead.js/dist/typeahead.bundle.min.js"></script> <script src="../assets/global/plugins/bower_components/jquery-nicescroll/jquery.nicescroll.min.js"></script> <script src="../assets/global/plugins/bower_components/jquery.sparkline.min/index.js"></script> <script src="../assets/global/plugins/bower_components/jquery-easing-original/jquery.easing.1.3.min.js"></script> <script src="../assets/global/plugins/bower_components/ionsound/js/ion.sound.min.js"></script> <script src="../assets/global/plugins/bower_components/bootbox/bootbox.js"></script> <!--/ END CORE PLUGINS --> <!-- START @PAGE LEVEL PLUGINS --> <!--<script src="../assets/global/plugins/bower_components/bootstrap-session-timeout/dist/bootstrap-session-timeout.min.js"></script>--> <script src="../assets/global/plugins/bower_components/flot/jquery.flot.js"></script> <script src="../assets/global/plugins/bower_components/flot/jquery.flot.spline.min.js"></script> <script src="../assets/global/plugins/bower_components/flot/jquery.flot.categories.js"></script> <script src="../assets/global/plugins/bower_components/flot/jquery.flot.tooltip.min.js"></script> <script src="../assets/global/plugins/bower_components/flot/jquery.flot.resize.js"></script> <script src="../assets/global/plugins/bower_components/flot/jquery.flot.pie.js"></script> <script src="../assets/global/plugins/bower_components/dropzone/downloads/dropzone.min.js"></script> <script src="../assets/global/plugins/bower_components/jquery.gritter/js/jquery.gritter.min.js"></script> <script src="../assets/global/plugins/bower_components/skycons-html5/skycons.js"></script> <!--/ END PAGE LEVEL PLUGINS --> <!-- START @PAGE LEVEL SCRIPTS --> <script src="../assets/admin/js/apps.js"></script> <script src="../assets/admin/js/pages/blankon.dashboard.js"></script> <script src="../assets/admin/js/demo.js"></script> <script src="../assets/global/plugins/bower_components/bootstrap-switch/dist/js/bootstrap-switch.min.js"></script> <script src="validar/js/languages/jquery.validationEngine-es.js" type="text/javascript" charset="utf-8"></script> <script src="validar/js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script> <script> $(document).ready( function() { jQuery("#form-nuevo").validationEngine('attach', {promptPosition : "topLeft"}); jQuery("#form-busqueda").validationEngine('attach', {promptPosition : "topLeft"}); }); function segundaCarga(){ FormPermisos(<%=cod_tip_usu %>); } function FormPermisos(cod_tp_usuario){ $.ajax({ type: 'POST', url: '../ServletGestion?accion=generarFormPermisos', data: 'cod_tp_usuario='+cod_tp_usuario , beforeSend: function () { }, success: function (resultado) { $("#Table").html(resultado); }, complete: function () { var estado=[]; $("#tree2 >li>div> input").change(function (){ var a= $(this).prop("checked")? 1 : 0; var b =$(this).attr("id"); var id =b.replace("Menu-","CajaMenu-"); if(a==0){ $("#"+id+" >ul>li>div input").each(function (){ $(this).prop('checked',false); }); }else{ $("#"+id+" >ul>li>div input").each(function (){ $(this).prop('checked',true); }); } }); $("#tree2 >li>div> input").click(function (){ var b =$(this).attr("id"); var id =b.replace("Menu-","CajaMenu-"); var tipo=$(this).prop("type"); if(tipo=="radio"){ $(this).prop('type','checkbox'); $("#"+id).prop('class','ckbox ckbox-primary'); } }); function buscar(id){ $("#CajaMenu-"+id+" ul > li>div input").each(function (){ var a= $(this).prop("checked")? 1 : 0; estado.push(a); }); var index=estado.indexOf(1); var index2=estado.indexOf(0); if(index==-1){ $("#Menu-"+id).prop('checked',false); }else{ $("#Menu-"+id).prop('checked',true); } if(index2==-1){ $("#Menu-"+id).prop('type','checkbox'); $("#CajaMenu-"+id+" >div").prop('class','ckbox ckbox-primary'); }else{ $("#Menu-"+id).prop('type','radio'); $("#CajaMenu-"+id+" >div").prop('class','rdio rdio-primary'); } } $("#tree2 >li >ul >li>div input").change(function(){ var a=$(this).data("categoria") buscar(a); estado=[]; }); $("#tree2 >li >ul >li>div input").each(function(){ var a=$(this).data("categoria") buscar(a); estado=[]; }); } }); } function Confirmacion(){ var mensaje = "¿Esta seguro de cambiar los permisos de tipo usuario?"; var nomfuncion = "EstadosMenu()"; var width = "380"; $.ajax({ type: 'POST', url: '../ServletPopup?accion=popUpConformidad', data: 'mensaje='+mensaje+'&width='+width+'&nomfuncion='+nomfuncion+'&nomfuncion2=', beforeSend: function () { }, success: function (resultado) { $('#popup-conformidad').html(resultado); }, complete: function () { $("#popup-conformidad").removeClass('index'); ion.sound.play('pop_cork'); $("#popup-conformidad").modal({ backdrop: 'static', keyboard: false }); tooltips(); } }); } function EstadosMenu(){ var estadoM=[]; var idM=[]; var estadoS=[]; var idS=[]; $("#tree2 >li>div input").each(function (){ var a= $(this).prop("checked")? 1 : 0; var b= $(this).prop("id"); estadoM.push(a); idM.push(b.replace("Menu-","")) }); $("#tree2 >li>ul>li>div input").each(function (){ var a= $(this).prop("checked")? 1 : 0; var b= $(this).prop("id"); estadoS.push(a); idS.push(b.replace("SubMenu-","")); }) $.ajax({ type: 'POST', url: '../ServletGestion?accion=UpdateEstado', data: 'idM='+idM+'&estadoM='+estadoM+'&idS='+idS+'&estadoS='+estadoS, beforeSend: function () { }, success: function (resultado) { if(resultado==1){ mostrarCorrecto(); } }, complete: function () { } }); } function mostrarCorrecto(){ var mensaje = "La acción solicitada fue realizada correctamente."; var nomfuncion = "Volver()"; var width = "380"; $.ajax({ type: 'POST', url: '../ServletPopup?accion=popUpNotificacion', data: 'mensaje='+mensaje+'&width='+width+'&nomfuncion='+nomfuncion+'&nomfuncion2=', beforeSend: function () { }, success: function (resultado) { $('#popup-notificacion').html(resultado); }, complete: function () { $("#popup-notificacion").removeClass('index'); ion.sound.play('pop_cork'); $("#popup-notificacion").modal({ backdrop: 'static', keyboard: false }); tooltips(); } }); } function tooltips(){ if($('[data-toggle=tooltip]').length){ $('[data-toggle=tooltip]').tooltip({ animation: 'fade' }); } } function Volver(){ window.location.href='ges_menu.jsp'; } </script> <!--/ END PAGE LEVEL SCRIPTS --> <!--/ END JAVASCRIPT SECTION --> <!-- START GOOGLE ANALYTICS - -> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-55892530-1', 'auto'); ga('send', 'pageview'); </script> <!- -/ END GOOGLE ANALYTICS --> <div id="prueba"> </div> </body> <!--/ END BODY --> </html>