/* ***********************************
 * ******** document.ready() *********
 * ***********************************
 */


// Gestion des sections qu'on peut afficher ou masquer
$(document).ready(function() {

	
	/* (EP 20200416) 
	 * 
	 * ON change => Check de la saisie manuelle de TOUS les champs date (avec datepicker class)
	 * 
	 */
	//$("#datepicker").bind("change", function (event) 	{ check_date_deb_inf_date_fin(); } ); 
	//$("#datepicker").bind("change", function (event) 	{
	//$(".datepicker").bind("change", function (event) 	{
	//$(".datepicker").blur(function(){
	//$(".datepicker").on("change", function(event) {
	$(".datepicker").change( function(event) {
		checkDate(this);
	});
	
	
	/* (EP 20200416 : Ces seules 5 lignes remplacent tout le binz ci-dessous,
	 * suffisait de se creuser un peu la tête quoi !!
	 * 
	 * SECTIONS SHOW/HIDE
	 * 
	 * Reference : https://www.w3schools.com/jquery/eff_toggle.asp
	 * 
	 */
	$('.toggle').click(function() {
		// ex: '#t_informations' devient '#informations'
		var newid = '#' + this.id.substr(2);
		//console.log(newid);
		$(newid).toggle('slow', 'linear');
		//$(newid).toggle('slow', 'swing');
		//$(newid).toggle('fast');
		//$(newid).toggle('fast', 'swing');
		toogleChevron('#i_'+newid);
	});
	/*
	// Page index de matériel (et de configurations)
	
	$('#t_informations').click(function() {
		$('#informations').toggle('fast');
		toogleChevron('#i_informations');
	});
	$('#t_informations_admin').click(function() {
		$('#informations_admin').toggle('fast');
		toogleChevron('#i_informations_admin');
	});

	$('#t_suivis').click(function() {
		$('#suivis').toggle('fast');
		toogleChevron('#i_suivis');
	});
	$('#t_emprunts').click(function() {
		$('#emprunts').toggle('fast');
		toogleChevron('#i_emprunts');
	});
	$('#t_fichiers').click(function() {
		$('#fichiers').toggle('fast');
		toogleChevron('#i_fichiers');
	});
	
	
	// Page Configurations only
	
	$('#t_affichage').click(function() {
		$('#affichage').toggle('fast');
		toogleChevron('#i_affichage');
	});

	
	// Page find de matériel
	
	$('#t_filter').click(function() {
		$('#filter').toggle('fast');
		toogleChevron('#i_filter');
	});
	$('#t_result').click(function() {
		$('#result').toggle('fast');
		toogleChevron('#i_result');
	});
	
	*/

	
}); // $(document).ready





/* ****************************
 * ******** FUNCTIONS *********
 * **************************** 
 */


/**
 * empty a SELECT field given its name and default option
 * call example : emptySelectOptions("#MaterielSousCategorieId","Choisir une sous-catégorie")
 * 
 */
function emptySelectOptions(selectFieldId, defaultOption) {
	var newOptions = {
		"" : defaultOption
	};
	//var selectedOption = "Choisir une sous-catégorie";
	var select = $(selectFieldId);
	var options;
	if(select.prop) {
		options = select.prop("options");
	}
	else {
		options = select.attr("options");
	}
	$("option", select).remove();
	$.each(newOptions, function(val, text) {
		options[options.length] = new Option(text, val);
	});
	//select.val(selectedOption);
}

/**
 * Ajax request that updates a SELECT options (selectId) according to the selection made in another SELECT (otherSelectId)
 * For now, works only from Materiels VIEW (otherwise, replace "materiels" below with your view name)
 * 
 * call example : 
 * updateSelectOptionsFromAnother("#MaterielCategorieId", "#MaterielSurCategorieId", "Categories/getAll", "catégorie")
 * This would update the options of the SELECT named "MaterielCategorieId" from the selected value of the SELECT named MaterielSurCategorieId
 *
 */
function updateSelectOptionsFromAnother(selectId, otherSelectId, requestName, emptyOptionName) {
	var reg=new RegExp("(materiels).*$","g");
	var currentURL = window.location.pathname; // ex: /materiels/add
	var newURL = currentURL.replace(reg, requestName); // ex: /sur-categories/getFromCategorie
	$.ajax({
		async:true,
		data:$(otherSelectId).serialize(),
		dataType:"html",
		success:function (data, textStatus) {
			if (emptyOptionName == "") $(selectId).val(data);
			else {
				data="<option value=\"\">"+emptyOptionName+"</option>"+data;
				$(selectId).html(data);
			}
		},
		type:"post", url:newURL
	});
}


function toogleChevron(element) {
	if ($(element).hasClass('icon-chevron-down')) {
			$(element).removeClass('icon-chevron-down');
			$(element).addClass('icon-chevron-up');
	}
	else {
		$(element).removeClass('icon-chevron-up');
		$(element).addClass('icon-chevron-down');
	}
}

function emprunt_interne_externe() {
	$('#interne').toggle();
	$('#externe').toggle();		
}

function display_ldap() {
	$('#ldap').toggle();
	//toggle_ldap_auth();
}
// EP
function toggle_ldap_auth() {
	//$('#ldap_auth').toggle();
	// Possible en une ligne, mais moins lisible...
	//document.getElementById("ldap_auth").style.display = document.getElementById("ldap-authentified").checked ? "block":"none";
	var ldap_auth_div = document.getElementById("ldap_auth");
	var ldap_auth_checkbox = document.getElementById("ldap-authentified");
	ldap_auth_div.style.display = ldap_auth_checkbox.checked ? "block":"none";
}

function selectAll() {
	for(i = 0; i < document.getElementsByTagName("input").length; i++)
		document.getElementsByTagName("input")[i].checked = true;
}
function selectNone() {
	for(i = 0; i < document.getElementsByTagName("input").length; i++)
		document.getElementsByTagName("input")[i].checked = false;
}



/**
* Fonction qui transforme la chaine de format dd/mm/YYYY en date js pour pouvoir être comparée par la suite
* (EP 20200409) Utilisée dans add_edit.ctp de Materiels (dans verifications_dates_materiels.js) et dans add_edit.ctp de Suivis
*/
function toDate(str) {
	//var DateString = str.split("-");
	var DateString = str.split("/");
	return new Date(parseInt(DateString[2]), parseInt(DateString[1]) + 1, parseInt(DateString[0]), 12, 00, 00);
	/* 	new Date(YYYY, mm+1, dd, 12, 00, 00)
		Le +1 du mois est nécessaire car les mois commencent à 0 en JS
		les 3 derniers chiffres ne sont pas nécessaires, mais si on les retire ça bug uniquement sous firefox (il est plus strict que chrome paar exemple)
		et la date devient du grand n'importe quoi 
	*/
}


/**
 * Fonction qui vérifie que la date en parametre soit bien au format [d]d/[m]m/YYYY
 */
function checkDate_basic(str) {
	// (EP 20200410 version [d]d/[m]m/yyyy au lieu de dd-mm-yy)
	return (str.match(/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/) != null);
	//if (str.match(/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/) ) console.log("yes");
	//return str.match(/^(\d{1,2})-(\d{1,2})-(\d{4})$/);
	//return str.match(/^(\d{2})-(\d{2})-(\d{4})$/);
	//return str.match(/^(\d{2})\/(\d{2})\/(\d{2})$/);
	//return str.match(/^(\d{2})\/(\d{2})\/(\d{4})$/);
}

function checkDate(field) {
	// (EP) check format [J]J/[M]M/AAAA
	//console.log("coucou");
	// format général
    //if(this.value.match(/\d{1,2}[^\d]\d{1,2}[^\d]\d{4,4}/gi) == null) {
	// (EP) check format [J]J/[M]M/[AA]AA
    //if ( this.value.match(/^(\d{1,2})\/(\d{1,2})\/(\d{2}|\d{4})$/) == null ) {
	var val = field.value; 
	if (val == '') return true;
	$error_msg = '';
    if ( val.match(/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/) == null )
    	$error_msg = "Format de date invalide (doit être JJ/MM/AAAA)";
    // Check value : doit être une date valide
    else {
        //var t = this.value.split(/[^\d]/);
        var t = val.split(/\//);
        var dd = parseInt(t[0], 10);
        var m0 = parseInt(t[1], 10) - 1; // Month in JavaScript Date object is 0-based
        var yyyy = parseInt(t[2], 10);
        // Si year sur 2 chiffres (AA), on passe à 4 (AAAA)
        //if (yyyy < 100) yyyy = 2000 + yyyy
        var d = new Date(yyyy, m0, dd); // new Date(2017, 13, 32) is still valid
        //console.log(d.getFullYear());
        if(d.getDate() != dd || d.getMonth() != m0 || d.getFullYear() != yyyy)
			$error_msg = "Date invalide";
    }
    // Si erreur
    if ($error_msg != '') {
    	field.value = "";
    	//field.val("");
	    alert($error_msg);
	    // On supprime la saisie invalide pour éviter qu'elle puisse être soumise (submit) 
        field.classList.add('error');
        // stopper un "submit" éventuel
        //event.preventDefault();
        field.focus();
        return false;
    }
    if (field.classList.contains('error')) 
    	field.classList.remove('error');
    return true;
}

/*
// avec this
function checkDate(date_field) {
	// (EP) check format [J]J/[M]M/AAAA
	//console.log("coucou");
	// format général
    //if(this.value.match(/\d{1,2}[^\d]\d{1,2}[^\d]\d{4,4}/gi) == null) {
	// (EP) check format [J]J/[M]M/[AA]AA
    //if ( this.value.match(/^(\d{1,2})\/(\d{1,2})\/(\d{2}|\d{4})$/) == null ) {
	if (this.value == '') return true;
	$error_msg = '';
    if ( this.value.match(/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/) == null )
    	$error_msg = "Format de date invalide (doit être JJ/MM/AAAA)";
    // Check value : doit être une date valide
    else {
        //var t = this.value.split(/[^\d]/);
        var t = this.value.split(/\//);
        var dd = parseInt(t[0], 10);
        var m0 = parseInt(t[1], 10) - 1; // Month in JavaScript Date object is 0-based
        var yyyy = parseInt(t[2], 10);
        // Si year sur 2 chiffres (AA), on passe à 4 (AAAA)
        //if (yyyy < 100) yyyy = 2000 + yyyy
        var d = new Date(yyyy, m0, dd); // new Date(2017, 13, 32) is still valid
        //console.log(d.getFullYear());
        if(d.getDate() != dd || d.getMonth() != m0 || d.getFullYear() != yyyy)
			$error_msg = "Date invalide";
    }
    // Si erreur
    if ($error_msg != '') {
    	this.value = "";
	    alert($error_msg);
	    // On supprime la saisie invalide pour éviter qu'elle puisse être soumise (submit) 
        this.classList.add('error');
        // stopper un "submit" éventuel
        //event.preventDefault();
        this.focus();
    }
    else if (this.classList.contains('error')) this.classList.remove('error');
}
*/




//(EP 20200410) Vérification dates d1 <= d2
function check_dates_d1_inf_d2(d1,d2,error_msg) {
	/*
    d1 = $("#date-acquisition")[0].value;
    d2 = $("#date-reception")[0].value;
    */
	//d1elem = document.querySelector(d1);
	//console.log(d1elem.classList);
    d1val = $(d1)[0].value;
    d2val = $(d2)[0].value;
    //console.log(d2val);
    if(d1val != undefined && d2val != undefined) {
    	d1date = toDate(d1val);
    	d2date = toDate(d2val);
    	if (d1date > d2date) {
	        //d1elem.classList.add('error');
    		//event.preventDefault();
    		alert(error_msg);
    		$(d1).addClass('error');
    		$(d2).addClass('error');
    		$(d2).focus();
    		return false;
    	}
    }
    $(d1).removeClass('error');
    $(d2).removeClass('error');
    return true;
}



/*Je ne saurais expliquer pourquoi mais cela ne fonctionne pas si les modifications sont faites directement dans ce fichier


//changement d'emplacement de la fonction qui étais dans script car apparement je ne peux pas la modifier 
//si je vais modifier directement le fichier script.js - permet d'afficher les infos administrative
//après checkbox checked
function changeAdminEdit() {
<<<<<<< HEAD
	if (document.getElementById('eotp').disabled) {
		document.getElementById('eotp').disabled=false;
		document.getElementById('numero-commande').disabled=false;
		document.getElementById('code-comptable').disabled=false;
		document.getElementById('numero-inventaire-organisme').disabled=false;
		document.getElementById('numero-inventaire-old').disabled=false;
		document.getElementById('num_labo').disabled=false;
=======
if (document.getElementById('eotp').disabled) {
	document.getElementById('eotp').disabled=false;
	document.getElementById('numero-commande').disabled=false;
	document.getElementById('code-comptable').disabled=false;
	document.getElementById('numero-inventaire-organisme').disabled=false;
	document.getElementById('numero-inventaire-old').disabled=false;
}
else {
	document.getElementById('eotp').disabled=true;
	document.getElementById('numero-commande').disabled=true;
	document.getElementById('code-comptable').disabled=true;
	document.getElementById('numero-inventaire-organisme').disabled=true;
	document.getElementById('numero-inventaire-old').disabled=true;	
}
}

//Permet d'afficher les infos administrative plus après checkbox checked
function changeAdminEditPlus() {
	if (document.getElementById('nom-createur').disabled) {
		document.getElementById('nom-createur').disabled=false;
		document.getElementById('nom-modificateur').disabled=false;
		document.getElementById('created').disabled=false;
		document.getElementById('modified').disabled=false;
>>>>>>> branch 'dev' of https://gitlab.irap.omp.eu/epallier/labinvent.git
	}
	else {
<<<<<<< HEAD
		document.getElementById('eotp').disabled=true;
		document.getElementById('numero-commande').disabled=true;
		document.getElementById('code-comptable').disabled=true;
		document.getElementById('numero-inventaire-organisme').disabled=true;
		document.getElementById('numero-inventaire-old').disabled=true;
		document.getElementById('num_labo').disabled=true; 
=======
		document.getElementById('nom-createur').disabled=true;
		document.getElementById('nom-modificateur').disabled=true;
		document.getElementById('created').disabled=true;
		document.getElementById('modified').disabled=true;
>>>>>>> branch 'dev' of https://gitlab.irap.omp.eu/epallier/labinvent.git
	}
}

 
 
 Récupérer les id en début de fonction permet de rendre la fonction plus lisible
 Mais plus longue aussi 
  
 function changeAdminEdit() {
	var idCheck =document.getElementById('adminEdit');
	var idEotp =document.getElementById('eotp');
	var idCommande=document.getElementById('numero-commande');
	var idComptable = document.getElementById('code-comptable');
	var idOrganisme = document.getElementById('numero-inventaire-organisme');
	var idOld =	document.getElementById('numero-inventaire-old');
	if (idEotp.disabled) {
		idEotp.disabled=false;
		idCommande.disabled=false;
		idComptable.disabled=false;
		idOrganisme.disabled=false;
		idOld.disabled=false;
	}
	else {
		idEotp.disabled=true;
		idCommande.disabled=true;
		idComptable.disabled=true;
		idOrganisme.disabled=true;
		idOld.disabled=true;	
	}
}*/