/* 
 * Codificación UTF-8
 * 
 * FUNCIONES:
 * 	indexDataJSON(claseManejadora,panel,row) 
 * 	blockExit(exit,modo,panel)
 * 	showMessage(langCod,type,msg)
 * 	showConfirm(id,codigo,descBreve,text,btnOk,btnCancel,destino,panel,claseM,destinoNO)
 * 	iconUpdate(modo,panel)
 * 	callControllerJS(objElemento) 
 * 	buscar(objElemento)
 * 	guardar(objElemento)
 * 	cancelar(objElemento)
 * 	cancelarVS(objElemento)
 * 	aceptarVS(objElemento)
 * 	loading(modo,message)
 *  changeJSONField(objElemento)
 */

var gvh = gvh || {};

/**
 * indexDataJSON: Calcula el índice del array datosJSON sobre el que queremos trabajar. 
 * Útil para calcularlo cuando se trabaja con paneles lis.
 * @access	private
 * @var claseManejadora: clase del panel sobre el que queremos calcular el índice
 * @var panel: tipo de panel sobre el que se está trabajando ['lis','lisDetalle']
 * @var row: fila seleccionada del panel
 */
gvh.indexDataJSON = function(claseManejadora,panel,row)
{
	var panel_JSON = panel.substr(0,3);
	var raiz_JSON = datosJSON[claseManejadora][panel_JSON];
	var numReg_JSON = parseInt(raiz_JSON['panel']['numReg']);
	if (numReg_JSON > 0)
	{
		var rowsPag_JSON = parseInt(raiz_JSON['panel']['rowsPag']);		
		var pagAct_JSON = parseInt(raiz_JSON['panel']['pagActive']);
		var row = row;
	}
	else {
		var rowsPag_JSON = parseInt(raiz_JSON['panel']['rowsPag']);		
		var pagAct_JSON = parseInt(raiz_JSON['panel']['pagActive']);
		var row = numReg_JSON;
	}
	var indice = parseInt(pagAct_JSON*rowsPag_JSON)+parseInt(row);
	return indice;
}

/**
 * blockExit: Bloquea la salida del panel mientras no se ejecute o cancele la acción que se haya indicado (insertar/modificar)
 * @access	private
 * @var exit: booleano
 * @var panel: tipo de panel sobre el que se está trabajando ['edi'|'ediDetalle'|'lis'|'lisDetalle']
 * @var modo: ['I' (inserción) | 'W' (modificación) | 'R' (lectura)]
 */
gvh.blockExit = function(exit,modo,panel)
{
	$('#home').attr('data-gvhExit',exit);
	$('#close').attr('data-gvhExit',exit);
	$('div[id=P_'+panel+'][data-gvhWindow='+ambito+']').attr('data-gvhestadopanel',modo);
	this.iconUpdate(modo,panel);
}

/**
 * showMessage: Muestra un mensaje con el texto del fichero json que corresponda (esp.json|val.json|eng.json) de igep
 * @access	private
 * @var langCod: Código del mensaje a mostrar (ej. gvhlang_msjUI)
 * @var type: tipo de menssaje a mostrar ['alert'|'error'|'suggest']
 * @var msg: texto que complementa al mensaje definido en el fichero json
 */
gvh.showMessage = function(langCod,type,msg)
{
	console.log('showMessage()');
	$.ajax({
		url: urlLang,
		dataType: 'json',
		async: false,
		type: 'post',
		success: function(data) {
			cod = desescapeIGEPjs(data[langCod]['cod']);
			title = desescapeIGEPjs(data[langCod]['title']);
			descrip = desescapeIGEPjs(data[langCod]['descr']);
			if ((msg) && (msg != ''))
			{
				descrip += '<br>'+msg;
			}
			switch(type)
			{
				case 'alert':
					alertify.alert(cod,title,descrip);
				break;
				case 'error':
					alertify.error(cod,title,descrip);
				break;
				case 'suggest':
					alertify.suggest(cod,title,descrip);
				break;
			}
		},
		error: function ( jqXHR, textStatus, errorThrown ) {
			alert(jqXHR);
		},
	});		
}


/**
 * showConfirm()
 * FUNCIÓN: mostrar mensaje de confirmación
 * defaults:	id - del botón para el que se van a activar los campos
 * 		 	codigo - código del mensaje (ej. APL-1)
 * 			descBreve - descripción breve de la cabecera
 * 			text - texto del cuerpo del mensaje
 * 			btnOk - texto del botón OK
 * 			btnCancel - texto del botón Cancelar
 */
gvh.showConfirm = function(id,codigo,descBreve,text,btnOk,btnCancel,destino,panel,claseM,destinoNO)
{
	alertify.set({
		labels : {
			ok     : btnOk,
			cancel : btnCancel
		}
	});
	alertify.confirm(codigo,descBreve,text, 
		function (e) {
			if (e) {
				$(this).controllerJS({
						id: id,
						panel: panel,
						destino: destino,
						newWindow: 'false',
						confirm: '',
						claseM: claseM,
						message: msgLoad
				})
			}
			else {
				$(this).controllerJS({
					id: id,
					panel: panel,
					destino: destinoNO,
					newWindow: 'false',
					confirm: '', 
					claseM: claseM,
					message: msgLoad
				})
			}
		}, 'Default Value');
};	


/**
 * iconUpdate()
 * FUNCIӓN: Mostrar icono barra inferior modificación
 * 	@access	private
 * 	@var modo: ['R'|'I'|'W']
 *  @var panel: panel sobre el que se está trabajando
 */
gvh.iconUpdate = function(modo,panel)
{
	var imgMod = panel+'_imgModificado';
	if ($('#'+imgMod).length > 0)
	{
		if (modo == 'R')
		{
			$('#'+imgMod).hide();
		}
		else {
			$('#'+imgMod).show();
		}
	}
}	

/**
* callControllerJS: Llamada a negocio con los datos del panel 
* El elemento necesita tener los siguientes atributos si se crea de forma directa en html:
* 	-> data-gvhClaseManejadora
* 	-> data-gvhDestino
* 	-> data-gvhPanelOn
* 	-> data-gvhConfirm
* 	-> data-gvhNewWindow
* @access	private
* @var objElemento: componente botón que se ha pulsado
*/
gvh.callControllerJS = function(objElemento) {
	console.log('callControllerJS()');
	className = objElemento.attr('class');
	if (className != 'btnTooltip') 
	{
		if (objElemento.attr('data-gvhConfirm'))
		{
			var confirm = objElemento.attr('data-gvhConfirm');
			var vConfirm = confirm.split('___');
			var id = objElemento.attr('id');
			var destino = objElemento.attr('data-gvhDestino');
			var claseM = objElemento.attr('data-gvhClaseManejadora');
			var panel = objElemento.attr('data-gvhPanelOn');
			this.showConfirm(id,vConfirm[0],desescapeIGEPjs(vConfirm[1]),desescapeIGEPjs(vConfirm[2]),desescapeIGEPjs(vConfirm[3]),desescapeIGEPjs(vConfirm[4]),destino,claseM,panel);
		}
		else {
			objElemento.controllerJS({
				id: objElemento.attr('id'),
				panel: objElemento.attr('data-gvhPanelOn'),
				destino: objElemento.attr('data-gvhDestino'),
				newWindow: objElemento.attr('data-gvhNewWindow'),
				confirm: '',
				claseM: objElemento.attr('data-gvhClaseManejadora'),
				message: 'cargando'
			})
		}
	}
}

/**
* buscar: buscar del panel filtro
* El elemento necesita tener los siguientes atributos si se crea de forma directa en html:
* 	-> data-gvhFunction = 'buscar'
* 	-> data-gvhClaseManejadora
* 	-> data-gvhDestino
* 	-> data-gvhPanelOn
* 	-> data-gvhConfirm
*  	-> data-gvhNewWindow
* @access	private
* @var objElemento: componente botón que se ha pulsado
*/
gvh.buscar = function(objElemento) {
	var idForm = objElemento.closest('form').attr('id');
	var panel = objElemento.attr('data-gvhPanelOn');
	var claseM = objElemento.attr('data-gvhClaseManejadora');
	var id = objElemento.attr('id');
	var destino = objElemento.closest('form').attr('action');
	var destinoLength = objElemento.attr('data-gvhDestino').length;
	if (destinoLength > 0)
	{
		destino = objElemento.attr('data-gvhDestino');
	}
	if (objElemento.attr('data-gvhConfirm'))
	{
		var confirm = objElemento.attr('data-gvhConfirm');
		var vConfirm = confirm.split('___');
		this.showConfirm(id,vConfirm[0],desescapeIGEPjs(vConfirm[1]),desescapeIGEPjs(vConfirm[2]),desescapeIGEPjs(vConfirm[3]),desescapeIGEPjs(vConfirm[4]),destino,claseM,panel);
	}
	else 
	{
		var idDiv = $('div').filter('[data-gvhCWSource=CWFilter]').attr('id');
		if ((idDiv != undefined))
		{
			$('#'+idDiv).getRulesFilter({
				idFilter: idDiv,
				claseM: claseM,
				panel: panel
			})
		};	
		this.callControllerJS(objElemento);
	}
  };
  
  /**
  * guardar: Enviar a negocio los datos del panel para ser guardados
  * El elemento necesita tener los siguientes atributos si se crea de forma directa en html:
  * 	-> data-gvhFunction = 'guardar'
  * 	-> data-gvhClaseManejadora
  * 	-> data-gvhDestino
  * 	-> data-gvhPanelOn
  * 	-> data-gvhConfirm
  * @access	private
  * @var objElemento: componente botón que se ha pulsado
  */
gvh.guardar = function(objElemento) 
{
	var accionActivaP = 'accionActivaP_'+objElemento.closest('form').attr('id');
	var modo = $('#'+accionActivaP).val();
	var panel = objElemento.attr('data-gvhPanelOn');
	var idGuardar = objElemento.attr('id');
	var claseManejadora = objElemento.attr('data-gvhClaseManejadora');
	var estadoPanel = $('#P_'+panel).attr('data-gvhestadopanel');
	var destino = objElemento.closest('form').attr('action');
	var destinoLength = objElemento.attr('data-gvhDestino').length;
	if (destinoLength > 0)
	{
		destino = objElemento.attr('data-gvhDestino');
	}

	var fields = objElemento.fieldsRequired({
		id : idGuardar,
		panel : panel,
		estadoPanel : estadoPanel,
		claseM : claseManejadora
	});
	if (fields != '') 
	{
		this.showMessage('gvhlang_msj901','alert',fields);
	}
	else {
	  // 	FALTA data-gvhConfirm con JSON
		var confirm = objElemento.attr('data-gvhConfirm');
		if ((confirm != '') && (confirm != undefined))
		{
			var vConfirm = confirm.split('___');
			var destinoNO = objElemento.attr('data-gvhConfirmCancel');
			this.showConfirm(idGuardar,vConfirm[0],desescapeIGEPjs(vConfirm[1]),desescapeIGEPjs(vConfirm[2]),desescapeIGEPjs(vConfirm[3]),desescapeIGEPjs(vConfirm[4]),destino,claseManejadora,panel,destinoNO);
		}
		else
		{
			this.callControllerJS(objElemento);
		}
	}
}  
  
  /**
  * cancelar: Cancelar la acción que se haya indicado realizar en el panel
  * El elemento necesita tener los siguientes atributos si se crea de forma directa en html:
  * 	-> data-gvhFunction = 'guardar'
  * 	-> data-gvhClaseManejadora
  * 	-> data-gvhDestino
  * 	-> data-gvhPanelOn
  * 	-> data-gvhConfirm
  * 	-> data-gvhNewWindow
  * @access	private
  * @var objElemento: componente botón que se ha pulsado
  */
gvh.cancelar = function(objElemento) {
	var panel = objElemento.attr('data-gvhPanelOn');
	var formulario = objElemento.closest('form');

	this.blockExit(true,'R',panel);
	var modificado = panel+'_imgModificado';
	$('#'+modificado).hide();
	  
	var destino = objElemento.attr('data-gvhDestino');
	if ((destino != 'cancelar') && (destino != '')) {
		this.callControllerJS(objElemento);
	}
	else {
		objElemento.loading({ message: 'Cancelando...' });
		setTimeout('window.top.location.reload()', 100);
	}
}  

  /**
  * cancelarVS: Cancelar la acción de la ventana de selección 
  * El elemento necesita tener los siguientes atributos si se crea de forma directa en html:
  * 	-> data-gvhFunction = ['cancelarvs']
  * 	-> data-gvhClaseManejadora
  * 	-> data-gvhDestino
  * 	-> data-gvhPanelOn
  * 	-> data-gvhConfirm
  * @access	private
  * @var objElemento: componente botón que se ha pulsado
  */
gvh.cancelarVS = function(objElemento) {
	var panel = objElemento.attr('data-gvhPanelOn');
	var formulario = objElemento.closest('form');
	if (objElemento.attr('data-gvhConfirm'))
	{
		var confirm = objElemento.attr('data-gvhConfirm');
		var id = objElemento.attr('id');
		var vConfirm = confirm.split('___');
		var destino = objElemento.attr('data-gvhDestino');
		var claseM = objElemento.attr('data-gvhClaseManejadora');
		this.showConfirm(id,vConfirm[0],desescapeIGEPjs(vConfirm[1]),desescapeIGEPjs(vConfirm[2]),desescapeIGEPjs(vConfirm[3]),desescapeIGEPjs(vConfirm[4]),destino,claseM,panel); 
	}
	else
	{
		dialogWS.dialog("destroy").remove();
		if (dialogIdWM.length <= 0)
			ambito = 'gvhMain';
		else
			ambito = 'gvhModal';
	}
}
  
  /**
   * aceptarVS: Aceptar la acción de la ventana de selección 
   * El elemento necesita tener los siguientes atributos si se crea de forma directa en html:
   * 	-> data-gvhFunction = ['cancelarvs']
   * 	-> data-gvhClaseManejadora
   * 	-> data-gvhDestino
   * 	-> data-gvhPanelOn
   * 	-> data-gvhConfirm
   * @access	private
   * @var objElemento: componente botón que se ha pulsado
   */
gvh.aceptarVS = function(objElemento) 
{
	var panel = $(this).attr('data-gvhPanelOn');
	var formulario = $(this).closest('form');
	if (objElemento.attr('data-gvhConfirm'))
	{
		var confirm = objElemento.attr('data-gvhConfirm');
		var vConfirm = confirm.split('___');
		var destino = objElemento.attr('data-gvhDestino');
		var claseM = objElemento.attr('data-gvhClaseManejadora');
		var id = objElemento.attr('id');
		this.showConfirm(id,vConfirm[0],desescapeIGEPjs(vConfirm[1]),desescapeIGEPjs(vConfirm[2]),desescapeIGEPjs(vConfirm[3]),desescapeIGEPjs(vConfirm[4]),destino,claseM,panel);
	}
	else
	{
		var destino = objElemento.attr('data-gvhDestino');
		var fieldsWS = objElemento.attr('data-gvhFieldsWS').split(',');
		var fieldsSource = objElemento.attr('data-gvhFieldsSource').split(',');
		var action = $('#actionOrigen').val();
		var panel = objElemento.attr('data-gvhPanelOn');
		var id = $('input:radio[name=vsRadio]:checked').attr('id');
		if (id == undefined)
		{
			$.getJSON(urlLang, function(data)
			{
				var cod = desescapeIGEPjs(data['gvhlang_msj16']['cod']);
				var title = desescapeIGEPjs(data['gvhlang_msj16']['title']);
				var descrip = desescapeIGEPjs(data['gvhlang_msj16']['descr']);
			})
			.done(function(){
				alertify.suggest(cod,title,descrip);
			})
		}
		else
		{
			var fila = id.split('_')[2]; // check_Tabla1_1
			var modoPanel = objElemento.attr('data-gvhModoPanelOn');
			objElemento.okWS({
				actionOrigen: action,
				fila: fila,
				panel: panel,
				fieldsSource: fieldsSource,
				fieldsWS: fieldsWS,
				modoPanel: modoPanel,
				claseMO: objElemento.attr('data-gvhClaseMOrigen')
			});
		}
	}
};
   
/**
* loading: Muestra el cargando
* @access	private
* @var modo: activar o desactivar ['on'|'off']
* @var message: cadena de texto si se quiere particularizar el mensaje "cargando"
*/
gvh.loading = function(modo,message)
{
	if (modo == 'on')
	{
		if ($('#load-cover').length > 0)
		{
			$('#load-cover').show();
			$('#load').show();
		}
		else
		{
			elCover = document.createElement("div");
			elCover.setAttribute("id", "load-cover");
			elCover.className = "load-cover";
			document.body.appendChild(elCover);
				
			elLoad = document.createElement("section");
			elLoad.setAttribute("id", "load");
			elLoad.className = "";
			document.body.appendChild(elLoad);
			var contenido = '<div id="loading">';
			contenido += '<ul class="bokeh">';
			contenido += '<li></li><li></li><li></li><li></li><li></li><li></li>';
			contenido += '</ul>';
			if (message == '')
				message = desescapeIGEPjs(msgLoad);
			else
				message = desescapeIGEPjs(message);
			contenido += '<span class="msg">'+message+'</span>';
			contenido += '</div>';
			$('#load').html(contenido);
		}
	}
	else
	{
		$('#load-cover').hide();
		$('#load').hide();
		$('#load-cover').remove();
		$('#load').remove();
	}
};
/*gvh.loading = function(modo,message)
{
	if (modo == 'on')
	{
		// Capa de bloqueo
		var bloqueo = $('<div/>', {
		    'class' : 'load-cover','id'    : 'load-cover'
		});
		$("body").append(bloqueo);
		// Contenedor barra de progreso
		var contenedor = $('<div/>', {
		    'class' : 'contenedorLoad',   'id'    : 'contenedorLoad'
		});
		$("body").prepend(contenedor);
		// Barra de progreso
		var barraProgress = $('<div/>', {
		    'class' : 'barraProgress',    'id'    : 'barraProgress'
		});				
		$("#contenedorLoad").append(barraProgress);
		var progressLoad = $('<div/>', {
		    'id'    : 'progressLoad',    'class' : 'progressLoad'
		});
		$('#barraProgress').append(progressLoad);
		var txtLoad = $('<div/>', {
		    'id'    : 'textoLoad',	    'class' : 'txtLoad'
		});
		$('#progressLoad').append(txtLoad);
		switch(message)
		{
			case 'buscar':
				txt = 'Buscando...';
				message = "<span class='msgEvent'>"+txt+"</span>";
			break;
			case 'guardar':
				txt = 'Guardando...';
				message = "<span class='msgEvent'>"+txt+"</span>";
			break;
			case 'cancelar':
				txt = 'Cancelando...';
				message = "<span class='msgEvent'>"+txt+"</span>";
			break;
			case 'volver':
				txt = 'Volver...';
				message = "<span class='msgEvent'>"+txt+"</span>";
			break;
			case 'cargar':
				txt = 'Cargando...';
				message = "<span class='msgEvent'>"+txt+"</span>";
			break;
			default:
				txt = message;
				message = "<span class='msgLoad'>"+msgLoad+"</span>";
				if (txt != '' && ! (txt == undefined))
					message = message+": <span class='msgEvent'>"+txt+"</span>";
			break;
		}
		txt = '<p id="msgProgress" class="msg">'+message+'</p>';
		$('#barraProgress').append(txt);
	}
	else
	{
		$('#contenedorLoad').hide();
		$('#load-cover').hide();
		$('#barraProgress').hide();
		$('#contenedorLoad').remove();
		$('#load-cover').remove();
		$('#barraProgress').remove();
	}
};	*/

/**
 * changeJSONField: Actualización del datosJSON con el cambio producido en el campo 
 * El elemento necesita tener los siguientes atributos si se crea de forma directa en html:
 * 	-> data-gvhClaseManejadora
 * 	-> data-gvhPanelOn
 * @access	private
 * @var objElemento: componente botón que se ha pulsado
*/
gvh.changeJSONField = function(objElemento)
{
	console.log('changeJSONField()');
	var fieldAmbito = objElemento.attr('data-gvhWindow');
	if (fieldAmbito == ambito)
	{
		var claseM = objElemento.attr('data-gvhClaseManejadora');
		var panel = objElemento.attr('data-gvhPanelOn');
		var panelJSON = panel.substring(0,3);
		var idCampo = objElemento.attr('id');
		var campoJSON = objElemento.attr('data-gvhidcampojson');
		raizJSON = datosJSON[claseM][panelJSON];	
		var external = objElemento.attr('data-gvhExternal');
		if (external == 'true') // Tratamiento de campos external
		{
			console.log('campo external '+campoJSON);
			plugin = raizJSON['external'][campoJSON]['CWPlugin'];
		}
		else {
			// Según el panel se calcula indice del datosJSON
			regJSON = 0;
			switch (panelJSON)
			{
				case 'fil':
					regJSON = 0;
				break;
				case 'lis':
					row = idCampo.split('___')[2].split('_')[1];
					regJSON = this.indexDataJSON(claseM,panel,row)
					sufijo = panel+'_'+row;	
				break;
				case 'edi':
					pagActual = datosJSON[claseM][panelJSON]['panel']['pagActive']; 
					regJSON = pagActual;
				break;
			}
			plugin = raizJSON['data'][regJSON]['gvhJS_fields'][campoJSON]['CWPlugin'];
			hidden = raizJSON['data'][regJSON]['gvhJS_fields'][campoJSON]['hidden'];
			raizJSON['data'][regJSON]['gvhJS_selected'] = "selected";
			var objPanel = $('div[id=P_'+panel+'][data-gvhWindow='+ambito+']');
			var estado = $('div[id=P_'+panel+'][data-gvhWindow='+ambito+']').attr('data-gvhestadopanel');
console.log($('div[id=P_'+panel+'][data-gvhWindow='+ambito+']').attr('id'));
console.log(objPanel);
console.log(objPanel.attr('data-gvhEstadoPanel'));
console.log(estado+' '+panel);
			switch(estado)
			{
				case 'W':
					estado = 'modificada';
				break;
				case 'D':
					estado = 'borrada';
				break;
				case 'I':
					estado = 'insertada';
				break;
				default:
					estado = 'nada';
				break;
			}
			raizJSON['data'][regJSON]['gvhJS_state'] = estado;
			if (hidden == 1) // Campo oculto
			{
				plugin = 'Hidden';
			}
		}
	
		valorCampo = '';
		switch(plugin)
		{
			case 'cwcampotexto':
			case 'cwareatexto':
			case 'cwlista':
				valorCampo = objElemento.val();
			break;
			case 'cwimagen':
				valorCampo = objElemento.attr('src');
			break;
			case 'cwlistaRadio':
				valorCampo = $('input:radio[name='+idCampo+'][data-gvhWindow='+ambito+']:checked').val();
			break;
			case 'cwcheckbox':
				campoPanel = idCampo.split('___')[1]+'___'+idCampo.split('___')[2];
				valorCampo = $('#cam___'+campoPanel).val();
			break;
			case 'Hidden':
				valorCampo = raizJSON['data'][0]['gvhJS_fields'][campoJSON]['value'];
			break;
			default:
			break;
		}
		if (external == 'true')
		{
			raizJSON['external'][idCampo]['value'] = valorCampo;
		}
		else {
			raizJSON['data'][regJSON]['gvhJS_fields'][campoJSON]['value'] = valorCampo;
		}
		
		var actualizaA = objElemento.attr('data-gvhActualizaA');
		if ((actualizaA != '') && (actualizaA != undefined))
		{
			console.log('changeJSONField() - actualizaA');
			formulario = objElemento.closest('form'); 
			objElemento.updateEvent({
				id: idCampo,
				actualizaA: actualizaA,
				panel: panel,
				claseM: claseM,
				formulario: formulario
			});
		}
		if (panel != 'fil')
		{
			this.blockExit(false,$('#P_'+panel).attr('data-gvhEstadoPanel'),panel);
		}
		console.log(raizJSON);
	}
}