You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

1031 lines
52 KiB

(function ($) {
"use strict";
/*==================================================================
[ Focus input ]*/
$('.input100').each(function(){
$(this).on('blur', function(){
if($(this).val().trim() != "") {
$(this).addClass('has-val');
}
else {
$(this).removeClass('has-val');
}
})
})
/*==================================================================
[ Validate ]*/
var input = $('.validate-input .input100');
$('.validate-form').on('submit',function(){
var check = true;
for(var i=0; i<input.length; i++) {
if(validate(input[i]) == false){
showValidate(input[i]);
check=false;
}
}
return check;
});
$('.validate-form .input100').each(function(){
$(this).focus(function(){
hideValidate(this);
});
});
function validate (input) {
if($(input).attr('type') == 'email' || $(input).attr('name') == 'email') {
if($(input).val().trim().match(/^([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{1,5}|[0-9]{1,3})(\]?)$/) == null) {
return false;
}
}
else {
if($(input).val().trim() == ''){
return false;
}
}
}
function showValidate(input) {
var thisAlert = $(input).parent();
$(thisAlert).addClass('alert-validate');
}
function hideValidate(input) {
var thisAlert = $(input).parent();
$(thisAlert).removeClass('alert-validate');
}
/*==================================================================
[ Show pass ]*/
var showPass = 0;
$('.btn-show-pass').on('click', function(){
if(showPass == 0) {
$(this).next('input').attr('type','text');
$(this).addClass('active');
showPass = 1;
}
else {
$(this).next('input').attr('type','password');
$(this).removeClass('active');
showPass = 0;
}
});
})(jQuery);
/* VARIABLES GLOBALES PARA FUNCIONAMIENTO DE SCRIPT*************************************************************************/
var lista_de_piletas = [];
var lista_de_detalles_de_piletas;
var lista_de_resultados;
/* PATH PARA USAR AJAX EN EL SCRIPT***************************************************/
//var path_piletas = "../ejemplo.json";
var path_piletas = "../prgdmug/saldos.php";
//var path_totales = "../totales.json";
var path_totales = "../prgdmug/totales.php";
//var path_detalles = "../detalles.json";
var path_detalles = "../prgdmug/detalles.php";
//var path_busqueda_por_totales= "../ejemplo.json";
var path_busqueda_por_totales = "../prgdmug/productos.php";
var path_busqueda = "../prgdmug/busqueda.php";
var path_stocks = "../prgdmug/stocks.php";
/* MOVIMIENTO DE BARRA PILETAS*************************************************************************/
/*function move(id2,valor) {
var elem = document.getElementById(id2);
var height = 0;
var alturaABAJO = valor;
var alturaARRIBA = 100-alturaABAJO;
var id = setInterval(frame, 10);
function frame() {
if (height >= alturaARRIBA) {
clearInterval(id);
elem.innerHTML = (100-height) * 1 + '%';
} else {
height++;
elem.style.height = height + '%';
elem.innerHTML = (100-height) * 1 + '%';
}
}
}*/
function move(id2,valor) {
var elem = document.getElementById(id2);
var height = 101; /*altura total del div*/
if(valor > 100){
valor = 100;
}
var alturaARRIBA = 100-valor; /*altura a la que debe quedar el div*/
var id = setInterval(frame, 10);
function frame() {
if(height <= alturaARRIBA){
clearInterval(id);
elem.innerHTML = (100-height) * 1 + '%';
} else {
height--;
elem.style.height = height + '%';
elem.innerHTML = (100-height) * 1 + '%';
}
}
}
/* FORMATO PARA NUMEROS*************************************************************************/
function number_format(amount, decimals) {
amount += ''; // por si pasan un numero en vez de un string
amount = parseFloat(amount.replace(/[^0-9\.]/g, '')); // elimino cualquier cosa que no sea numero o punto
decimals = decimals || 0; // por si la variable no fue fue pasada
// si no es un numero o es igual a cero retorno el mismo cero
if (isNaN(amount) || amount === 0)
return parseFloat(0).toFixed(decimals);
// si es mayor o menor que cero retorno el valor formateado como numero
amount = '' + amount.toFixed(decimals);
var amount_parts = amount.split('.'),
regexp = /(\d+)(\d{3})/;
while (regexp.test(amount_parts[0]))
amount_parts[0] = amount_parts[0].replace(regexp, '$1' + '.' + '$2');
return amount_parts.join('.');
}
/* DESPLEGAR RESULTADO DE BUSQUEDA DE PILETAS*************************************************************************/
function buscar_lista_de_piletas(datos){
//menues
$("#piletasOption").hide();$("#totalesOption").show();$("#buscarPiletas").show();
//loader
$(".container-login100").addClass(".altoTotal");
$("#myContent").empty();
$(".wrap-login100").hide();
$("#myPreContent").show();
//console.log(datos);
$.ajax({url: path_busqueda_por_totales,
type: 'POST',
data: datos,
dataType: 'json',
success: function(response){
lista_de_piletas = response.pileta;
//console.log("El tag pileta es array: "+Array.isArray(response.pileta));
//console.log("La cantidad de piletas es: "+response.pileta.length);
//alert(response.pileta[0].desc);
// alert(lista_de_piletas[0].desc);
var valor =[];
var miKey =[];
$(".wrap-login100").show();
$("#myPreContent").hide();
$(".container-login100").removeClass(".altoTotal");
if(Array.isArray(response.pileta)){
for (var i = 0; i < response.pileta.length ; i++){
var headerList = '<div class="row myItem entrar" id="item-'+response.pileta[i].id+'"><div class="col-2 myProgress"><div class="myBar" id="myBar'+i+'"></div></div><div class="col-10"> <div class=" row"> <h5 class=" col-10 myItem-title">'+response.pileta[i].desc+'</h5> <h4 class=" col-2 myItem-title">'+response.pileta[i].id+'</h4>';
headerList +='<div class="col-3 myItem-element"> <div class="row"><small class="col-12 " style="color: #6c757d;" >saldo:</small><small class=" col-12 text-left text-nowrap "><b>'+number_format(response.pileta[i].saldo, 0)+'</b></small></div></div>';
headerList +='<div class="col-3 myItem-element"> <div class="row"><small class="col-12 " style="color: #6c757d;" >azucar:</small><small class=" col-12 text-left">'+response.pileta[i].azucar+'</small></div></div>';
headerList +='<div class="col-3 myItem-element"> <div class="row"><small class="col-12 " style="color: #6c757d;" >alcohol:</small><small class=" col-12 text-left">'+response.pileta[i].alcohol+'</small></div></div>';
headerList +='<div class="col-3 myItem-element"> <div class="row"><small class="col-12 " style="color: #6c757d;" >acvol:</small><small class=" col-12 text-left">'+response.pileta[i].acvol+'</small></div></div>';
$("#myContent").append(headerList);
valor[i] = (response.pileta[i].saldo*100)/response.pileta[i].cap;
miKey[i] = 'myBar'+i;
}
for(var i = 0; i < response.pileta.length ; i++){
move(miKey[i],valor[i]);
}
}else{
var headerList = '<div class="row myItem entrar" id="item-'+response.pileta.id+'"><div class="col-2 myProgress"><div class="myBar" id="myBar0"></div></div><div class="col-10"> <div class=" row"> <h5 class=" col-10 myItem-title">'+response.pileta.desc+'</h5> <h4 class=" col-2 myItem-title">'+response.pileta.id+'</h4>';
headerList +='<div class="col-3 myItem-element"> <div class="row"><small class="col-12 " style="color: #6c757d;">saldo:</small><small class=" col-12 text-left text-nowrap "><b>'+number_format(response.pileta.saldo, 0)+'</b></small></div></div>';
headerList +='<div class="col-3 myItem-element"> <div class="row"><small class="col-12 " style="color: #6c757d;">azucar:</small><small class=" col-12 text-left">'+response.pileta.azucar+'</small></div></div>';
headerList +='<div class="col-3 myItem-element"> <div class="row"><small class="col-12 " style="color: #6c757d;">alcohol:</small><small class=" col-12 text-left">'+response.pileta.alcohol+'</small></div></div>';
headerList +='<div class="col-3 myItem-element"> <div class="row"><small class="col-12 " style="color: #6c757d;">acvol:</small><small class=" col-12 text-left">'+response.pileta.acvol+'</small></div></div>';
$("#myContent").append(headerList);
valor[0] = (response.pileta.saldo*100)/response.pileta.cap;
miKey[0] = 'myBar0';
move(miKey[0],valor[0]);
}
$(".myItem").click(function(){
var oID = $(this).attr("id");
var res = oID.split("-");
if(!document.getElementById( "details-"+res[1])){
var parametros = {
"pileta" : res[1]
};
crear_detalles_de_pileta(parametros, $(this));
}
});
}});
}
function menuTogle(){
$("#myMenuIcon").toggleClass("menuIcon");
$("#myMenuIcon").toggleClass("cancelIcon");
$("#myNavy").toggle();
$("#myMenuDiv").toggleClass("backBlack");
}
$("#myMenuDiv").click(function(){
menuTogle();
});
$(".nav-item").click(function(){
menuTogle();
});
/* DESPLEGAR TOTALES*************************************************************************/
function crear_lista_de_totales(){
$("#totalesOption").hide();$("#piletasOption").show();$("#buscarPiletas").hide();
//loader
$(".container-login100").addClass(".altoTotal");
$("#myContent").empty();
$(".wrap-login100").hide();
$("#myPreContent").show();
var total_de_mosto, total_de_vino, lista_de_totales, nodo_aux;
var lista_de_mosto= '';
var lista_de_vino= '';
$.ajax({url: path_totales,
type: 'POST',
dataType: 'json',
success: function(response){
lista_de_totales = response.total;
/* quito efecto del loader y muestro container*/
$(".container-login100").removeClass(".altoTotal");
$("#myPreContent").hide();;
$(".wrap-login100").show();
for (let i = 0; i < response.total.length; i++) {
nodo_aux = '<div class="row myTotalItem entrar totalItemContainer" id="'+response.total[i].codtipo+'|'+response.total[i].codcateg+'">';
if (response.total[i].tipo === 'Mosto') {
if(response.total[i].categ === 'TODO'){
nodo_aux += '<h5 class=" col-12 " style="height: 40px; background-color: #339933; color: white; border-top-right-radius: 15px; padding-top:5px;">Totales de '+response.total[i].tipo+' - '+response.total[i].categ+'</h5>';
}else{
nodo_aux += '<h5 class=" col-12 " style="height: 40px; background-color: #9fdf9f; border-top-right-radius: 15px; padding-top:5px;">Totales de '+response.total[i].tipo+' - '+response.total[i].categ+'</h5>';
}
}
if (response.total[i].tipo === 'Vino') {
if(response.total[i].categ === 'TODO'){
nodo_aux += '<h5 class=" col-12 " style="height: 40px; background-color: #0033cc; color: white; border-top-right-radius: 15px; padding-top:5px;">Totales de '+response.total[i].tipo+' - '+response.total[i].categ+'</h5>';
}else{
nodo_aux += '<h5 class=" col-12 " style="height: 40px; background-color: #99b3ff; border-top-right-radius: 15px; padding-top:5px;">Totales de '+response.total[i].tipo+' - '+response.total[i].categ+'</h5>';
}
}
nodo_aux += '<div class="col-12 col-sm-12 totalItem" style="color: #6c757d; height:30px;" >';
nodo_aux += '<small class="" style="">cantidad:&nbsp;&nbsp;&nbsp;</small>';
nodo_aux += '<small class=" valueSmall" style="position: relative;">'+number_format((parseFloat(response.total[i].cant)/100), 0)+'</small></div>';
nodo_aux += '<div class="col-6 col-sm-3 totalItem" style="color: #6c757d; height:30px;" >';
nodo_aux += '<small>azucar:&nbsp;</small>';
nodo_aux += '<small class="valueSmall">'+response.total[i].azucar+'</small></div>';
nodo_aux += '<div class="col-6 col-sm-3 totalItem" style="color: #6c757d; height:30px;" >';
nodo_aux += '<small>alco:&nbsp;</small>';
nodo_aux += '<small class="valueSmall">'+response.total[i].alco+'</small></div>';
nodo_aux += '<div class="col-6 col-sm-3 totalItem" style="color: #6c757d; height:30px;" >';
nodo_aux += '<small>acidez:&nbsp;</small>';
nodo_aux += '<small class="valueSmall">'+response.total[i].acidez+'</small></div>';
nodo_aux += '<div class="col-6 col-sm-3 totalItem" style="color: #6c757d; height:30px;" >';
nodo_aux += '<small>ph:&nbsp;</small>';
nodo_aux += '<small class="valueSmall">'+response.total[i].ph+'</small></div>';
nodo_aux += '<div class="col-6 col-sm-3 totalItem" style="color: #6c757d; height:30px;" >';
nodo_aux += '<small>acvol:&nbsp;</small>';
nodo_aux += '<small class="valueSmall">'+response.total[i].acvol+'</small></div>';
nodo_aux += '<div class="col-6 col-sm-3 totalItem" style="color: #6c757d; height:30px;" >';
nodo_aux += '<small>so2l:&nbsp;</small>';
nodo_aux += '<small class="valueSmall">'+response.total[i].so2l+'</small></div>';
nodo_aux += '<div class="col-6 col-sm-3 totalItem" style="color: #6c757d; height:30px;" >';
nodo_aux += '<small>so2t:&nbsp;</small>';
nodo_aux += '<small class="valueSmall">'+response.total[i].so2t+'</small></div>';
nodo_aux += '<div class="col-6 col-sm-3 totalItem" style="color: #6c757d; height:30px;" >';
nodo_aux += '<small>col420:&nbsp;</small>';
nodo_aux += '<small class="valueSmall">'+response.total[i].col420+'</small></div>';
nodo_aux += '<div class="col-6 col-sm-3 totalItem" style="color: #6c757d; height:30px;" >';
nodo_aux += '<small>col520:&nbsp;</small>';
nodo_aux += '<small class="valueSmall">'+response.total[i].col520+'</small></div>';
nodo_aux += '<div class="col-6 col-sm-3 totalItem" style="color: #6c757d; height:30px;" >';
nodo_aux += '<small>colsum:&nbsp;</small>';
nodo_aux += '<small class="valueSmall">'+response.total[i].colsum+'</small></div>';
nodo_aux += '<div class="col-6 col-sm-3 totalItem" style="color: #6c757d; height:30px;" >';
nodo_aux += '<small>colmat:&nbsp;</small>';
nodo_aux += '<small class="valueSmall">'+response.total[i].colmat+'</small></div>';
nodo_aux += '<div class="col-6 col-sm-3 totalItem" style="color: #6c757d; height:30px;" >';
nodo_aux += '<small>colind:&nbsp;</small>';
nodo_aux += '<small class="valueSmall">'+response.total[i].colind+'</small></div>';
nodo_aux += '</div>';
if (response.total[i].tipo === 'Mosto') {
if(response.total[i].categ === 'TODO'){
total_de_mosto = nodo_aux;
}else{
lista_de_mosto += nodo_aux;
}
}
if (response.total[i].tipo === 'Vino') {
if(response.total[i].categ === 'TODO'){
total_de_vino += nodo_aux;
}else{
lista_de_vino += nodo_aux;
}
}
}
$("#myContent").append(lista_de_mosto);
$("#myContent").append(total_de_mosto);
$("#myContent").append(lista_de_vino);
$("#myContent").append(total_de_vino);
$(".myTotalItem").click(function(){
var oID = $(this).attr("id");
var res = oID.split("|");
var parametros = {
"codtipo" : res[0],
"codcateg" : res[1]
};
buscar_lista_de_piletas(parametros);
});
}
});
}
/* DESPLEGAR DETALLES DE PILETAS*************************************************************************/
function crear_detalles_de_pileta(nro,ido){
$.ajax({url: path_detalles,
type: 'POST',
data: nro,
dataType: 'json',
success: function(response){
//console.log(response.detalle);
var nodos = document.getElementsByClassName("salir");
if(nodos.length>0){
for(var i = 0 ; i < nodos.length ; i++){
nodos[i].remove();
}
}
/*ARMO PANTALLA*/
var detallesList = '<div class="col-12 myItem-details salir" style="" id="details-'+nro+'">';
detallesList += '<div class="row myItem-details-row">';
detallesList += '<div class="col-6 col-sm-4">';
detallesList += '<small style="color: #6c757d;">cap:&nbsp;&nbsp;&nbsp;</small>';
var cap_number = parseInt(response.detalle.cap, 10);
detallesList += '<small class="valueSmall2">'+number_format(cap_number, 0)+'</small></div>';
detallesList += '<div class="col-6 col-sm-4">';
detallesList += '<small style="color: #6c757d;">saldo:&nbsp;&nbsp;&nbsp;</small>';
var saldo_number = parseInt(response.detalle.saldo, 10);
detallesList += '<small class="valueSmall2"><b>'+(number_format(saldo_number, 0))+'</b></small></div>';
detallesList += '<div class="col-6 col-sm-4">';
detallesList += '<small style="color: #6c757d;">alco:&nbsp;</small>';
detallesList += '<small class="valueSmall2">'+response.detalle.alco+'</small></div>';
detallesList += '<div class="col-6 col-sm-4">';
detallesList += '<small style="color: #6c757d;">azucar:&nbsp;</small>';
detallesList += '<small class="valueSmall2">'+response.detalle.azucar+'</small></div>';
detallesList += '<div class="col-6 col-sm-4">';
detallesList += '<small style="color: #6c757d;">acidez:&nbsp;</small>';
detallesList += '<small class="valueSmall2">'+response.detalle.acidez+'</small></div>';
detallesList += '<div class="col-6 col-sm-4">';
detallesList += '<small style="color: #6c757d;">ph:&nbsp;</small>';
detallesList += '<small class="valueSmall2">'+response.detalle.ph+'</small></div>';
detallesList += '<div class="col-6 col-sm-4">';
detallesList += '<small style="color: #6c757d;">acvol:&nbsp;</small>';
detallesList += '<small class="valueSmall2">'+response.detalle.acvol+'</small></div>';
detallesList += '<div class="col-6 col-sm-4">';
detallesList += '<small style="color: #6c757d;">so2l:&nbsp;</small>';
detallesList += '<small class="valueSmall2">'+response.detalle.so2l+'</small></div>';
detallesList += '<div class="col-6 col-sm-4">';
detallesList += '<small style="color: #6c757d;">so2t:&nbsp;</small>';
detallesList += '<small class="valueSmall2">'+response.detalle.so2t+'</small></div>';
detallesList += '<div class="col-6 col-sm-4">';
detallesList += '<small style="color: #6c757d;">col420:&nbsp;</small>';
detallesList += '<small class="valueSmall2">'+response.detalle.col420+'</small></div>';
detallesList += '<div class="col-6 col-sm-4">';
detallesList += '<small style="color: #6c757d;">col520:&nbsp;</small>';
detallesList += '<small class="valueSmall2">'+response.detalle.col520+'</small></div>';
detallesList += '<div class="col-6 col-sm-4">';
detallesList += '<small style="color: #6c757d;">colsum:&nbsp;</small>';
detallesList += '<small class="valueSmall2">'+response.detalle.colsum+'</small></div>';
detallesList += '<div class="col-6 col-sm-4">';
detallesList += '<small style="color: #6c757d;">colmat:&nbsp;</small>';
detallesList += '<small class="valueSmall2">'+response.detalle.colmat+'</small></div>';
detallesList += '<div class="col-6 col-sm-4">';
detallesList += '<small style="color: #6c757d;">colind:&nbsp;</small>';
detallesList += '<small class="valueSmall2">'+response.detalle.colind+'</small></div>';
detallesList += '</div></div>';
ido.after(detallesList);
$(".myItem-details").click(function(){
$(this).remove();
});
}
});
}
/* DESPLEGAR LISTA DE PILETAS
*************************************************************************/
function crear_lista_de_piletas(){
$("#piletasOption").hide();$("#totalesOption").show();
$("#buscarPiletas").show();
//loader
$(".container-login100").addClass(".altoTotal");
$("#myContent").empty();
$(".wrap-login100").hide();
$("#myPreContent").show();
$.ajax({url: path_piletas,
type: 'POST',
dataType: 'json',
success: function(response){
lista_de_piletas = response.pileta;
//console.log(response);
var valor =[];
var miKey =[];
$(".container-login100").removeClass(".altoTotal");
$("#myPreContent").hide();;
$(".wrap-login100").show();
for (var i = 0; i < response.pileta.length ; i++){
var headerList = '<div class="row myItem entrar" id="item-'+response.pileta[i].id+'">';
headerList +='<div class="col-2 myProgress">';
headerList +='<div class="myBar" id="myBar'+i+'"></div></div>';
headerList +='<div class="col-10"> <div class=" row"> <h5 class=" col-10 myItem-title">'+response.pileta[i].desc+'</h5> <h4 class=" col-2 myItem-title">'+response.pileta[i].id+'</h4>';
headerList +='<div class="col-4 col-sm-2 myItem-element"> <div class="row"><small class="col-12 " style="color: #6c757d;">saldo:</small><small class=" col-12 text-left text-nowrap "><b>'+number_format(response.pileta[i].saldo, 0)+'</b></small></div></div>';
headerList +='<div class="col-4 col-sm-2 myItem-element"> <div class="row"><small class="col-12 " style="color: #6c757d;">azucar:</small><small class=" col-12 text-left">'+response.pileta[i].azucar+'</small></div></div>';
headerList +='<div class="col-4 col-sm-2 myItem-element"> <div class="row"><small class="col-12 " style="color: #6c757d;">alcohol:</small><small class=" col-12 text-left">'+response.pileta[i].alcohol+'</small></div></div>';
headerList +='<div class="col-6 col-sm-2 myItem-element"> <div class="row"><small class="col-12 " style="color: #6c757d;">acvol:</small><small class=" col-12 text-left">'+response.pileta[i].acvol+'</small></div></div>';
headerList +='<div class="col-6 col-sm-3 myItem-element"> <div class="row"><small class="col-12 " style="color: #6c757d;">ulmov.:</small><small class=" col-12 text-left">'+response.pileta[i].ulmov+'</small></div></div>';
$("#myContent").append(headerList);
valor[i] = (response.pileta[i].saldo*100)/response.pileta[i].cap;
miKey[i] = 'myBar'+i;
}
for(var i = 0; i < response.pileta.length ; i++){
move(miKey[i],valor[i]);
}
$(".myItem").click(function(){
var oID = $(this).attr("id");
var res = oID.split("-");
if(!document.getElementById( "details-"+res[1])){
var parametros = {
"pileta" : res[1]
};
crear_detalles_de_pileta(parametros, $(this));
}
});
}});
}
$("#buscarPiletas").click(function(){
//$("#myQuest").toggleClass("invisible");
$("#myQuest").toggle();
});
$("#cerrarQuest").click(function(){
//$("#myQuest").toggleClass("invisible");
$("#myQuest").toggle();
});
/* ELEMENTOS DEL FORMULARIO BUSQUEDA
***********************************************************************************/
function agreagar_options_quest(obj){
while (obj.hasChildNodes()) {
obj.removeChild(obj.firstChild);
}
var nombres = []; var agregar_item=" ";
var misCampos = document.getElementsByClassName("selectColection");
for (i = 0; i < misCampos.length; i++) {
//console.log(misCampos[i].value) ;
nombres.push (misCampos[i].value);
}
if (nombres.indexOf("alcohol") < 0) {
agregar_item += '<option value="alcohol">Alcohol</option>';}
if (nombres.indexOf("azucar") < 0) {
agregar_item += '<option value="azucar">Az&uacute;car</option>';}
if (nombres.indexOf("acidez") < 0) {
agregar_item += '<option value="acidez">Acidez</option>';}
if (nombres.indexOf("ph") < 0) {
agregar_item += '<option value="ph">Ph</option>';}
if (nombres.indexOf("acvol") < 0) {
agregar_item += '<option value="acvol">Volatil</option>';}
if (nombres.indexOf("so2l") < 0) {
agregar_item += '<option value="so2l">So2l</option>';}
if (nombres.indexOf("so2t") < 0) {
agregar_item += '<option value="so2t">So2t</option>';}
if (nombres.indexOf("colsum") < 0) {
agregar_item += '<option value="colsum">Colsum</option>';}
if (nombres.indexOf("colmat") < 0) {
agregar_item += '<option value="colmat">Colmat</option>';}
if (nombres.indexOf("colin") < 0) {
agregar_item += '<option value="colin">Colind</option>';
}
$(obj).append(agregar_item);
}
function agregar_item_quest(cant_item){
cant_item=cant_item+1;
var agregar_item = '<form class="myFormQuest row" id="mySubFormQuest-'+cant_item+'">';
// agregar_item += '<select class=" form-control form-control-sm col-3 selectColection" id="myItemQuest-'+cant_item+'-1" name="campo" onclick="agreagar_options_quest(this)">';
agregar_item += '<select class=" form-control form-control-sm col-3 selectColection" id="myItemQuest-'+cant_item+'-1" name="campo" >';
var misCampos = document.getElementsByClassName("selectColection");
var nombres = [];
for (i = 0; i < misCampos.length; i++) {
//console.log(misCampos[i].value) ;
nombres.push (misCampos[i].value);
}
if (nombres.indexOf("alcohol") < 0) {
agregar_item += '<option value="alcohol">Alcohol</option>';}
if (nombres.indexOf("azucar") < 0) {
agregar_item += '<option value="azucar">Az&uacute;car</option>';}
if (nombres.indexOf("acidez") < 0) {
agregar_item += '<option value="acidez">Acidez</option>';}
if (nombres.indexOf("ph") < 0) {
agregar_item += '<option value="ph">Ph</option>';}
if (nombres.indexOf("acvol") < 0) {
agregar_item += '<option value="acvol">Volatil</option>';}
if (nombres.indexOf("so2l") < 0) {
agregar_item += '<option value="so2l">So2l</option>';}
if (nombres.indexOf("so2t") < 0) {
agregar_item += '<option value="so2t">So2t</option>';}
if (nombres.indexOf("colsum") < 0) {
agregar_item += '<option value="colsum">Colsum</option>';}
if (nombres.indexOf("colmat") < 0) {
agregar_item += '<option value="colmat">Colmat</option>';}
if (nombres.indexOf("colin") < 0) {
agregar_item += '<option value="colin">Colind</option>';
}
/* agregar_item += '<option value="alcohol">Alcohol</option>';
agregar_item += '<option value="azucar">Az&uacute;car</option>';
agregar_item += '<option value="acidez">Acidez</option>';
agregar_item += '<option value="ph">Ph</option>';
agregar_item += '<option value="acvol">Volatil</option>';
agregar_item += '<option value="so2l">So2l</option>';
agregar_item += '<option value="so2t">So2t</option>';
agregar_item += '<option value="colsum">Colsum</option>';
agregar_item += '<option value="colmat">Colmat</option>';
agregar_item += '<option value="colin">Colind</option>';
*/
agregar_item += '</select>';
agregar_item += '<select class="form-control form-control-sm col-4" id="myItemQuest-'+cant_item+'-2" name="operador">';
agregar_item += '<optionvalue="0">igual que</option><option value="2">mayor que</option><option value="4">menor que</option><option value="1">distinto que</option></select>';
agregar_item += '<input type="text" class="form-control form-control-sm col-3 col-sm-4" id="myItemQuest-'+cant_item+'-3" name="valor" placeholder="000.00">';
agregar_item += '<div class=" col-1 quitarFiltro" id="myItemQuest-'+cant_item+'-3" onclick="quitar_item_quest(this)">&nbsp;&nbsp;-</div></form>';
$("#questingThings").append(agregar_item);
return cant_item;
}
function quitar_item_quest(obj){
var oID = obj.attributes[1].value;
var res = oID.split("-");
var parent = document.getElementById("questingThings");
var child = document.getElementById("mySubFormQuest-"+res[1]);
parent.removeChild(child);
}
function validar_input_isNum(){
var elems = document.body.getElementsByTagName("input");
var flag = true;
for(i = 0; i < elems.length; i++) {
var valor = elems[i].value;
var res = valor.match(/^[0-9]+([.][0-9]+)?$/);
if(!res) {
flag = false;
}
}
if(flag==false)
alert("Los campos de entrada solo pueden tener números con el formato (000.00) y no deben estar vacíos");
return flag;
}
function busqueda_de_filtros(){
var elems = document.body.getElementsByTagName("form");
var parametros = "{";
for(i = 0; i < elems.length; i++) {
var aux = (elems[i].id).split("-");
var campoi = document.getElementById("myItemQuest-"+aux[1]+"-1").value;
var operator = document.getElementById("myItemQuest-"+aux[1]+"-2").value;
var values = document.getElementById("myItemQuest-"+aux[1]+"-3").value;
var myObj = {campo: campoi, operador: operator, valor: values};
if (i==0) {
parametros += '"'+i+'":'+JSON.stringify(myObj);
}else{
parametros += ',"'+i+'":'+JSON.stringify(myObj);
}
//console.log(parametros);
}
parametros += "}";
parametros2 = JSON.parse(parametros);
/*
var parametros = new Object();
for(i = 0; i < elems.length; i++) {
var aux = (elems[i].id).split("-");
var campoi = document.getElementById("myItemQuest-"+aux[1]+"-1").value;
var operator = document.getElementById("myItemQuest-"+aux[1]+"-2").value;
var values = document.getElementById("myItemQuest-"+aux[1]+"-3").value;
var myObj = {campo: campoi, operador: operator, valor: values};
parametros.i= myObj;
} */
/* var parametros= {
"codtipo" : res[0],
"codcateg" : res[1]
};
*/
// console.log(parametros2);
//loader
$(".container-login100").addClass(".altoTotal");
$("#myContent").empty();
$(".wrap-login100").hide();
$("#myPreContent").show();
$("#myQuest").hide();
$.ajax({url: path_busqueda,
type: 'POST',
data: parametros2,
dataType: 'json',
success: function(response){
lista_de_piletas = response.pileta;
// console.log(lista_de_piletas);
var valor =[];
var miKey =[];
$(".wrap-login100").show();
$("#myPreContent").hide();
$(".container-login100").removeClass(".altoTotal");
if(Array.isArray(response.pileta)){
for (var i = 0; i < response.pileta.length ; i++){
var headerList = '<div class="row myItem entrar" id="item-'+response.pileta[i].id+'"><div class="col-2 myProgress"><div class="myBar" id="myBar'+i+'"></div></div><div class="col-10"> <div class=" row"> <h5 class=" col-10 myItem-title">'+response.pileta[i].desc+'</h5> <h4 class=" col-2 myItem-title">'+response.pileta[i].id+'</h4>';
headerList +='<div class="col-3 myItem-element"> <div class="row"><small class="col-12 " style="color: #6c757d;" >saldo:</small><small class=" col-12 text-left text-nowrap "><b>'+number_format(response.pileta[i].saldo, 0)+'</b></small></div></div>';
headerList +='<div class="col-3 myItem-element"> <div class="row"><small class="col-12 " style="color: #6c757d;" >azucar:</small><small class=" col-12 text-left">'+response.pileta[i].azucar+'</small></div></div>';
headerList +='<div class="col-3 myItem-element"> <div class="row"><small class="col-12 " style="color: #6c757d;" >alcohol:</small><small class=" col-12 text-left">'+response.pileta[i].alcohol+'</small></div></div>';
headerList +='<div class="col-3 myItem-element"> <div class="row"><small class="col-12 " style="color: #6c757d;" >acvol:</small><small class=" col-12 text-left">'+response.pileta[i].acvol+'</small></div></div>';
$("#myContent").append(headerList);
valor[i] = (response.pileta[i].saldo*100)/response.pileta[i].cap;
miKey[i] = 'myBar'+i;
}
for(var i = 0; i < response.pileta.length ; i++){
move(miKey[i],valor[i]);
}
}else{
var headerList = '<div class="row myItem entrar" id="item-'+response.pileta.id+'"><div class="col-2 myProgress"><div class="myBar" id="myBar0"></div></div><div class="col-10"> <div class=" row"> <h5 class=" col-10 myItem-title">'+response.pileta.desc+'</h5> <h4 class=" col-2 myItem-title">'+response.pileta.id+'</h4>';
headerList +='<div class="col-3 myItem-element"> <div class="row"><small class="col-12 " style="color: #6c757d;">saldo:</small><small class=" col-12 text-left text-nowrap "><b>'+number_format(response.pileta.saldo, 0)+'</b></small></div></div>';
headerList +='<div class="col-3 myItem-element"> <div class="row"><small class="col-12 " style="color: #6c757d;">azucar:</small><small class=" col-12 text-left">'+response.pileta.azucar+'</small></div></div>';
headerList +='<div class="col-3 myItem-element"> <div class="row"><small class="col-12 " style="color: #6c757d;">alcohol:</small><small class=" col-12 text-left">'+response.pileta.alcohol+'</small></div></div>';
headerList +='<div class="col-3 myItem-element"> <div class="row"><small class="col-12 " style="color: #6c757d;">acvol:</small><small class=" col-12 text-left">'+response.pileta.acvol+'</small></div></div>';
$("#myContent").append(headerList);
valor[0] = (response.pileta.saldo*100)/response.pileta.cap;
miKey[0] = 'myBar0';
move(miKey[0],valor[0]);
}
$(".myItem").click(function(){
var oID = $(this).attr("id");
var res = oID.split("-");
if(!document.getElementById( "details-"+res[1])){
var parametros = {
"pileta" : res[1]
};
crear_detalles_de_pileta(parametros, $(this));
}
});
}});
}
function openStock(evt, stockName) {
// Declare all variables
var i, tabcontent, tablinks, aux;
if (document.getElementById(stockName).style.display==="block") {
aux=1;
}
// Get all elements with class="tabcontent" and hide them
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
// Get all elements with class="tablinks" and remove the class "active"
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
// Show the current tab, and add an "active" class to the button that opened the tab
if (aux==1) {
document.getElementById(stockName).style.display = "none";
}else{
document.getElementById(stockName).style.display = "block";
evt.currentTarget.className += " active";
}
// console.log("igualdad es= "+document.getElementById(stockName).style.display);
}
function formatNumber(num) {
if (!num || num == 'NaN') return '-';
if (num == 'Infinity') return '&#x221e;';
num = num.toString().replace(/\$|\,/g, '');
if (isNaN(num))
num = "0";
sign = (num == (num = Math.abs(num)));
num = Math.floor(num * 100 + 0.50000000001);
cents = num % 100;
num = Math.floor(num / 100).toString();
if (cents < 10)
cents = "0" + cents;
for (var i = 0; i < Math.floor((num.length - (1 + i)) / 3) ; i++)
num = num.substring(0, num.length - (4 * i + 3)) + '.' + num.substring(num.length - (4 * i + 3));
return (((sign) ? '' : '-') + num + ',' + cents);
}
function verStocks(){
$("#piletasOption").show();
$("#totalesOption").show();
$("#buscarPiletas").hide();
$("#myQuest").hide();
//loader
$(".container-login100").addClass(".altoTotal");
$("#myContent").empty();
$(".wrap-login100").hide();
$("#myPreContent").show();
$.ajax({url: path_stocks,
type: 'POST',
dataType: 'json',
success: function(response){
//lista_de_stocks = response.salsto;
//console.log(lista_de_stocks.estado);
var lista_de_stocks = response.salsto;
//console.log(lista_de_stocks[1]);
console.log(lista_de_stocks);
$(".container-login100").removeClass(".altoTotal");
$("#myPreContent").hide();;
$(".wrap-login100").show();
var aux= '';
var headerList = '<div class="tab">';
headerList += '<button class="tablinks col-6 active" onclick="openStock(event, \'Insumos\')">Insumos</button>';
headerList += '<button class="tablinks col-6" onclick="openStock(event, \'Planchadas\')">Planchadas</button></div>';
headerList += '<div id="Insumos" class="tabcontent" style="display: block;">';
for (i = 0; i < lista_de_stocks.length; i++) {
if (lista_de_stocks[i].estado=="STKMP") {
headerList += '<div class="row myItem" style="height:60px; font-size: 0.8rem;">';
headerList += '<div class="col-12" style="height:30px; padding-top: 5px;">'+lista_de_stocks[i].descprod+'</div>';
headerList += '<div class="col-4" style="height:30px;"><small style="color: #6c757d;">Cod.:&nbsp;&nbsp;</small>'+lista_de_stocks[i].producto+' '+lista_de_stocks[i].umed+'</div>';
headerList += '<div class="col-4" style="height:30px;"><small style="color: #6c757d;">Cant.:&nbsp;&nbsp;</small>'+number_format((lista_de_stocks[i].cant/100), 0)+'</div>';
headerList += '<div class="col-4" style="height:30px;"><small style="color: #6c757d;">Ult-mov.:&nbsp;&nbsp;</small>'+lista_de_stocks[i].ulfec+'</div>';
headerList += '</div>';
}else{
aux += '<div class="row myItem" style="height:60px; font-size: 0.8rem;">';
aux += '<div class="col-12" style="height:30px; padding-top: 5px;">'+lista_de_stocks[i].descprod+'</div>';
aux += '<div class="col-4" style="height:30px;"><small style="color: #6c757d;">Cod.:&nbsp;&nbsp;</small>'+lista_de_stocks[i].producto+' '+lista_de_stocks[i].umed+'</div>';
aux += '<div class="col-4" style="height:30px;"><small style="color: #6c757d;">Cant.:&nbsp;&nbsp;</small>'+number_format((lista_de_stocks[i].cant/100), 0)+'</div>';
aux += '<div class="col-4" style="height:30px;"><small style="color: #6c757d;">Ult-mov.:&nbsp;&nbsp;</small>'+lista_de_stocks[i].ulfec+'</div>';
aux += '</div>';
}
}
headerList += '</div>';
headerList += '<div id="Planchadas" class="tabcontent">';
headerList += aux;
headerList += '</div>';
$("#myContent").append(headerList);
}
});
}
function verStocks(){
//buttoms
$("#piletasOption").show();
$("#totalesOption").show();
$("#buscarPiletas").hide();
$("#myQuest").hide();
//loader
$(".container-login100").addClass(".altoTotal");
$("#myContent").empty();
$(".wrap-login100").hide();
$("#myPreContent").show();
$.ajax({url: path_stocks,
type: 'POST',
dataType: 'json',
success: function(response){
var lista_de_stocks = response.salsto;
console.log(lista_de_stocks);
$(".container-login100").removeClass(".altoTotal");
$("#myPreContent").hide();;
$(".wrap-login100").show();
var headerList = '<div class="tab row" style="margin-top:16px;">';
headerList += '<button class="tablinks col-12" id="tablink_planch" onclick="openStock(event, \'planch_id\')">Planchadas</button>';
headerList += '<button class="tablinks col-12 active" style="border-top: 1px solid gray;" id="tablink_ven" onclick="openStock(event, \'ven_id\')">Insumos Venta</button>';
headerList += '<button class="tablinks col-12" style="border-top: 1px solid gray;" id="tablink_bode" onclick="openStock(event, \'bode_id\')">Insumos Bodega</button>';
headerList += '<button class="tablinks col-12" style="border-top: 1px solid gray;" id="tablink_frac" onclick="openStock(event, \'frac_id\')">Insumos Fraccionamiento</button>';
headerList += '<button class="tablinks col-12" style="border-top: 1px solid gray;" id="tablink_gral" onclick="openStock(event, \'gral_id\')">Insumos General</button>';
headerList += '</div>';
var divs_planchadas = '<div id="planch_id" class="tabcontent">';
var divs_ventas = '<div id="ven_id" class="tabcontent">';
var divs_frac = '<div id="frac_id" class="tabcontent">';
var divs_bode = '<div id="bode_id" class="tabcontent">';
var divs_gral = '<div id="gral_id" class="tabcontent">';
for (i = 0; i < lista_de_stocks.length; i++) {
var fecha = lista_de_stocks[i].ulfec;
if (lista_de_stocks[i].estado=="STKMP") {
if(lista_de_stocks[i].uso=="FRAC"){
divs_frac += '<div class="row myItem" style="height:60px; font-size: 0.8rem;">';
divs_frac += '<div class="col-md-12 col-7" style="height:30px; padding-top: 5px; text-align: left;">'+lista_de_stocks[i].descprod+'</div>';
divs_frac += '<div class="col-md-4 col-5" style="height:30px; text-align: left;"><small style="color: #6c757d; text-align: left;">Cod.:&nbsp;&nbsp;</small>'+lista_de_stocks[i].producto+'</div>';
divs_frac += '<div class="col-md-4 col-6" style="height:30px; text-align: left;"><small style="color: #6c757d; text-align: left;">Cant.:&nbsp;&nbsp;</small>'+number_format((lista_de_stocks[i].cant/100), 0)+' '+lista_de_stocks[i].umed+'</div>';
divs_frac += '<div class="col-md-4 col-6" style="height:30px;"><small style="color: #6c757d;">Ult-mov.:&nbsp;&nbsp;</small>'+fecha+'</div>';
divs_frac += '</div>';
}else if (lista_de_stocks[i].uso=="BODE") {
divs_bode +='<div class="row myItem" style="height:60px; font-size: 0.8rem;">';
divs_bode += '<div class="col-md-12 col-7" style="height:30px; padding-top: 5px; text-align: left;">'+lista_de_stocks[i].descprod+'</div>';
divs_bode += '<div class="col-md-4 col-5" style="height:30px; text-align: left;"><small style="color: #6c757d; text-align: left;">Cod.:&nbsp;&nbsp;</small>'+lista_de_stocks[i].producto+'</div>';
divs_bode += '<div class="col-md-4 col-6" style="height:30px; text-align: left;"><small style="color: #6c757d; text-align: left;">Cant.:&nbsp;&nbsp;</small>'+number_format((lista_de_stocks[i].cant/100), 0)+' '+lista_de_stocks[i].umed+'</div>';
divs_bode += '<div class="col-md-4 col-6" style="height:30px;"><small style="color: #6c757d;">Ult-mov.:&nbsp;&nbsp;</small>'+fecha+'</div>';
divs_bode += '</div>';
}else if (lista_de_stocks[i].uso=="VENTA") {
divs_ventas += '<div class="row myItem" style="height:60px; font-size: 0.8rem;">';
divs_ventas += '<div class="col-md-12 col-7" style="height:30px; padding-top: 5px; text-align: left;">'+lista_de_stocks[i].descprod+'</div>';
divs_ventas += '<div class="col-md-4 col-5" style="height:30px; text-align: left;"><small style="color: #6c757d; text-align: left;">Cod.:&nbsp;&nbsp;</small>'+lista_de_stocks[i].producto+'</div>';
divs_ventas += '<div class="col-md-4 col-6" style="height:30px; text-align: left;"><small style="color: #6c757d; text-align: left;">Cant.:&nbsp;&nbsp;</small>'+number_format((lista_de_stocks[i].cant/100), 0)+' '+lista_de_stocks[i].umed+'</div>';
divs_ventas += '<div class="col-md-4 col-6" style="height:30px;"><small style="color: #6c757d;">Ult-mov.:&nbsp;&nbsp;</small>'+fecha+'</div>';
divs_ventas += '</div>';
}else{
divs_gral += '<div class="row myItem" style="height:60px; font-size: 0.8rem;">';
divs_gral += '<div class="col-md-12 col-7" style="height:30px; padding-top: 5px; text-align: left;">'+lista_de_stocks[i].descprod+'</div>';
divs_gral += '<div class="col-md-4 col-5" style="height:30px; text-align: left;"><small style="color: #6c757d; text-align: left;">Cod.:&nbsp;&nbsp;</small>'+lista_de_stocks[i].producto+'</div>';
divs_gral += '<div class="col-md-4 col-6" style="height:30px; text-align: left;"><small style="color: #6c757d; text-align: left;">Cant.:&nbsp;&nbsp;</small>'+number_format((lista_de_stocks[i].cant/100), 0)+' '+lista_de_stocks[i].umed+'</div>';
divs_gral += '<div class="col-md-4 col-6" style="height:30px;"><small style="color: #6c757d;">Ult-mov.:&nbsp;&nbsp;</small>'+fecha+'</div>';
divs_gral += '</div>';
}
}else{
divs_planchadas += '<div class="row myItem" style="height:60px; font-size: 0.8rem;">';
divs_planchadas += '<div class="col-md-12 col-7" style="height:30px; padding-top: 5px; text-align: left;">'+lista_de_stocks[i].descprod+'</div>';
divs_planchadas += '<div class="col-md-4 col-5" style="height:30px; text-align: left;"><small style="color: #6c757d; text-align: left;">Cod.:&nbsp;&nbsp;</small>'+lista_de_stocks[i].producto+'</div>';
divs_planchadas += '<div class="col-md-4 col-6" style="height:30px; text-align: left;"><small style="color: #6c757d; text-align: left;">Cant.:&nbsp;&nbsp;</small>'+number_format((lista_de_stocks[i].cant/100), 0)+' '+lista_de_stocks[i].umed+'</div>';
divs_planchadas += '<div class="col-md-4 col-6" style="height:30px;"><small style="color: #6c757d;">Ult-mov.:&nbsp;&nbsp;</small>'+fecha+'</div>';
divs_planchadas += '</div>';
}
}
divs_planchadas += '</div>';
divs_ventas += '</div>';
divs_frac += '</div>';
divs_bode += '</div>';
divs_gral += '</div>';
$("#myContent").append(headerList);
$("#tablink_planch").append(divs_planchadas);
$("#tablink_ven").append(divs_ventas);
$("#tablink_bode").append(divs_bode);
$("#tablink_frac").append(divs_frac);
$("#tablink_gral").append(divs_gral);
}
});
}
function topFunction() {
document.body.scrollTop = 0; // For Safari
document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
}
/* COMIENZA LA CARGA DE COMPORTAMIENTO DE PAGINA ***************************************************************************************/
var cant_item= 1;
$( document ).ready(function() {
$("#myNavy").removeClass("invisible");
$("#myNavy").hide();
$("#myQuest").removeClass("invisible");
$("#myQuest").hide();
$("#totalesOption").hide();
$(".wrap-login100").removeClass("invisible");
$(".wrap-login100").hide();
$("#piletasOption").click(function(){
crear_lista_de_piletas();
});
$("#totalesOption").click(function(){
crear_lista_de_totales();
$("#buscarPiletas").hide();
});
$("#stocksOption").click(function(){
verStocks();
// getStocks();
});
$(".botonAgregar").click(function(){
cant_item= agregar_item_quest(cant_item);
});
$(".botonBuscar").click(function(){
var isOk= validar_input_isNum();
if (isOk==true)
busqueda_de_filtros();
});
$("#myMenuIcon2").hide();
crear_lista_de_totales();
$(window).scroll(function(){
if ($(this).scrollTop() > 250) {
$('#boton-top').fadeIn();
} else {
$('#boton-top').fadeOut();
}
});
});