<%--
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>
<!-- 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 -->
<!-- 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{
overflow-y: scroll;
overflow-x: inherit;
max-height: 470px;
}
.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-check"></i>Reporte <span> Cierre Diario</span></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">
<form id="form-nuevo">
<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-list-alt"></i>Cierre Diario</h3>
</div>
<div class="clearfix"> </div>
</div>
<div class="panel-body">
<br>
<div class="row">
<div class="form-group">
<div class="col-md-7"></div>
<div class="col-sm-3">
<button type="button" href="javascript:void(0);" data-toggle="tooltip" class="btn btn-foursquare " onclick="CierreDiario()">Generar</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- /.row -->
</div>
<div class="col-md-2"></div>
</form>
<div id="Table">
</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>
<div id="popup-general" class="bootbox modal fade modal-danger modal-center in" tabindex="-1" role="dialog" style="display: none;"></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>
<div id="popup-error" class="modal modal-center modal-danger 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>
function segundaCarga(){
ListarCierreDiario(1);
}//#
function CierreDiario(){
var mes_actual="";
var dia_actual="";
var f = new Date();
var dia_actual=f.getDate();
var mes_actual=(f.getMonth()+1);
if (f.getDate()<10){
dia_actual="0"+f.getDate();
}else{
dia_actual=f.getDate();
}
if((f.getMonth()+1)<10){
mes_actual="0"+(f.getMonth()+1);
}else{
mes_actual=f.getMonth()+1
}
var fecha_c= dia_actual+'/'+(mes_actual)+'/'+f.getFullYear();
var fecha=[];
var a ;
$("#ObtenerFecha >tr").each(function(index,row){
fecha.push(row.cells[2].getElementsByTagName("input")[0].value);
});
if(fecha[0]==fecha_c){
ErrorCierre();
}else{
var mensaje = "¿Está seguro de Generar el cierre diario?<br>Recuerde que estará bajo su responsabilidad";
var nomfuncion = "PanelGenerarCierre();";
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 PanelGenerarCierre(){
//ObtenerFecha
var icono = "fa-bars"; // icono del popUp ej. fa-pencil
var titulo = "Generar Cierre Diario"; //titulo del popUp
var idpopUp = "contenido"; // id en donde aparecera tu formulario
var width = "800"; // ancho del popUp por default 900
$.ajax({
type: 'POST',
url: '../ServletPopup?accion=popUpGeneral',
data: 'icono=' + icono + '&titulo=' + titulo + '&idpopUp=' + idpopUp + '&width=' + width ,
beforeSend: function () {
}, success: function (resultado) {
$('#popup-general').html(resultado);
}, complete: function () {
armarFormCierreDiario(idpopUp);
}
});
}
function armarFormCierreDiario(idpopUp){
$.ajax({
type: 'POST',
url: '../ServletMatriculados?accion=generarFormNuevaCierreDiario',
data: '',
beforeSend: function () {
}, success: function (resultado) {
$("#" + idpopUp + "").html(resultado);
}, complete: function () {
$("#popup-general").removeClass('index');
ion.sound.play('pop_cork');
$("#popup-general").modal({
keyboard: false
});
tooltips();
// convertirDateTimePickerDoble();
// convertirDateTimePicker();
}
});
}
function tooltips(){
if($('[data-toggle=tooltip]').length){
$('[data-toggle=tooltip]').tooltip({
animation: 'fade'
});
}
}
function soloNumeros(e) {
var charCode = (e.which) ? e.which : e.keyCode
if (charCode > 31 && (charCode < 48 || charCode > 57) && charCode!=46)
return false;
return true;
}
function frmAccionCorrecta(estado,fecha,Hora,cod_dep,dep){
//GENERAR FORMULARIO DE ACTIVAR PENSION =3
var mensaje = "La accion solicitada fue realizada correctamente";
var nomfuncion = "ListarCierreDiario(1);";
var width = "380";
$.ajax({
type: 'POST',
url: '../ServletPopup?accion=popUpNotificacion',
data: 'mensaje='+mensaje+'&width='+width+'&nomfuncion='+nomfuncion+'&nomfuncion2=',
beforeSend: function () {
ImprimirBoletaCierreDiario(estado,fecha,Hora,cod_dep,dep);
}, 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();
}
});
}
/////////////////////////////////////////////////////////////////////////////IMPRIMIR//////////////////////////////////////////////////////////////////////////
function ImprimirBoletaCierreDiario(estado,fecha,Hora,cod_dep,dep,fecha_cierre){
var w = window.open('BoletaCierreDiario.html', '_blank');
w.cod_sede=<%=usuario.getCodigoSede()%>;
w.nom_usu='<%=usuario.getNombre() %>';
w.cod_usu=<%=usuario.getCodigoUsuario() %>
w.nom_sede=$("#session_sede option:selected ").text();
if(estado==1){
w.deposito=$("#MontoDeposito").val();
w.cod_deposito=$("#CodigoOperacion").val();
}else {
w.deposito=dep;
w.cod_deposito=cod_dep;
}
w.estado=estado;
w.fecha_boleto=fecha;
w.hora_boleto=Hora;
$("#popup-general .modal-dialog .modal-content .modal-header button[data-dismiss='modal']").click();
}
function ListarCierreDiario(pagina){
var cod_sede=<%=usuario.getCodigoSede()%>;
$.ajax({
type: 'POST',
url: '../ServletMatriculados?accion=ListarCierreDiario',
data: 'cod_sede='+cod_sede+'&pagina='+pagina,
beforeSend: function () {
}, success: function (resultado) {
$('#Table').html(resultado);
}, complete: function () {
}
});
}
function ErrorCierre(){
var mensaje="El Cierre ya fue Generado";
var width="380";
var nomfuncion="";
$.ajax({
type: 'POST',
url: '../ServletPopup?accion=popUpError',
data: 'mensaje=' + mensaje + '&width=' + width + '&nomfuncion=' + nomfuncion ,
beforeSend: function () {
}, success: function (resultado) {
$('#popup-error').html(resultado);
}, complete: function () {
$("#popup-error").removeClass('index');
ion.sound.play('pop_cork');
$("#popup-error").modal({
backdrop: 'static',
keyboard: false
});
}
});
}
</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 -->
</body>
<!--/ END BODY -->
</html>