/* 
 * Codificación UTF-8
 * Eventos asociados al componente upload
 */

//$('input[type=file][data-gvhWindow='+gvh.ambito+']').on({
$('#gvhPage').off('change.file').on('change.file', 'input[type=file]', function(e) {
	e.preventDefault();
	e.stopImmediatePropagation();
gvh.showConsoleMsg('log',' ** UPDATE FILE '+$(this).attr('id'));

	var $this = $(this);
	gvh.semaphoreEnqueue ( {
		id:    		'change.file' ,
		callback:	function() {	
			var panel 		= $this.attr('data-gvhPanelOn');
			var claseM	 	= $this.closest('[data-gvhClaseManejadora]').attr('data-gvhClaseManejadora');
			var objPanel	= $('#P_'+panel+'[data-gvhClaseManejadora='+claseM+']');
			var statePanel 	= gvh.getStatePanel(objPanel);
			var fileCollection = new Object();
			/*fileCollection['name'] = new Array();
			fileCollection['type'] = new Array();
			fileCollection['tmp_name'] = new Array();
			fileCollection['error'] = new Array();
			fileCollection['size'] = new Array();*/
			var panelJSON = $this.attr('data-gvhPanelJSON');
			var iter = $this.attr('data-gvhIterActual');
			var actualizaA = $this.attr('data-gvhActualizaA');
			var id = $this.attr('id');
			var campoJSON = id;
			if (panel != 'fil')
				campoJSON = id.split('___')[1];
	
			idToUpload = "toUpload_"+id;
			var files = e.target.files;
			var count = files.length;
			var tmp_files = '';	
			
			gvh.blockExit( false, statePanel, panel, claseM );
			
			var toUpload = $('span[id='+idToUpload+']');
			toUpload.map( function() {
				$this.empty();
			} );
			id_ulFile = 'ulFile_'+id;
			$('#'+id_ulFile).empty();
			toUpload.append("<ul id='"+id_ulFile+"'>");	
			var idProgress = 'progress_bar_'+id;
			//var progressBar = $('#progress_bar[data-gvhClaseManejadora='+claseM+']');
			var progressBar = $('#'+idProgress);
			//padre = $('#progress_bar').parent().attr('id');
			padre = progressBar.parent().attr('id');
			var idPercent = 'percent_'+id;
			//var percent = $('#percent[data-gvhClasemanejadora='+claseM+']');
			var percent = $('#'+idPercent);
	        percent.css("width", "5%");
	        percent.text("0%");
	
			formData = new FormData();
			$.each(files, function(i, file) {
				gvh.showConsoleMsg('log',file);
				gvh.showConsoleMsg('log',file.tmp_name);
				/*fileCollection['name'][i] = file.name;
				fileCollection['type'][i] = file.type;
				fileCollection['error'][i] = file.error;
				fileCollection['size'][i] = file.size;*/
				fileCollection[i] = file;
	        	formData.append('file[]', file );
				var reader = new FileReader();
				reader.readAsDataURL(file);
				// Barra progreso
				reader.onprogress = function(data) {
					if (data.lengthComputable) {
						var percentLoaded = Math.round((data.loaded / data.total) * 100);
					    if (percentLoaded < 100) {
					    	$('.listFiles').show();
					    	percent.css("width", percentLoaded+"%");
					        percent.text(file.name+' '+percentLoaded+"%");
					        progressBar.show();
					    }
					}			
				} 
				reader.onload = function(e) {
					//gvh.showConsoleMsg('log',e);
					$('#'+id_ulFile).append('<li class="list">'+file.name+'</li>');
					if (!--count)
					{
						$('#'+idToUpload).append("</ul>");
						$('#'+idToUpload).css('visibility', 'visible');
					}
				    percent.css("width", "100%");
				    percent.text(file.name+" 100%");
				    //formData.append('image',fileCollection);
				    $('.listFiles').show();
				    $('.listFiles .paper').show();
				}
	            //gvh.showConsoleMsg('log', file );
			} );
			//regJSON = id.split('___')[2].split('_')[1];
	
			var regJSON = 0;
			// Según el panel se calcula indice del gvh.datosJSON
			var raizJSON = gvh.getRoot(claseM,panelJSON);
			var modoPanel = gvh.getStatePanel(objPanel); 
	
			var row;
			if( panelJSON == 'fil' )
			{
				row = 0;
			}
			else {
				row = id.split('___')[2].split('_')[1];
			}
			regJSON = gvh.indexDataJSON( raizJSON, row, modoPanel );
			
			// Mostramos el progreso
			Pace.restart();
			document.body.className = document.body.className; // Forzamos a actualizar la interfaz
		    $.ajax( {
		        type:'POST',
				url: 'phrame.php?action=ManageUpload__upFile',
		        data:formData,
		        processData: false,
				contentType: false,
				enctype: 'multipart/form-data',
		        cache: false,
		        success:function(data) {
		        	try {
		        		var dataUpJSON = JSON.parse(data);
	    	        	gvh.showConsoleMsg('log',dataUpJSON);	     
	    	    		gvh.setFilesUp(raizJSON,campoJSON,regJSON,data);
			    		percent.css("width", "100%");
			        	percent.text("...100%");
			        	progressBar.hide();
			       	 	if (statePanel == 'I')
			       	 	{
			        		operacion = 'inserted'; 
			       	 	}
			        	else if (statePanel == 'W')
			        	{
			        		operacion = 'updated';	
			        	}
			        	gvh.setStateReg(raizJSON, operacion, regJSON );
			        	gvh.setSelectedReg(raizJSON,regJSON,'add');
			        
			        	// Marcamos el panel como modificado.
			    		if( objPanel.length > 0 )
			    		{
			    			objPanel.attr( 'data-gvhchanged', 'true' );
			    		}
		        	}
		        	catch (e){
		        		gvh.showConsoleMsg('error',data);
	    	        	gvh.showMessage('gvhlang_errorFileUp','error',data);
		        	}
		        } ,
		        error: function(data) {
		        	gvh.showConsoleMsg('error',data);
		        }
		    } );
		}
	} );
} );