test.js

//Brackets GIT
var regRec = [];
var regCrank = [];
var cadenaAmp = []; //para salvar las 3 cadenas que me detectaron el crank
var cadena = "";
var temultimo ="";
var humultimo ="";
var batultimo="";
var preultimo ="";
var esFreeze ="";
var banErrorLectura = 0;
var amperaje ="";
var voltaje ="";
var conCiclos=10;

//grafica
var grafica;
var cantPuntosMostrar = 80;
var amp = []; // dataPoints
var vol = []; // dataPoints
var xVal = 0;

//rec
var recActivo = 0;

//crank
var crankActivo = 0;
var guardandoCrank = 0;
var ampAnt = 0;
var contAmp = 0;
var graboCrank;

function cargaJS(){
	cargaIdioma();
	//SETEO VARIABLES DE TEXTO
	$('#observacion-graba').attr("placeholder",tex_observacion_graba);
	$('#observacion-crank').attr("placeholder",tex_observacion_crank);
	
	//creo grafica
	//crearGraf();
	graficaCanvas();
	//cometa();
}

function rompoJS(){
	//mato testCometa si es que hay una instancia al abrir TEST
	if(testCometa){
		testCometa.close();
		testCometa = null;
	}
	grafica=null;
	updateGrafica=null;	
}

/* #################################################### COMETA #################################################### */

testCometa = new EventSource('test_cometa.php');
//traigo datos
testCometa.addEventListener('message', function(e) {
	var dataCometa = JSON.parse(e.data);
	cadena = dataCometa;
	console.log(cadena);
	//console.log(e.data); //debug de lo que viene
	//return true;
	//console.log(batultimo);
	
	
	//cargo valores a voltaje y amperaje
	if(cadena != "errorLectura"){
		if(banErrorLectura == 1){
			banErrorLectura = 0
			seteoCartel();
		}
		
		//seteo voltaje y amperaje para graficas
		voltaje = dataCometa.sensores.vol;
		amperaje = dataCometa.sensores.amp;
		
		//controlo que no venga basura
	//	if( (voltaje != 0) || (amperaje > -1000) ){
			mostrarVoltaje(voltaje);
			
			if(amperaje > -1 && amperaje < 2){
				amperaje = 0;
			}
			mostrarAmperaje(parseInt(amperaje));
			
			// actualizo grafica
			
			amp.push({x: xVal, y: amperaje});
			vol.push({x: xVal, y: voltaje});
			xVal++;
			//muevo grafica
			if (amp.length > cantPuntosMostrar){
				amp.shift();
				vol.shift();	
			}
			grafica.render();	
		//} //no va mas??????
		
				
		//cambio gauges si hay cambio
		if(batultimo != dataCometa.sensores.bat){
			mostrarBateria(parseInt(dataCometa.sensores.bat));
			batultimo = dataCometa.sensores.bat;
		}
		if(temultimo != dataCometa.sensores.tem){
			mostrarTemperatura(parseInt(dataCometa.sensores.tem));
			temultimo = dataCometa.sensores.tem;
		}	
		if(preultimo != dataCometa.sensores.pre){
			mostrarPresion(parseInt(dataCometa.sensores.pre));
			preultimo = dataCometa.sensores.pre;
		}	
		if(humultimo != dataCometa.sensores.hum){
			mostrarHumedad(parseInt(dataCometa.sensores.hum));
			humultimo = dataCometa.sensores.hum;
		}
		
		//##### grabacion de REC si esta activo
		if ($("#btnRec").hasClass("RecActivo")) {
			if( (parseInt(voltaje) != 0) || (parseInt(amperaje) > -1000) ){
				regRec.push(dataCometa);	
				console.log("push"); //insulae
			}
			
			
			if(conCiclos == 10){
				relojMostrar = reloj(($('#btnRec').attr("duracion")/10)-1);
				console.log($('#btnRec').attr("duracion"));
				$('#btnRec').text(relojMostrar);
				$('#btnRec').attr("duracion", $('#btnRec').attr("duracion") - 10);
				conCiclos = 1;
			}
			else{
				conCiclos++;
			}
			
			//si el boton llego a 0 doy por finalizada la grabacion
			if($('#btnRec').attr("duracion") == 0){
				terminoGrabacion();
			}
		}
	
		// ########### CONTROL DE ACTIVACION DE CRANK Y CREACION DE DATOS DEL CRANK ##########
		
		//controlo diferencial 3 veces para evitar ruidos y recien disparo crank
		if(parseInt(amperaje-ampAnt)>crankDif && ampAnt > 0){
			
			//salvo los 3 primeros cranks
			if(contAmp<3){
				cadenaAmp[contAmp]=cadena;
			}
			//cuento el diferencial
			contAmp++;
		}
		if(contAmp == 0){
			ampAnt = amperaje;
		}
		
		if(contAmp > 2 && crankActivo == 0 && guardandoCrank == 0){
				//console.log("crank");
				crankActivo = 1;		//seteo que hay crank
				
				//se activo crank guardo las 3 primeras cadenas
				regCrank.push(cadenaAmp[0]);
				regCrank.push(cadenaAmp[1]);
				regCrank.push(cadenaAmp[2]);

				graboCrank = true;		//seteo que grabo
				seteoCartel();
				setTimeout(function(){graboCrank = false},duracionCrank);
		}
	
		// GRABO CRANK
		if(crankActivo == 1){
			//console.log("grabo crank: "+ cadena);
			if(graboCrank){
				if( (voltaje != 0) || (amperaje > -1000) ){
					regCrank.push(cadena);	
				}
			}else{
				crankActivo=0;
				guardandoCrank = 1;
				seteoCartel();
				//lleno combo motor
				for (var i = 1; i <= avion_motores; i++) {
				
					$('#motor-crank').append('<option value=' + i+ '>' + i+ '</option>');
				}
				if(avion_apu == 1){
					$('#motor-crank').append('<option value="0">APU</option>');
				}
				//levanto Alta Crank
				$('#modalAltaCrank').modal('show');
				$('.modal-backdrop').remove();
			}
		}		
		// ########### FIN CRANK ############
		
	}else{
		if(banErrorLectura != 1){
			mostrarVoltaje(0);
			mostrarAmperaje(0);
			mostrarBateria(0);
			mostrarTemperatura(0);
			mostrarHumedad(0);
			mostrarPresion(0);
			seteoCartel();
			banErrorLectura = 1;
			ampAnt = 0;
		}
	}	
}, false);


function reloj(TotalSegundos) {
	var relojHora = Math.floor( TotalSegundos / 3600 );  
	var relojMinutos = Math.floor( (TotalSegundos % 3600) / 60 );
	var relojSegundos = TotalSegundos % 60;
	 
	//Anteponiendo un 0 a los minutos si son menos de 10 
	relojMinutos = relojMinutos < 10 ? '0' + relojMinutos : relojMinutos;
	 
	//Anteponiendo un 0 a los segundos si son menos de 10 
	relojSegundos = relojSegundos < 10 ? '0' + relojSegundos : relojSegundos;
	 
	//var relojFinal = relojHora + ":" + relojMinutos + ":" + relojSegundos;  // 2:41:30
	var relojFinal = relojMinutos + ":" + relojSegundos;  // 2:41:30
	return relojFinal;
}


/* #################################################### CRANK #################################################### */

//accion de eliminar todo tipo de test (cierro modal)
$('#descartar-crank').click(function(){
	guardandoCrank= 0;
	contAmp = 0;
	ampAnt=0;
	$('#modalAltaCrank').modal('hide');
});

//accion de guardar todo tipo de test (cierro modal)
$('#guardar-crank').click(function(){
	guardarGrabacion(1,regCrank); //0 indica que no es crank
	guardandoCrank = 0;
	contAmp = 0;
	ampAnt=0;
	$('#modalAltaCrank').modal('hide');
});
/* #################################################### CRANK #################################################### */






/* #################################################### GRABACION #################################################### */ 


//seteo cartel para crank y rec
function seteoCartel(){
	if(cadena == "errorLectura"){
		$('#cartel').addClass("cartel-error");
		$('#cartel').text("ERROR");
	}else{
		$('#cartel').removeClass("cartel-error");
		//hay crank y rec
		if(crankActivo==1 && recActivo ==1){
			$('#cartel').text(tex_cartel_rec_crank);
			$('#cartel').addClass("cartel-rec");
		
		//hay solo crank		
		}else if(crankActivo==1 && recActivo ==0){
			$('#cartel').text(tex_cartel_soloCrank);
			$('#cartel').addClass("cartel-rec");
		
		//hay solo rec
		}else if(crankActivo==0 && recActivo ==1){
			$('#cartel').text(tex_cartel_soloRec);
			$('#cartel').addClass("cartel-rec");
	
		//no hay nada
		}else if(crankActivo==0 && recActivo ==0){
			$('#cartel').text(tex_cartel);
			$('#cartel').removeClass("cartel-rec");		
		}
	}
}

//accion inicio grabacion
$("#btnRec").click(function () {
	if ($("#btnRec").hasClass("RecActivo")) {
		$("#btnRec").removeClass("RecActivo");
		//grabacion frenada por usuario
		terminoGrabacion();
		console.log("botonCanelo"); //insulae
		$('#btnRec').text("Rec");
		recActivo = 0;
		seteoCartel();
	} else {
		$("#btnRec").addClass("RecActivo");
		$('#btnRec').attr("duracion",duracionRec);
		recActivo = 1;
		seteoCartel();
	}
});

//accion al terminar grabacion
function terminoGrabacion(){
	//vuelvo boton a estado normal
	$("#btnRec").removeClass("RecActivo");
	$('#btnRec').text("Rec");
	recActivo = 0;
	seteoCartel();
	$('#modalAltaGraba').modal('show');
	$('.modal-backdrop').remove();
}

//accion de eliminar todo tipo de test (cierro modal)
$('#descartar-graba').click(function(){
	$('#modalAltaGraba').modal('hide');
});

//accion de guardar todo tipo de test (cierro modal)
$('#guardar-graba').click(function(){
	guardarGrabacion(0,regRec); //0 indica que no es crank
	console.log(regRec); //insulae
	$('#modalAltaGraba').modal('hide');
	
});

//guardo grabacion en base
function guardarGrabacion(tipo,registros) {
	if(tipo == 0){
		observacion = $('#observacion-graba').val();
		motor_apu = 0;
	}else if(tipo == 1){
		observacion = $('#observacion-crank').val();
		motor_apu = $('#motor-crank').val();
	}
	//console.log(JSON.stringify(registros));
	var alertGuarda = $.alert("Guardando datos, por favor espere");
	$.ajax({		
		url:   'test_data.php?accion=guardarGrabacion'
		,type:  'post'
		,data: { 
			registros : JSON.stringify(registros)
			,id_avion: id_avion			
			,observacion: observacion
			,crank:	tipo //0 = grabacion, 1 = crank
			,motor_apu: motor_apu
			
		},
		success: function (datos) {
			console.log("Se guardo Ok: " + datos); //para debug de como va el arreglo
			if(tipo == 0){
				regRec = [];	
			}else if(tipo == 1){
				regCrank = [];	
			}
			alertGuarda.close();
		}
	});
}

/* #################################################### GRABACION #################################################### */



/* #################################################### CHECKS & FREEZE #################################################### */

//accion inicio CHECK
$("#btnCheck").click(function () {
	esFreeze = 0;
	$('#modalAltaCheck').modal('show');
	$('.modal-backdrop').remove();
});
//accion inicio FREEZE
$("#btnFreeze").click(function () {
	esFreeze = 1;
	$('#modalAltaCheck').modal('show');
	$('.modal-backdrop').remove();
});

//accion de eliminar CHECK/FREEZE (cierro modal)
$('#descartar-check').click(function(){
	$('#modalAltaCheck').modal('hide');
});

//accion de guardar CHECK/FREEZE(cierro modal)
$('#guardar-check').click(function(){
	var cadenaCheck = cadena;
	guardarCheck(cadenaCheck, esFreeze);
	$('#modalAltaCheck').modal('hide');
});

//guardo check/freeze en base
function guardarCheck(cadena, esFreeze) {
	//console.log(JSON.stringify(cadena));
	$.ajax({		
		url:   'test_data.php?accion=guardarCheck',
		type:  'post',
		data: { 
			cadena : JSON.stringify(cadena)
			,id_avion: id_avion			
			,observacion: $('#observacion-check').val()
			,freeze: esFreeze
		},
		success: function (datos) {
			//console.log("Se guardo Ok: " + datos); //para debug de como va el arreglo
		}
	});
}
/* #################################################### CHECKS AND FREEZE #################################################### */


/* ###################### VOLTAJE GAUGE ################## */
function mostrarVoltaje(dato){
	//armado de decimal
	var decimal = parseInt(Math.round((dato - parseInt(dato))*10));
	if(decimal == 10){
		decimal = 9;
	}
	decimal = "."+decimal;
	dato = parseInt(dato);
	//seteo color
	if( (dato >= 0 && dato < 20) || (dato >= 30)){
		$("#voltaje-valor").css("color", "red");
		$("#voltaje-valor-dec").css("color", "red");
	}
	else if( (dato >= 20 && dato <= 24) || (dato >= 29 && dato < 30)){
		$("#voltaje-valor").css("color", "yellow");
		$("#voltaje-valor-dec").css("color", "yellow");
	}
	else if(dato > 24 && dato <=29){
		$("#voltaje-valor").css("color", "#00ff00");
		$("#voltaje-valor-dec").css("color", "#00ff00");
	}
	
	//muestro los cambios
	$("#voltaje-valor").text(dato);
	$("#voltaje-valor-dec").text(decimal);
	
	//controlo vacio y overflow
	if(dato <= 0){
		dato = 0;
		$("#voltaje-valor").css("left", "45px"); //int37
		$("#voltaje-valor").text("0");
	//overflow
	}else if(dato > 0 && dato < 10){
		$("#voltaje-valor").css("left", "45px"); //int30
		$("#voltaje-valor").text(dato);
		$("#voltaje-valor-dec").css("left", "67px"); //int30
		$("#voltaje-valor-dec").text(decimal);
	}else if(dato > 10 && dato < 40){
		$("#voltaje-valor").text(dato);
		$("#voltaje-valor").css("left", "25px"); //int30
		$("#voltaje-valor-dec").text(decimal);
		$("#voltaje-valor-dec").css("left", "67px"); //int30		
	}else if(dato > 40){
		$("#voltaje-valor").css("left", "30px"); //int30
		$("#voltaje-valor").text("O.F.");
		$("#voltaje-valor-dec").text("");
		dato = 40;
	//reseteo a inicial
	}else{
		$("#voltaje-valor").text("0");
		$("#voltaje-valor-dec").text(".0");		
		$("#voltaje-valor").css("left", "45px"); //int35
		$("#voltaje-valor-dec").css("left", "67px"); //int35
		$("#voltaje-valor").css("color", "red");
		$("#voltaje-valor-dec").css("color", "red");
	}
	
	//calculo el grado a mover
	var grado;
	if(dato >= 20){
		grado = parseInt(dato-20)* 6.80;  //para lograr 130º 130/40 = 3.25 //135 137/20 =
	}else if(dato < 20){
		grado = parseInt(20-dato)* -6.80;
	}
		
	//muevo aguja
	$("#voltaje-aguja").css("transform", "rotate("+grado+"deg)");
}

/* ###################### AMPERAJE GAUGE ################## */
function mostrarAmperaje(dato){
	//console.log(dato);
	if(dato >= 0 && dato < 600){
		$("#corriente-valor").css("color", "#00ff00");
	}
	else if(dato >= 600 && dato < 800){
		$("#corriente-valor").css("color", "yellow");
	}
	else if(dato >= 800){
		$("#corriente-valor").css("color", "red");		
	}
	else{
		$("#corriente-valor").css("color", "#00ff00");
		dato = "00";
	}
	
	//muestro los cambios
	$("#corriente-valor").text(dato);
	
	//controlo vacio y overflow
	if(dato <= 0){
		dato = 0;
		$("#corriente-valor").css("left", "50px");
		$("#corriente-valor").text("0");
	//overflow
	}else if(dato > 1500){
		$("#corriente-valor").text("O.F.");
		$("#corriente-valor").css("left", "30px");
		dato = 1500;
	//reseteo a inicial
	}else if(dato >= 1000){
		$("#corriente-valor").css("left", "20px");
	}else if(dato > 99 && dato < 1000){
		$("#corriente-valor").css("left", "30px");
	}else if(dato > 0 && dato < 10){
		$("#corriente-valor").text("0"+dato);
		$("#corriente-valor").css("left", "40px");
	}else{
		$("#corriente-valor").css("left", "40px");
	}

	//calculo el grado a mover
	var grado;
	if(dato >= 750){
		grado = parseInt(dato-750)*0.18266; //para lograr 130º 130/1500 //137/750=
	}else if(dato < 750){
		grado = parseInt(750-dato)*-0.18266;
	}	
	
	//muevo aguja
	$("#corriente-aguja").css("transform", "rotate("+grado+"deg)");
}


/* ###################### BATERIA GAUGE ################## */
function mostrarBateria(carga){
	//carga= $("#valormanual").val();
	if(isNaN(carga)){
		$("#bateria-valor").text("--");
	}else{
		cienxcien = 170/100; //calcularlo sacando la propiedad width del objeto 170 es 170px
		valor=carga*cienxcien;
		$("#bateria-carga").css("height", valor+"px"); //aplico el nuevo relleno
		$("#bateria-valor").text(carga);
	}

	if(carga <= 50){
		$("#bateria-carga").css("background", "red"); //aplico color rojo
	}else if(carga <= 80){
		$("#bateria-carga").css("background", "yellow"); //aplico color amarillo
	}else if(carga <= 100){
		$("#bateria-carga").css("background", "green"); //aplico color verde
	}
	if(carga >= 100){
		$("#bateria-valor").css("left", "5px");
	}else if(carga < 10){
		$("#bateria-valor").css("left", "25px");
	}else{
		$("#bateria-valor").css("left", "15px");
	}
}

/* ###################### TEMPERATURA GAUGE ################## */
function mostrarTemperatura(carga){
	//carga= $("#valormanual").val();
	if(isNaN(carga)){
		$("#temperatura-valor").text("--");
	}else{
		cienxcien = 130/100; //calcularlo sacando la propiedad width del objeto 170 es 170px (en este caso 100 positivo y 70 negativo)
		valor=carga*cienxcien;
		$("#temperatura-carga").css("height", valor+"px"); //aplico el nuevo relleno
		$("#temperatura-valor").text(carga);
	}
			
	if(carga >= 60 || carga < -20){
		$("#temperatura-carga").css("background", "red"); //aplico color rojo
	}
	else if((carga >= 40 && carga <= 60) || (carga >= -20 && carga < 10)){
		$("#temperatura-carga").css("background", "yellow"); //aplico color amarillo
	}
	else if(carga >= 10 && carga < 40){
		$("#temperatura-carga").css("background", "green"); //aplico color verde
	}
	if(carga >= 100){
		$("#temperatura-valor").css("left", "5px");
	}else if(carga < 10){
		$("#temperatura-valor").css("left", "25px");
	}else{
		$("#temperatura-valor").css("left", "15px");
	}
}

/* ###################### HUMEDAD GAUGE ################## */
function mostrarHumedad(carga){
	//carga= $("#valormanual").val();
	if(isNaN(carga)){
		$("#humedad-valor").text("--");
	}else{
	cienxcien = 150/100; //calcularlo sacando la propiedad width del objeto 170 es 170px
	valor=carga*cienxcien;
	$("#humedad-carga").css("height", valor+"px"); //aplico el nuevo relleno
	$("#humedad-valor").text(carga);
	}
	if(carga <= 50){
		$("#humedad-carga").css("background", "red"); //aplico color rojo
	}
	else if(carga <= 80){
		$("#humedad-carga").css("background", "yellow"); //aplico color amarillo
	}
	else if(carga <= 100){
		$("#humedad-carga").css("background", "green"); //aplico color verde
	}	
	if(carga >= 100){
		$("#humedad-valor").css("left", "5px");
	}else if(carga < 10){
		$("#humedad-valor").css("left", "25px");
	}else{
		$("#humedad-valor").css("left", "15px");
	}	
}

/* ###################### PRESION GAUGE ################## */

function mostrarPresion(carga){
	//var valor = $("#valormanual").val(); //saco valor a rellenar
	if(isNaN(carga)){
		$("#temperatura-valor").text("--");
		$("#presion").css("width", "0px"); //aplico el nuevo relleno
	}else{	
		cienxcien = 156/100; //calcularlo sacando la propiedad width del objeto 30px
		valor=carga*cienxcien;
		$("#presion").css("width", valor+"px"); //aplico el nuevo relleno
		$("#presion-valor").text(carga+"%"); //aplico el nuevo relleno
		$("#presion").css("background", "red"); //aplico color rojo
	}
}

/* ######################################### TEST GRAFICA CANVASJS #################################### */

function graficaCanvas() {
	grafica = new CanvasJS.Chart("testGraf",{
		title :{
			theme: 'amperaje',
			width:580
		},		
		axisX:{
			valueFormatString: "",
			gridThickness: 0.2,
			gridColor: "grey",
			valueFormatString: " "
		},
		axisY:{
			gridThickness: 0.2,
			gridColor: "grey",
// 			title: "AMP",
// 			titleFontFamily:"lato",
// 			titleFontWeight: "bold",
// 			titleFontSize: 15,
			titleFontColor: "#14E9FF",
			labelFontFamily: "lato",
			labelFontWeight: "bold",
			labelFontSize: 9,
			labelFontColor: "#14E9FF",
			includeZero:true
		},
		axisY2:{
// 			title: "VOLT",
// 			titleFontFamily:"lato",
// 			titleFontWeight: "bold",
// 			titleFontSize: 15,
			titleFontColor: "#14E00",
			labelFontFamily: "lato",
			labelFontWeight: "bold",
			labelFontSize: 9,
			labelFontColor: "#14E900",
			includeZero:true
		},				
		data: [{
			type: "spline",
			lineThickness: 4,
		     color: "#14E9FF",
			dataPoints: amp 
		},
		{
			type: "spline",
			lineThickness: 4,
			color: "#14E900",
			axisYType: "secondary",
			dataPoints: vol 
		}
		]
	});

//	var xVal = 0;
//	var yVal = 100;	
//	var updateInterval = 100;
//	var dataLength = 100; // number of dataPoints visible at any point
//
//	var updateGrafica = function (count) {
//		count = count || 1;
//		// count is number of times loop runs to generate random dataPoints.
//		if(voltaje != 0){
//			for (var j = 0; j < count; j++){		
//				//seteo valores a la grafica
//				amp.push({x: xVal, y: amperaje});
//				vol.push({x: xVal, y: voltaje});
//				xVal++;			
//			};
//			//muevo grafica
//			if (amp.length > dataLength){
//				amp.shift();
//				vol.shift();				
//			}
//			grafica.render();
//		}
//
//	};
//
//	updateGrafica(dataLength); 
//	setInterval(function(){updateGrafica()}, updateInterval); 

}
/* ######################################### TEST GRAFICA CANVASJS #################################### */




cargaJS();