<%@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">MANTENIMIENTO</li>
</ul><!-- /.breadcrumb -->
</div>
<!-- /section:basics/content.breadcrumbs -->
<div class="page-content">
<div class="page-header">
<h1>
Mantenimento
<small>
<i class="ace-icon fa fa-angle-double-right"></i>
Plana
</small>
</h1>
</div><!-- /.page-header -->
<div class="row">
<!-- ----------- CONTENEDOR DE FORMULARIOS--------INI----- -->
<div class="col-sm-12" style="width:100%;">
<div class="col-sm-4"></div>
<div class="col-sm-4">
<div class="widget-box widget-color-blue">
<div class="widget-header">
<h4 class="widget-title">Búsqueda por Área</h4>
</div>
<div class="widget-body">
<div class="widget-main no-padding">
<form id="registroEncuesta" method="post">
<fieldset>
<label for="form-field-select-3">Área <span style="color: red;">*</span></label>
<br>
<div id="divArea">
<select class="chosen-select form-control validate[required]" id="cmbArea" >
<option value="">[Seleccione]</option>
</select>
</div>
<br>
</fieldset>
<div class="form-actions center">
<button class="btn btn-sm btn-info" type="button" onclick="validar_registro();">
<i class="ace-icon fa fa-search icon-on-right bigger-110"></i>
Buscar Plana
</button>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="col-sm-4"></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-2" ></div>
<div class="col-sm-8">
<!-- -------------TABLA---INI------------ -->
<div style="display: none;" id='divListadoPlana'>
</div>
<!-- -------------TABLA---FIN------------ -->
</div>
<div class="col-sm-2"></div>
</div>
<!-- ----------- CONTENEDOR DE FORMULARIOS--------FIN----- -->
<!-- ::::::::::-ALERTAS-::::::::::::::: -->
<div id="dialog-confirm" class="hide">
<br>
¿Está seguro de registrar una nueva plana?
<br><br>
</div>
<div id="dialog-activo" class="hide">
¿Está seguro de activar/desactivar?
</div>
<div id="dialog-estado" class="hide">
¿Está seguro de cambiar el estado?
</div>
<div id="dialog-satisfaccion" class="hide">
<br>
Se registró con éxito.
<br><br>
</div>
<div id="dialog-noti1" class="hide">
<br>
Se actualizó con éxito.
<br><br>
</div>
<div id="dialog-confor1" class="hide">
<br>
Está seguro de registrar una nueva plana?
<br><br>
</div>
<div id="dialog-confor2" class="hide">
<br>
¿Está seguro de inhabilitar el área?
<br><br>
</div>
<div id="dialog-confor3" class="hide">
<br>
¿Está seguro de habilitar el área?
<br><br>
</div>
<div id="dialog-confor4" class="hide">
<br>
¿Está seguro de actualizar el registro?
<br><br>
</div>
<div id="dialog-confor5" class="hide">
<br>
¿Desea inhabilitar la plana?
<br><br>
</div>
<div id="dialog-confor6" class="hide">
<br>
¿Desea habilitar la plana?
<br><br>
</div>
<div id="dialog-confor7" class="hide">
<br>
Se cambió de estado con éxito.
<br><br>
</div>
<div id="dialog-advertencia1" class="hide">
<br>
Ya existe área.
<br><br>
</div>
<div id="dialog-advertencia2" class="hide">
<br>
No se puede inhabilitar la plana porque tiene uno o más cursos asignados con estado activo.
<br><br>
</div>
<div id="dialog-Alerta2" class="hide">
<br>
Ocurrió un error en el registro.
<br><br>
</div>
<div id="dialog-armar" class="hide">
<br>
<form id="registrar" class="formular" method="post">
<div id="divFormularioRegistro"></div>
</form>
<br><br>
</div>
<div id="dialog-armarEditar" class="hide">
<br>
<form id="actulizar" class="formular" method="post">
<div id="divFormulario" ></div>
</form>
<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'>
<!-- ::::::::::-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 validar_registro(){
var estado=$('#registroEncuesta').validationEngine('validate');
if(estado){
BuscarPlana();
}
}
function BuscarPlana(){
var codArea = $("#cmbArea").val();
$.ajax({
type:'POST',
url:'../ServletPlana?Accion=listarPlanaBusqueda',
data: 'codArea='+codArea,
beforeSend: function() {
cargando();
},success:function(resultado){
close_carga();
$('#divListadoPlana').html(resultado);
},complete:function(){
$("#divListadoPlana").fadeIn();
}
});
}
function agregar_plana(){
armarRegistro();
}
function armarRegistro(){
var codigoArea=$("#cmbArea").val();
$.ajax({
type:'POST',
url:'../ServletPlana?Accion=armarRegistro',
data: 'codigoArea='+codigoArea,
beforeSend: function() {
cargando();
},success:function(resultado){
close_carga();
$("#divFormularioRegistro").html(resultado);
},complete:function(){
alerta1();
$("#colores").css("width",'20');
$("#colorAct").css("width",'20');
}
});
}
function alerta1(){
$( "#dialog-armar" ).removeClass('hide').dialog({
resizable: false,
width: 510,
height: 350,
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'>Creación de Plana</span></h4></div></div>",
title_html: true,
buttons: [
{
html: "<i class='ace-icon fa fa-check bigger-110'></i> REGISTRAR",
"class" : "btn btn-primary btn-xs",
click: function() {
validar_registrar();
}
},{
html: "<i class='ace-icon fa fa-times bigger-110'></i> CANCELAR",
"class" : "btn btn-danger btn-xs",
click: function() {
$( this ).dialog( "close" );
}
}
]
});
}
function validar_registrar(){
var estado=jQuery('#registrar').validationEngine('validate');
if(estado){
alerta2();
}
}
function alerta2(){
$( "#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() {
registrarPlanas();
}
},{
html: "<i class='ace-icon fa fa-times bigger-110'></i> NO",
"class" : "btn btn-danger btn-xs",
click: function() {
$( this ).dialog( "close" );
}
}
]
});
}
function registrarPlanas(){
// 1: se registro normal 2: ya exista 3: error
var plana = $("#txt_new_plana").val();
var codarea = $("#cmbAreaRegistro").val();
var color = $("#color").val();
$("#codigo1").val(codarea);
$.ajax({
type:'POST',
url:'../ServletPlana?Accion=registrarPlana',
data: 'plana='+plana+'&codarea='+codarea+'&color='+color,
beforeSend: function() {
cargando();
},success:function(resultado){
close_carga();
},complete:function(){
//BuscarPlanaEstado();
var codigoA= $("#codigo1").val();
var codarea = $("#cmbArea").val();
if(codarea=="" && codigoA=="" ){
listarPlana();
}else if(codarea=="" && codigoA!="" ){
BuscarPlanaEstado();
}else{
BuscarPlana();
}
alerta3();
}
});
}
function alerta3(){
$( "#dialog-armar" ).dialog( "close" );
$( "#dialog-confor1" ).dialog( "close" );
$( "#dialog-satisfaccion" ).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> ACEPTAR",
"class" : "btn btn-success btn-xs",
click: function() {
$( this ).dialog( "close" );
}
}
]
});
}
function listarPlana(){
$.ajax({
type:'POST',
url:'../ServletPlana?Accion=listarPlana',
data: null,
beforeSend: function() {
cargando();
},success:function(resultado){
close_carga();
$('#divListadoPlana').html(resultado);
},complete:function(){
$("#divListadoPlana").fadeIn();
}
});
}
function BuscarPlanaEstado(){
//var codArea = $("#codigoArea").val();
var codArea=$("#codigo1").val();
$.ajax({
type:'POST',
url:'../ServletPlana?Accion=listarPlanaBusqueda',
data: 'codArea='+codArea,
beforeSend: function() {
cargando();
},success:function(resultado){
close_carga();
$('#divListadoPlana').html(resultado);
},complete:function(){
$("#divListadoPlana").fadeIn();
}
});
}
function armarEdicion(codPlana){
$.ajax({
type:'POST',
url:'../ServletPlana?Accion=armarEdicion',
data: 'codPlana='+codPlana,
beforeSend: function() {
cargando();
},success:function(resultado){
close_carga();
$("#divFormulario").html(resultado);
},complete:function(){
alerta4(codPlana);
$("#colores").css("width",'20');
$("#colorAct").css("width",'20');
}
});
}
function alerta4(codPlana){
$( "#dialog-armarEditar" ).removeClass('hide').dialog({
resizable: false,
width: 500,
height: 350,
modal: true,
title: "<div class='widget-color-blue' ><div class='widget-header white' ><h4 class='smaller' ><i class='ace-icon fa fa-pencil white'></i> <span class='white'>Actualización de Plana</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() {
validar_actulizar(codPlana);
}
},{
html: "<i class='ace-icon fa fa-times bigger-110'></i> CANCELAR",
"class" : "btn btn-danger btn-xs",
click: function() {
$( this ).dialog( "close" );
}
}
]
});
}
function validar_actulizar(codPlana){
var estado=jQuery('#actulizar').validationEngine('validate');
if(estado){
alerta5(codPlana);
}
}
function alerta5(codPlana){
$( "#dialog-confor4" ).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() {
Actualizar(codPlana);
}
},{
html: "<i class='ace-icon fa fa-times bigger-110'></i> NO",
"class" : "btn btn-danger btn-xs",
click: function() {
$( this ).dialog( "close" );
}
}
]
});
}
function Actualizar(codPlana){
var nombre=$("#txt_nom").val();
var codA=$("#cmbAreas").val();
var color=$("#edit_color").val();
$.ajax({
type:'POST',
url:'../ServletPlana?Accion=Actualizar',
data: 'nombre='+nombre+'&codPlana='+codPlana+'&codArea='+codA+'&color='+color,
beforeSend: function() {
cargando();
},success:function(resultado){
close_carga();
},complete:function(){
alerta6();
BuscarPlana();
}
});
}
function alerta6(){
$( "#dialog-armarEditar" ).dialog( "close" );
$( "#dialog-confor4" ).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> ACEPTAR",
"class" : "btn btn-success btn-xs",
click: function() {
$( this ).dialog( "close" );
}
}
]
});
}
//--------------------------------
function validar_estado(dato,codPlana){
$.ajax({
type:'POST',
url:'../ServletPlana?Accion=cantidadUsoPlana',
data: 'dato='+dato+'&codPlana='+codPlana,
beforeSend: function() {
cargando();
},success:function(resultado){
close_carga();
if(resultado==0){
if(dato==0){
alerta7(dato,codPlana);
}else{
alerta9(dato,codPlana);
}
}else{
alerta10();
}
},complete:function(){
}
});
}
function alerta7(dato,codPlana){
$( "#dialog-confor5" ).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() {
$( this ).dialog( "close" );
estado(dato,codPlana);
}
},{
html: "<i class='ace-icon fa fa-times bigger-110'></i> NO",
"class" : "btn btn-danger btn-xs",
click: function() {
$( this ).dialog( "close" );
}
}
]
});
}
function estado(dato,codPlana){
var codarea = $("#cmbArea").val();
$.ajax({
type:'POST',
url:'../ServletPlana?Accion=cambiarEstado',
data: 'dato='+dato+'&codPlana='+codPlana,
beforeSend: function() {
cargando();
},success:function(resultado){
close_carga();
},complete:function(){
if(codarea==""){
listarPlana();
}else{
BuscarPlana();
}
alerta8();
}
});
}
function alerta8(){
$( "#dialog-confor7" ).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> ACEPTAR",
"class" : "btn btn-success btn-xs",
click: function() {
$( this ).dialog( "close" );
}
}
]
});
}
function alerta9(dato,codPlana){
$( "#dialog-confor6" ).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() {
$( this ).dialog( "close" );
estado(dato,codPlana);
}
},{
html: "<i class='ace-icon fa fa-times bigger-110'></i> NO",
"class" : "btn btn-danger btn-xs",
click: function() {
$( this ).dialog( "close" );
}
}
]
});
}
function alerta10(){
$( "#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> ACEPTAR",
"class" : "btn btn-warning btn-xs",
click: function() {
$( this ).dialog( "close" );
}
}
]
});
}
//-------------------------------
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(){
cargarArea();
}
function cargarArea(){
var accion = "limpiar();";
$.ajax({
type:'POST',
url:'../ServletArea?Accion=cargarArea',
data: 'accion='+accion,
beforeSend: function() {
cargando();
},success:function(resultado){
close_carga();
$("#divArea").html(resultado);
},complete:function(){
}
});
}
function limpiar(){
$("#divListadoPlana").fadeOut();
}
</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>