<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ include file="validar.jsp" %>
<!DOCTYPE html>
<html lang="es">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta charset="utf-8" />
<title>:::SISTEMA DE HORARIOS:::</title>
<meta name="description" content="overview & stats" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<link rel="stylesheet" href="../assets/css/bootstrap.css" />
<link rel="stylesheet" href="../assets/css/font-awesome.css" />
<link rel="stylesheet" href="../assets/css/jquery-ui.css" />
<link rel="stylesheet" href="../assets/css/ace-fonts.css" />
<link rel="stylesheet" href="../assets/css/ace.css" class="ace-main-stylesheet" id="main-ace-style" />
<script src="../assets/js/ace-extra.js"></script>
<!-- inline scripts related to this page -->
<script type="text/javascript" language="javascript">
/*$(document).ready( function() {
jQuery("#registroEncuesta").validationEngine();
});*/
</script>
</head>
<body class="no-skin" onLoad="cargar();">
<!-- #section:basics/navbar.layout -->
<div id="navbar" class="navbar navbar-default">
<script type="text/javascript">
try{ace.settings.check('navbar' , 'fixed')}catch(e){}
</script>
<div class="navbar-container" id="navbar-container">
<%@ include file="banner.jsp" %>
</div><!-- /.navbar-container -->
</div>
<!-- /section:basics/navbar.layout -->
<div class="main-container" id="main-container">
<script type="text/javascript">
try{ace.settings.check('main-container' , 'fixed')}catch(e){}
</script>
<!-- #section:basics/sidebar -->
<div id="sidebar" class="sidebar responsive">
<script type="text/javascript">
try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
</script>
<input id="codModulo" type="hidden" value="<%=menu!=null?menu.getCodModulo():""%>">
<input id="codCategoria" type="hidden" value="<%=menu!=null?menu.getCodCategoria():""%>">
<%@ include file="menu.jsp" %>
<!-- #section:basics/sidebar.layout.minimize -->
<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
<i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
</div>
<!-- /section:basics/sidebar.layout.minimize -->
<script type="text/javascript">
try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
</script>
</div>
<!-- /section:basics/sidebar -->
<div class="main-content">
<div class="main-content-inner">
<!-- #section:basics/content.breadcrumbs -->
<div class="breadcrumbs" id="breadcrumbs">
<script type="text/javascript">
try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
</script>
<ul class="breadcrumb">
<li>
<i class="ace-icon fa fa-home home-icon"></i>
<a href="principal.jsp">INICIO</a>
</li>
<li class="active">BLOQUES</li>
</ul><!-- /.breadcrumb -->
</div>
<!-- /section:basics/content.breadcrumbs -->
<div class="page-content">
<div class="page-header">
<h1>
Bloques
<small>
<i class="ace-icon fa fa-angle-double-right"></i>
Asignar
</small>
</h1>
</div><!-- /.page-header -->
<div class="row">
<!-- ----------- CONTENEDOR DE FORMULARIOS--------INI----- -->
<div class="col-sm-12" style="width:100%;">
<div class="col-sm-1"></div>
<div class="col-sm-10">
<div class="widget-box widget-color-dark">
<div class="widget-header">
<h4 class="widget-title">Búsqueda por Aulas</h4>
</div>
<div class="widget-body">
<div class="widget-main no-padding">
<form id="registroEncuesta" method="post">
<fieldset>
<div class="col-sm-6">
<label for="form-field-select-3">Sede <span style="color: red;">*</span></label>
<br>
<div id="divLocales">
<select class="chosen-select form-control validate[required]" id="cmbSede" >
<option value="">[Seleccione]</option>
</select>
</div>
<br>
</div>
<div class="col-sm-6">
<label for="form-field-select-3">Tipo Centro </label>
<br>
<div id="divTipoCentro">
<select class="chosen-select form-control validate[required]" id="cmbtipocentro" >
<option value="">[Seleccione]</option>
</select>
</div>
<br>
</div>
<div class="col-sm-6">
<label for="form-field-select-3">Centro </label>
<br>
<div id="divCentro">
<select class="chosen-select form-control validate[required]" id="cmbcentro" >
<option value="">[Seleccione]</option>
</select>
</div>
<br>
</div>
<div class="col-sm-6">
<label for="form-field-select-3">Nivel </label>
<br>
<div id="divNivel">
<select class="chosen-select form-control validate[required]" id="cmdnivel" >
<option value="">[Seleccione]</option>
</select>
</div>
<br>
</div>
<div class="col-sm-6">
<label for="form-field-select-3">Tipo Grado </label>
<br>
<div id="divTipoGrado">
<select class="chosen-select form-control validate[required]" id="cmbtipogrado" >
<option value="">[Seleccione]</option>
</select>
</div>
<br>
</div>
<div class="col-sm-6">
<label for="form-field-select-3">Ciclo/Grado </label>
<br>
<div id="divGrado">
<select class="chosen-select form-control validate[required]" id="cmbgrado" >
<option value="">[Seleccione]</option>
</select>
</div>
<br>
</div>
<div class="col-sm-6">
<label for="form-field-select-3">Sección </label>
<br>
<div id="divSeccion">
<select class="chosen-select form-control validate[required]" id="cmbseccion" >
<option value="">[Seleccione]</option>
</select>
</div>
<br>
</div>
<div class="col-sm-6">
<label for="form-field-select-3">Turno </label>
<br>
<div id="divTurno">
<select class="chosen-select form-control validate[required]" id="cmbturno" >
<option value="">[Seleccione]</option>
</select>
</div>
<br>
</div>
</fieldset>
<div class="form-actions center">
<button class="btn btn-sm btn-primary" type="button" onclick="validar_registro();">
<i class="ace-icon fa fa-search icon-on-right bigger-110"></i>
Buscar Aulas
</button>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="col-sm-1"></div>
</div>
<div class="col-sm-12" style="width:100%; height: 40px;"></div>
<div class="col-sm-12" style="width:100%;">
<div class="col-sm-12">
<!-- -------------TABLA---INI------------ -->
<form id="formListado" name="formListado">
<div style="display: none;" id='aula'></div>
</form>
<!-- -------------TABLA---FIN------------ -->
</div>
</div>
<!-- ----------- CONTENEDOR DE FORMULARIOS--------FIN----- -->
<!-- ::::::::::-ALERTAS-::::::::::::::: -->
<div id="dialog-noti1" class="hide">
<br>
La asignación se realizó con éxito.
<br><br>
</div>
<div id="dialog-noti2" class="hide">
<br>
Se actualizó correctamente.
<br><br>
</div>
<div id="dialog-confor1" class="hide">
<br>
¿Desea realizar la asignación?
<br><br>
</div>
<div id="dialog-advertencia1" class="hide">
<br>
Debe seleccionar por lo menos una de las aulas para poder asignar un bloque.
<br><br>
</div>
<div id="dialog-advertencia2" class="hide">
<br>
No se puede editar por que ya tiene uno o más horarios asignados
<br><br>
</div>
<div id="dialog-advertencia3" class="hide">
<br>
Para realizar la edición debe de mostrar el bloque seleccionado.
<br><br>
</div>
<div id="dialog-armar1" class="hide">
<br>
<form id="RegistroAsig" method="post">
<div class="sttxt2" id="divRegistroAsig"></div>
</form>
<br><div class="col-sm-12"></div>
<div class="sttxt2" id="divVistaPrevia" style="display:none;"></div>
<br><br>
</div>
<div id="dialog-armar2" class="hide">
<br>
<form id="EditarAsig" method="post">
<div class="sttxt2" id="divEditarAsig"></div>
</form>
<br><br>
<div class="sttxt2" id="divVistaPrevia2" style="display:none;"></div>
<br><br>
</div>
<div id="dialog-horario" class="hide">
<br>
<div class="sttxt2" id="divVerHorario"></div>
<br><br>
</div>
<div id="dialog-cargando" class="hide">
<table cellpadding="0" cellspacing="0" width="100%">
<tr><td align="center"><img src="imagenes/cargando.gif" border=0></td></tr>
</table>
</div>
<input type='hidden' id='codigo1'>
<input type='hidden' id='codigosAula'>
<input type='hidden' id='codGrupo'>
<input type='hidden' id='codGrupoReg'>
<!-- ::::::::::-ALERTAS-::::::::::::::: -->
</div><!-- /.row -->
</div><!-- /.page-content -->
</div>
</div><!-- /.main-content -->
<div class="footer">
<%@ include file="footer.jsp" %>
</div>
<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
</a>
</div><!-- /.main-container -->
<!-- basic scripts -->
<!--[if !IE]> -->
<script type="text/javascript">
window.jQuery || document.write("<script src='../assets/js/jquery.js'>"+"<"+"/script>");
</script>
<!-- <![endif]-->
<!--[if IE]>
<script type="text/javascript">
window.jQuery || document.write("<script src='../assets/js/jquery1x.js'>"+"<"+"/script>");
</script>
<![endif]-->
<script type="text/javascript">
if('ontouchstart' in document.documentElement) document.write("<script src='../assets/js/jquery.mobile.custom.js'>"+"<"+"/script>");
</script>
<script src="../assets/js/bootstrap.js"></script>
<!-- page specific plugin scripts -->
<script src="../assets/js/jquery-ui.js"></script>
<script src="../assets/js/jquery.ui.touch-punch.js"></script>
<!--[if lte IE 8]>
<script src="../assets/js/excanvas.js"></script>
<![endif]-->
<script src="../assets/js/jquery-ui.custom.js"></script>
<script src="../assets/js/jquery.ui.touch-punch.js"></script>
<script src="../assets/js/jquery.easypiechart.js"></script>
<script src="../assets/js/jquery.sparkline.js"></script>
<script src="../assets/js/flot/jquery.flot.js"></script>
<script src="../assets/js/flot/jquery.flot.pie.js"></script>
<script src="../assets/js/flot/jquery.flot.resize.js"></script>
<!-- ace scripts -->
<script src="../assets/js/ace/elements.scroller.js"></script>
<script src="../assets/js/ace/elements.colorpicker.js"></script>
<script src="../assets/js/ace/elements.fileinput.js"></script>
<script src="../assets/js/ace/elements.typeahead.js"></script>
<script src="../assets/js/ace/elements.wysiwyg.js"></script>
<script src="../assets/js/ace/elements.spinner.js"></script>
<script src="../assets/js/ace/elements.treeview.js"></script>
<script src="../assets/js/ace/elements.wizard.js"></script>
<script src="../assets/js/ace/elements.aside.js"></script>
<script src="../assets/js/ace/ace.js"></script>
<script src="../assets/js/ace/ace.ajax-content.js"></script>
<script src="../assets/js/ace/ace.touch-drag.js"></script>
<script src="../assets/js/ace/ace.sidebar.js"></script>
<script src="../assets/js/ace/ace.sidebar-scroll-1.js"></script>
<script src="../assets/js/ace/ace.submenu-hover.js"></script>
<script src="../assets/js/ace/ace.widget-box.js"></script>
<script src="../assets/js/ace/ace.settings.js"></script>
<script src="../assets/js/ace/ace.settings-rtl.js"></script>
<script src="../assets/js/ace/ace.settings-skin.js"></script>
<script src="../assets/js/ace/ace.widget-on-reload.js"></script>
<script src="../assets/js/ace/ace.searchbox-autocomplete.js"></script>
<script src="../assets/js/ace/ace.searchbox-autocomplete.js"></script>
<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css"/>
<!--<link rel="stylesheet" href="css/template.css" type="text/css"/>-->
<!-- inline scripts related to this page -->
<script type="text/javascript">
jQuery(function($) {
//override dialog's title function to allow for HTML titles
$.widget("ui.dialog", $.extend({}, $.ui.dialog.prototype, {
_title: function(title) {
var $title = this.options.title || ' '
if( ("title_html" in this.options) && this.options.title_html == true )
title.html($title);
else title.text($title);
}
}));
$( "#id-btn-dialog2" ).on('click', function(e) {//--
e.preventDefault();
$( "#dialog-confirm" ).removeClass('hide').dialog({
resizable: false,
modal: true,
title: "<div class='widget-header'><h4 class='smaller'><i class='ace-icon fa fa-exclamation-triangle red'></i> Empty the recycle bin?</h4></div>",
title_html: true,
buttons: [
{
html: "<i class='ace-icon fa fa-trash-o bigger-110'></i> Delete all items",
"class" : "btn btn-danger btn-xs",
click: function() {
$( this ).dialog( "close" );
}
}
,
{
html: "<i class='ace-icon fa fa-times bigger-110'></i> Cancel",
"class" : "btn btn-xs",
click: function() {
$( this ).dialog( "close" );
}
}
]
});
});
$('.easy-pie-chart.percentage').each(function(){
var $box = $(this).closest('.infobox');
var barColor = $(this).data('color') || (!$box.hasClass('infobox-dark') ? $box.css('color') : 'rgba(255,255,255,0.95)');
var trackColor = barColor == 'rgba(255,255,255,0.95)' ? 'rgba(255,255,255,0.25)' : '#E2E2E2';
var size = parseInt($(this).data('size')) || 50;
$(this).easyPieChart({
barColor: barColor,
trackColor: trackColor,
scaleColor: false,
lineCap: 'butt',
lineWidth: parseInt(size/10),
animate: /msie\s*(8|7|6)/.test(navigator.userAgent.toLowerCase()) ? false : 1000,
size: size
});
})
$('.sparkline').each(function(){
var $box = $(this).closest('.infobox');
var barColor = !$box.hasClass('infobox-dark') ? $box.css('color') : '#FFF';
$(this).sparkline('html',
{
tagValuesAttribute:'data-values',
type: 'bar',
barColor: barColor ,
chartRangeMin:$(this).data('min') || 0
});
});
//flot chart resize plugin, somehow manipulates default browser resize event to optimize it!
//but sometimes it brings up errors with normal resize event handlers
$.resize.throttleWindow = false;
var placeholder = $('#piechart-placeholder').css({'width':'90%' , 'min-height':'150px'});
var data = [
{ label: "social networks", data: 38.7, color: "#68BC31"},
{ label: "search engines", data: 24.5, color: "#2091CF"},
{ label: "ad campaigns", data: 8.2, color: "#AF4E96"},
{ label: "direct traffic", data: 18.6, color: "#DA5430"},
{ label: "other", data: 10, color: "#FEE074"}
]
function drawPieChart(placeholder, data, position) {
$.plot(placeholder, data, {
series: {
pie: {
show: true,
tilt:0.8,
highlight: {
opacity: 0.25
},
stroke: {
color: '#fff',
width: 2
},
startAngle: 2
}
},
legend: {
show: true,
position: position || "ne",
labelBoxBorderColor: null,
margin:[-30,15]
}
,
grid: {
hoverable: true,
clickable: true
}
})
}
drawPieChart(placeholder, data);
/**
we saved the drawing function and the data to redraw with different position later when switching to RTL mode dynamically
so that's not needed actually.
*/
placeholder.data('chart', data);
placeholder.data('draw', drawPieChart);
//pie chart tooltip example
var $tooltip = $("<div class='tooltip top in'><div class='tooltip-inner'></div></div>").hide().appendTo('body');
var previousPoint = null;
placeholder.on('plothover', function (event, pos, item) {
if(item) {
if (previousPoint != item.seriesIndex) {
previousPoint = item.seriesIndex;
var tip = item.series['label'] + " : " + item.series['percent']+'%';
$tooltip.show().children(0).text(tip);
}
$tooltip.css({top:pos.pageY + 10, left:pos.pageX + 10});
} else {
$tooltip.hide();
previousPoint = null;
}
});
/////////////////////////////////////
$(document).one('ajaxloadstart.page', function(e) {
$tooltip.remove();
});
var d1 = [];
for (var i = 0; i < Math.PI * 2; i += 0.5) {
d1.push([i, Math.sin(i)]);
}
var d2 = [];
for (var i = 0; i < Math.PI * 2; i += 0.5) {
d2.push([i, Math.cos(i)]);
}
var d3 = [];
for (var i = 0; i < Math.PI * 2; i += 0.2) {
d3.push([i, Math.tan(i)]);
}
var sales_charts = $('#sales-charts').css({'width':'100%' , 'height':'220px'});
$.plot("#sales-charts", [
{ label: "Domains", data: d1 },
{ label: "Hosting", data: d2 },
{ label: "Services", data: d3 }
], {
hoverable: true,
shadowSize: 0,
series: {
lines: { show: true },
points: { show: true }
},
xaxis: {
tickLength: 0
},
yaxis: {
ticks: 10,
min: -2,
max: 2,
tickDecimals: 3
},
grid: {
backgroundColor: { colors: [ "#fff", "#fff" ] },
borderWidth: 1,
borderColor:'#555'
}
});
$('#recent-box [data-rel="tooltip"]').tooltip({placement: tooltip_placement});
function tooltip_placement(context, source) {
var $source = $(source);
var $parent = $source.closest('.tab-content')
var off1 = $parent.offset();
var w1 = $parent.width();
var off2 = $source.offset();
//var w2 = $source.width();
if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
return 'left';
}
$('.dialogs,.comments').ace_scroll({
size: 300
});
//Android's default browser somehow is confused when tapping on label which will lead to dragging the task
//so disable dragging when clicking on label
var agent = navigator.userAgent.toLowerCase();
if("ontouchstart" in document && /applewebkit/.test(agent) && /android/.test(agent))
$('#tasks').on('touchstart', function(e){
var li = $(e.target).closest('#tasks li');
if(li.length == 0)return;
var label = li.find('label.inline').get(0);
if(label == e.target || $.contains(label, e.target)) e.stopImmediatePropagation() ;
});
$('#tasks').sortable({
opacity:0.8,
revert:true,
forceHelperSize:true,
placeholder: 'draggable-placeholder',
forcePlaceholderSize:true,
tolerance:'pointer',
stop: function( event, ui ) {
//just for Chrome!!!! so that dropdowns on items don't appear below other items after being moved
$(ui.item).css('z-index', 'auto');
}
}
);
$('#tasks').disableSelection();
$('#tasks input:checkbox').removeAttr('checked').on('click', function(){
if(this.checked) $(this).closest('li').addClass('selected');
else $(this).closest('li').removeClass('selected');
});
//show the dropdowns on top or bottom depending on window height and menu position
$('#task-tab .dropdown-hover').on('mouseenter', function(e) {
var offset = $(this).offset();
var $w = $(window)
if (offset.top > $w.scrollTop() + $w.innerHeight() - 100)
$(this).addClass('dropup');
else $(this).removeClass('dropup');
});
});
//::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
$(document).ready( function() {
jQuery("#registroEncuesta").validationEngine();
});
//-------------------------------
function cargando(){
$( "#dialog-cargando" ).removeClass('hide').dialog({
resizable: false,
modal: true,
title: "<div class='widget-header' ><h4 class='smaller'><i class='fa fa-spinner'></i> Cargando...</h4></div>",
title_html: true
});
}
function close_carga(){
$( "#dialog-cargando" ).dialog( "close" );
}
function conMayusculas(field) {
field.value = field.value.toUpperCase()
}
function segundaCarga(){
cargarsede();
}
function cargarsede(){
var Accion = "cargarTipoCentro();limpiarListado();";
var nombre = "cmbSede";
$.ajax({
type:'POST',
url:'../ServletUsuario?accion=cargarSedeBlo',
data: 'Accion='+Accion,
beforeSend: function() {
cargando();
},success:function(resultado){
close_carga();
$("#divLocales").html(resultado);
},complete:function(){
cargarTipoCentro();
}
});
}
function limpiarListado(){
$('#aula').fadeOut();
}
function limpiar(){
$('#divVistaPrevia').fadeOut();
$("#divVistaPrevia2").fadeOut();
}
function cargarTipoCentro(){
var accion = "cargarCentro();limpiarListado();";
var codSede = $("#cmbSede").val();
$.ajax({
type:'POST',
url:'../ServletTipoCentro?Accion=cargarTipoCentroBlo',
data: 'accion='+accion+'&codSede='+codSede,
beforeSend: function() {
cargando();
},success:function(resultado){
close_carga();
$("#divTipoCentro").html(resultado);
},complete:function(){
cargarCentro();
}
});
}
function cargarCentro(){
var codTipoCentro = $("#cmbTipoCentro").val();
var codSede = $("#cmbSede").val();
var accion = "cargarNivel();limpiarListado();";
var nombre = "cmbcentro";
$.ajax({
type:'POST',
url:'../ServletCentro?Accion=cargarCentroBlo',
data: 'accion='+accion+'&codTipoCentro='+codTipoCentro+'&nombre='+nombre+'&codSede='+codSede,
beforeSend: function() {
cargando();
},success:function(resultado){
close_carga();
$("#divCentro").html(resultado);
},complete:function(){
cargarNivel();
}
});
}
function cargarNivel(){
var codSede = $("#cmbSede").val();
var codTipoCentro = $("#cmbTipoCentro").val();
var codCentro = $("#cmbcentro").val();
var accion = "cargarTipoGrado();limpiarListado();";
var nombre = "cmbnivel";
$.ajax({
type:'POST',
url:'../ServletNivel?Accion=cargarNivelBlo',
data: 'accion='+accion+'&codCentro='+codCentro+'&nombre='+nombre+'&codSede='+codSede+'&codTipoCentro='+codTipoCentro,
beforeSend: function() {
cargando();
},success:function(resultado){
close_carga();
$("#divNivel").html(resultado);
},complete:function(){
cargarTipoGrado();
}
});
}
function cargarTipoGrado(){
var codSede = $("#cmbSede").val();
var codTipoCentro = $("#cmbTipoCentro").val();
var codCentro = $("#cmbcentro").val();
var codNivel = $("#cmbnivel").val();
var accion = "cargargrado();limpiarListado();";
var nombre = "cmbtipogrado";
$.ajax({
type:'POST',
url:'../ServletTipoGrado?Accion=cargarTipoGradoBlo',
data: 'accion='+accion+'&codCentro='+codCentro+'&nombre='+nombre+'&codNivel='+codNivel+'&codSede='+codSede+'&codTipoCentro='+codTipoCentro,
beforeSend: function() {
cargando();
},success:function(resultado){
close_carga();
$("#divTipoGrado").html(resultado);
},complete:function(){
cargargrado();
}
});
}
function cargargrado(){
var codSede = $("#cmbSede").val();
var codTipoCentro = $("#cmbTipoCentro").val();
var codCentro = $("#cmbcentro").val();
var codNivel = $("#cmbnivel").val();
var codTipoGrado = $("#cmbtipogrado").val();
var accion = "cargarSeccion();limpiarListado();";
var nombre = "cmbgrado";
$.ajax({
type:'POST',
url:'../ServletGrado?Accion=cargarGradoBlo',
data: 'accion='+accion+'&codCentro='+codCentro+'&nombre='+nombre+'&codNivel='+codNivel+'&codTipoGrado='+codTipoGrado+'&codSede='+codSede+'&codTipoCentro='+codTipoCentro,
beforeSend: function() {
cargando();
},success:function(resultado){
close_carga();
$("#divGrado").html(resultado);
},complete:function(){
cargarSeccion();
}
});
}
function cargarSeccion(){
var codSede = $("#cmbSede").val();
var codTipoCentro = $("#cmbTipoCentro").val();
var codCentro = $("#cmbcentro").val();
var codNivel = $("#cmbnivel").val();
var codTipoGrado = $("#cmbtipogrado").val();
var codGrado = $("#cmbgrado").val();
var accion = "cargarTurno();limpiarListado();";
var nombre = "cmbSeccion";
$.ajax({
type:'POST',
url:'../ServletSeccion?Accion=cargarSeccionBlo',
data: 'accion='+accion+'&codCentro='+codCentro+'&nombre='+nombre+'&codNivel='+codNivel+'&codTipoGrado='+codTipoGrado+'&codGrado='+codGrado+'&codSede='+codSede+'&codTipoCentro='+codTipoCentro,
beforeSend: function() {
cargando();
},success:function(resultado){
close_carga();
$("#divSeccion").html(resultado);
},complete:function(){
cargarTurno();
}
});
}
function cargarTurno(){
var codSede = $("#cmbSede").val();
var codTipoCentro = $("#cmbTipoCentro").val();
var codCentro = $("#cmbcentro").val();
var codNivel = $("#cmbnivel").val();
var codTipoGrado = $("#cmbtipogrado").val();
var codGrado = $("#cmbgrado").val();
var codSeccion = $("#cmbSeccion").val();
var accion = "";
var nombre = "cmbturno";
var dato ='accion='+accion+'&codCentro='+codCentro+'&nombre='+nombre+'&codNivel='+codNivel+'&codTipoGrado='+codTipoGrado+'&codGrado='+codGrado+'&codSede='+codSede+'&codTipoCentro='+codTipoCentro+'&codSeccion='+codSeccion;
$.ajax({
type:'POST',
url:'../ServletTurno?Accion=cargarTurnoBlo',
data: 'accion='+accion+'&codCentro='+codCentro+'&nombre='+nombre+'&codNivel='+codNivel+'&codTipoGrado='+codTipoGrado+'&codGrado='+codGrado+'&codSede='+codSede+'&codTipoCentro='+codTipoCentro+'&codSeccion='+codSeccion,
beforeSend: function() {
cargando();
},success:function(resultado){
close_carga();
$("#divTurno").html(resultado);
},complete:function(){
focus();
}
});
}
function focus(){
var codSede = $("#cmbSede").val();
var codTipoCentro = $("#cmbTipoCentro").val();
var codCentro = $("#cmbcentro").val();
var codNivel = $("#cmbnivel").val();
var codTipoGrado = $("#cmbtipogrado").val();
var codGrado = $("#cmbgrado").val();
var codSeccion = $("#cmbSeccion").val();
var codTurno = $("#cmbturno").val();
if(codSede!="" && codTipoCentro==""){
$("#cmbSede").focus();
}else if(codTipoCentro!="" && codCentro==""){
$("#cmbTipoCentro").focus();
}else if(codCentro!="" && codNivel==""){
$("#cmbcentro").focus();
}else if(codNivel!="" && codTipoGrado==""){
$("#cmbnivel").focus();
}else if(codTipoGrado!="" && codGrado==""){
$("#cmbtipogrado").focus();
}else if(codGrado!="" && codSeccion==""){
$("#cmbgrado").focus();
}else if(codSeccion!="" && codTurno==""){
$("#cmbSeccion").focus();
}
}
function regresar(){
window.location="lista_aula_dirage.jsp";
}
function validar_registro(){
var estado=$('#registroEncuesta').validationEngine('validate');
if(estado){
var pagina=1;
buscarAula(pagina);
}
}
function buscarAula(pagina){
var cantidad=15;
var codSede = $("#cmbSede").val();
var codTipoCentro = $("#cmbTipoCentro").val();
var codCentro = $("#cmbcentro").val();
var codNivel = $("#cmbnivel").val();
var codTipoGrado = $("#cmbtipogrado").val();
var codGrado = $("#cmbgrado").val();
var codSeccion = $("#cmbSeccion").val();
var codTurno = $("#cmbturno").val();
$.ajax({
type: 'POST',
url: '../ServletAula?Accion=listarAulasBloque',
data: 'codCentro='+codCentro+'&codNivel='+codNivel+'&codTipoGrado='+codTipoGrado+'&codGrado='+codGrado+'&codSede='+codSede+'&codTipoCentro='+codTipoCentro+'&codSeccion='+codSeccion+'&codTurno='+codTurno+'&cantidad='+cantidad+'&pagina='+pagina,
beforeSend: function() {
cargando();
},success:function(resultado){
close_carga();
$('#aula').html(resultado);
},complete:function(){
$('#aula').fadeIn();
}
});
}
function seleccionarTodo(){
var dato= $("#dato").val();
if(dato=="1"){
for (i=0;i<document.formListado.elements.length;i++) {
if(document.formListado.elements[i].type == "checkbox")
document.formListado.elements[i].checked=1
}
$("#dato").val("2");
}else{
for (i=0;i<document.formListado.elements.length;i++){
if(document.formListado.elements[i].type == "checkbox")
document.formListado.elements[i].checked=0
}
$("#dato").val("1");
}
}
function calculoPrevio(){
var cant = $("#cantidad").val();
var res = "";
var resp = "";
for(var i = 1; i <= cant; i++){
resp =$("input[name='chk_"+i+"']:checked").val();
if(resp != "" && resp!=undefined){
if(res==""){
res +=resp;
}else{
res += "#"+resp;
}
}
resp="";
}
if(res==""){
alerta1();
}else{
asignar(res);
}
}
function alerta1(){
$( "#dialog-advertencia1" ).removeClass('hide').dialog({
resizable: false,
width:400,
modal: true,
title: "<div class='widget-color-orange' ><div class='widget-header white' ><h4 class='smaller' ><i class='ace-icon fa fa-exclamation-triangle white'></i> <span class='white'>Advertencia</span></h4></div></div>",
title_html: true,
buttons: [
{
html: "<i class='ace-icon fa fa-times bigger-110'></i> OK",
"class" : "btn btn-warning btn-xs",
click: function() {
$( this ).dialog( "close" );
}
}
]
});
}
function asignar(codigosAula){
$('#divVistaPrevia').html("");
armarRegistro(codigosAula);
}
function armarRegistro(codigosAula){
$.ajax({
type:'POST',
url:'../ServletHorario?Accion=armarRegistroAsig',
data: null,
success:function(resultado){
$('#divRegistroAsig').html(resultado);
},complete:function(){
alerta2(codigosAula);
}
});
}
function alerta2(codigosAula){
$( "#dialog-armar1" ).removeClass('hide').dialog({
resizable: false,
width: 700,
modal: true,
title: "<div class='widget-color-blue' ><div class='widget-header white' ><h4 class='smaller' ><i class='ace-icon fa fa-check-circle white'></i> <span class='white'>Asignación de Bloque</span></h4></div></div>",
title_html: true,
buttons: [
{
html: "<i class='ace-icon fa fa-check bigger-110'></i> ASIGNAR",
"class" : "btn btn-primary btn-xs",
click: function() {
validar_Bloque(codigosAula);
}
},{
html: "<i class='ace-icon fa fa-times bigger-110'></i> CANCELAR",
"class" : "btn btn-danger btn-xs",
click: function() {
$( this ).dialog( "close" );
}
}
]
});
}
function cargarGrupo2(){
var codBlo = $("#cmbBloque").val();
var nombre = "cmbGrupoBloque2";
var accion = "";
$.ajax({
type:'POST',
url:'../ServletHorario?Accion=cargarGrupoBloque',
data: 'codBlo='+codBlo+'&nombre='+nombre+'&accion='+accion,
success:function(resultado){
$('#divGrupoSelect2').html(resultado);
},complete:function(){
}
});
}
function validar_bloque_grupo(){
var estado=jQuery('#RegistroAsig').validationEngine('validate');
if(estado){
armarGrupo();
}
}
function armarGrupo(){
var codGruBlo = $("#cmbGrupoBloque2").val();
$("#codGrupo").val(codGruBlo);
$.ajax({
type:'POST',
url:'../ServletHorario?Accion=armarGrupoHorario',
data: 'codGruBlo='+codGruBlo,
success:function(resultado){
$('#divVistaPrevia').html(resultado);
},complete:function(){
$('#divVistaPrevia').fadeIn();
}
});
}
function validar_Bloque(codigosAula){
var estado=jQuery('#RegistroAsig').validationEngine('validate');
if(estado){
alerta3(codigosAula);
}
}
function alerta3(codigosAula){
$( "#dialog-confor1" ).removeClass('hide').dialog({
resizable: false,
modal: true,
title: "<div class='widget-color-blue' ><div class='widget-header white' ><h4 class='smaller' ><i class='ace-icon fa fa-check-circle white'></i> <span class='white'>Conformidad</span></h4></div></div>",
title_html: true,
buttons: [
{
html: "<i class='ace-icon fa fa-check bigger-110'></i> SI",
"class" : "btn btn-primary btn-xs",
click: function() {
registrarGrupoBloque(codigosAula);
}
},{
html: "<i class='ace-icon fa fa-times bigger-110'></i> NO",
"class" : "btn btn-danger btn-xs",
click: function() {
$( this ).dialog( "close" );
}
}
]
});
}
function registrarGrupoBloque(codigosAula){
var codGruBlo = $("#codGrupo").val();
$.ajax({
type:'POST',
url:'../ServletHorario?Accion=registrarGrupoBloq',
data: 'codGruBlo='+codGruBlo+'&codigosAula='+codigosAula,
success:function(resultado){
if(resultado==1){
alerta5();
}else{
alert("Ocurrió un error");
}
},complete:function(){
var pagina=$("#numpagina").val();
buscarAula(pagina);
}
});
}
function alerta5(){
$( "#dialog-armar1" ).dialog( "close" );
$( "#dialog-confor1" ).dialog( "close" );
$( "#dialog-noti1" ).removeClass('hide').dialog({
resizable: false,
modal: true,
title: "<div class='widget-color-green' ><div class='widget-header white' ><h4 class='smaller' ><i class='ace-icon fa fa-tags white'></i> <span class='white'>Notificación</span></h4></div></div>",
title_html: true,
buttons: [
{
html: "<i class='ace-icon fa fa-check bigger-110'></i> OK",
"class" : "btn btn-success btn-xs",
click: function() {
$( this ).dialog( "close" );
}
}
]
});
}
//--------------------------------------
function asignarHorario(codalua){
$("#codAula").val(codalua);
armarGrupoHorario(codalua);
}
function armarGrupoHorario(codalua){
$.ajax({
type:'POST',
url:'../ServletHorario?Accion=armarGrupoHorarioVer',
data: 'codalua='+codalua,
success:function(resultado){
$('#divVerHorario').html(resultado);
},complete:function(){
alerta6();
}
});
}
function alerta6(){
$( "#dialog-horario" ).removeClass('hide').dialog({
resizable: false,
width: 700,
modal: true,
title: "<div class='widget-color-blue' ><div class='widget-header white' ><h4 class='smaller' ><i class='ace-icon fa fa-check-circle white'></i> <span class='white'>Vista de Bloque</span></h4></div></div>",
title_html: true,
buttons: [
{
html: "<i class='ace-icon fa fa-check bigger-110'></i> OK",
"class" : "btn btn-primary btn-xs",
click: function() {
$( this ).dialog( "close" );
}
}
]
});
}
//-----------------------------
function editar(codAula){
$("#divVistaPrevia2").html("");
$.ajax({
type:'POST',
url:'../ServletHorario?Accion=consultarExistenciaHorarioRegistrado',
data: 'codAula='+codAula,
success:function(resultado){
if(resultado==0){
armarEditarBloqueAsignado(codAula);
}else{
alerta7();
}
},complete:function(){
}
});
}
function alerta7(){
$( "#dialog-advertencia2" ).removeClass('hide').dialog({
resizable: false,
width:400,
modal: true,
title: "<div class='widget-color-orange' ><div class='widget-header white' ><h4 class='smaller' ><i class='ace-icon fa fa-exclamation-triangle white'></i> <span class='white'>Advertencia</span></h4></div></div>",
title_html: true,
buttons: [
{
html: "<i class='ace-icon fa fa-times bigger-110'></i> OK",
"class" : "btn btn-warning btn-xs",
click: function() {
$( this ).dialog( "close" );
}
}
]
});
}
function armarEditarBloqueAsignado(codAula){
var accion="";
var codigo= $("#codGrupo").val();
$.ajax({
type:'POST',
url:'../ServletHorario?Accion=armarEditarBloqueAsignado',
data: 'codAula='+codAula+'&accion='+accion,
success:function(resultado){
$('#divEditarAsig').html(resultado);
},complete:function(){
alerta8(codAula);
}
});
}
function alerta8(codAula){
$( "#dialog-armar2" ).removeClass('hide').dialog({
resizable: false,
width: 700,
modal: true,
title: "<div class='widget-color-blue' ><div class='widget-header white' ><h4 class='smaller' ><i class='ace-icon fa fa-check-circle white'></i> <span class='white'>Actualización de Bloque seleccionado</span></h4></div></div>",
title_html: true,
buttons: [
{
html: "<i class='ace-icon fa fa-check bigger-110'></i> ACTUALIZAR",
"class" : "btn btn-primary btn-xs",
click: function() {
popup_preguntaEdit(codAula);
}
},{
html: "<i class='ace-icon fa fa-times bigger-110'></i> CANCELAR",
"class" : "btn btn-danger btn-xs",
click: function() {
$( this ).dialog( "close" );
}
}
]
});
}
function popup_preguntaEdit(codAula){
var codGrupo = $("#codGrupo").val();
if(codGrupo==""){
alerta9();
}else{
alerta10(codAula);
}
}
function alerta9(){
$( "#dialog-advertencia3" ).removeClass('hide').dialog({
resizable: false,
modal: true,
title: "<div class='widget-color-orange' ><div class='widget-header white' ><h4 class='smaller' ><i class='ace-icon fa fa-exclamation-triangle white'></i> <span class='white'>Advertencia</span></h4></div></div>",
title_html: true,
buttons: [
{
html: "<i class='ace-icon fa fa-times bigger-110'></i> OK",
"class" : "btn btn-warning btn-xs",
click: function() {
$( this ).dialog( "close" );
}
}
]
});
}
function alerta10(codAula){
$( "#dialog-confor1" ).removeClass('hide').dialog({
resizable: false,
modal: true,
title: "<div class='widget-color-blue' ><div class='widget-header white' ><h4 class='smaller' ><i class='ace-icon fa fa-check-circle white'></i> <span class='white'>Conformidad</span></h4></div></div>",
title_html: true,
buttons: [
{
html: "<i class='ace-icon fa fa-check bigger-110'></i> SI",
"class" : "btn btn-primary btn-xs",
click: function() {
editarBloqueAsignado(codAula);
}
},{
html: "<i class='ace-icon fa fa-times bigger-110'></i> NO",
"class" : "btn btn-danger btn-xs",
click: function() {
$( this ).dialog( "close" );
}
}
]
});
}
function editarBloqueAsignado(codAula){
var codGruBlo = $("#codGrupo").val();
$.ajax({
type:'POST',
url:'../ServletHorario?Accion=editarGrupoBloqAsignado',
data: 'codGruBlo='+codGruBlo+'&codAula='+codAula,
success:function(resultado){
if(resultado>0){
alerta11();
}else{
alert("error");
}
},complete:function(){
}
});
}
function alerta11(){
$( "#dialog-confor1" ).dialog( "close" );
$( "#dialog-armar2" ).dialog( "close" );
$( "#dialog-noti2" ).removeClass('hide').dialog({
resizable: false,
modal: true,
title: "<div class='widget-color-green' ><div class='widget-header white' ><h4 class='smaller' ><i class='ace-icon fa fa-tags white'></i> <span class='white'>Notificación</span></h4></div></div>",
title_html: true,
buttons: [
{
html: "<i class='ace-icon fa fa-check bigger-110'></i> OK",
"class" : "btn btn-success btn-xs",
click: function() {
$( this ).dialog( "close" );
}
}
]
});
}
//--------------------
function validar_bloque_grupo2(){
var estado=jQuery('#EditarAsig').validationEngine('validate');
if(estado){
armarGrupo2();
}
}
function armarGrupo2(){
var codGruBlo = $("#cmbGrupoBloque3").val();
$("#codGrupo").val(codGruBlo);
$.ajax({
type:'POST',
url:'../ServletHorario?Accion=armarGrupoHorario',
data: 'codGruBlo='+codGruBlo,
success:function(resultado){
$('#divVistaPrevia2').html(resultado);
},complete:function(){
$('#divVistaPrevia2').fadeIn();
}
});
}
function cargarGrupo3(){
var codBlo = $("#cmbBloque3").val();
var nombre = "cmbGrupoBloque3";
var accion = "";
$.ajax({
type:'POST',
url:'../ServletHorario?Accion=cargarGrupoBloque',
data: 'codBlo='+codBlo+'&nombre='+nombre+'&accion='+accion,
success:function(resultado){
$('#divGrupoSelect3').html(resultado);
},complete:function(){
}
});
}
</script>
<!-- the following scripts are used in demo only for onpage help and you don't need them -->
<link rel="stylesheet" href="../assets/css/ace.onpage-help.css" />
<link rel="stylesheet" href="../docs/assets/js/themes/sunburst.css" />
<script type="text/javascript"> ace.vars['base'] = '..'; </script>
<script src="../assets/js/ace/elements.onpage-help.js"></script>
<script src="../assets/js/ace/ace.onpage-help.js"></script>
<script src="../docs/assets/js/rainbow.js"></script>
<script src="../docs/assets/js/language/generic.js"></script>
<script src="../docs/assets/js/language/html.js"></script>
<script src="../docs/assets/js/language/css.js"></script>
<script src="../docs/assets/js/language/javascript.js"></script>
<script src="js/languages/jquery.validationEngine-es.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
<!--<script src="style/jquery.kolorpicker.js" type="text/javascript"></script>
<link rel="stylesheet" href="style/kolorpicker.css" type="text/css" media="screen, tv, projection, print" />
-->
<script type="text/javascript" language="javascript" src="js/colorPicker.js"></script>
<link rel="stylesheet" href="css/colorPicker.css" type="text/css"></link>
</html>