WebSVN – Sites.obs-saisons.fr – Diff – /trunk/applications/saisie/squelettes/js/saisie.js

 **/
 htmlEnCours = '';
 elementEnCours = null;
+ancienneValeurEnCours = null;
-ancienneValeurEnCours = null;
+id_formulaire = null;
 function initialiserLignesCliquables() {
+	$('.conteneur_element_modifier').hide();
+	$(".date_observation_individu").live("click", function(e) {
+		e.preventDefault();
 	$('.conteneur_element_modifier').hide();
+		if($(e.target).hasClass('conteneur_supprimer_observation') || $(e.target).hasClass('supprimer_observation')) {
 			return;
 	$(".date_observation_individu").each(function() {
-		$(this).bind('click', function() {
+		$('.element_clique').removeClass('element_clique');
-			if($(this).hasClass('element_clique')) {
-				return false;
-			} else {
 		if($(this).hasClass('element_clique')) {
-				conteneur_obs = $(this).children('span');
+			fermerDatePicker();
-				id_formulaire = conteneur_obs.attr('id');
+			return false;
+		} else {
+			$(this).addClass('element_clique');
+			afficherSaisieObservation($(this));
+			return false;
+		}
+	});
+	$(".date_observation_individu .conteneur_supprimer_observation").live("click", function(e) {
+		e.preventDefault();
+		if(window.confirm('Êtes-vous sûr de vouloir supprimer cette observation ?')) {
+			// les obs ne sont jamais vraiment supprimées
+			// mais seulement remplacées par des dates au format 00/00/yyyy
+			envoyerRequeteAjaxSaisieObservation('', $(this).parent('.date_observation_individu'));
+		}
+	});
 	// pour fermer le datepicker sur esc
-				remplacerElementDateParFormulaireAjax(id_formulaire, $(this));
+	$(document).keyup(function(e) {
+	  if (e.keyCode === 27) {
+			$('.element_clique').removeClass('element_clique');
+			fermerDatePicker();   // esc
-				return false;
+		}
-			}
+	});
+}
-		});
+function afficherSaisieObservation($obs) {
+	fermerDatePicker();
+	var dateMin = getDateMinCalendrier();
+	var dateMax = getDateMaxCalendrier();
-	});
+	var dateCouranteStr = $obs.data('date-observation');
 	var dateCourante = new Date();
+	if(!!dateCouranteStr && dateCouranteStr != '' && dateCouranteStr != '+') {
 		var jour   = parseInt(dateCouranteStr.substring(0,2));
-function initialiserCalendrierFormulaire() {
+		var mois  = parseInt(dateCouranteStr.substring(3,5));
+		var annee   = parseInt(dateCouranteStr.substring(6,10));
-	dateMin = getDateMinCalendrier();
-	dateMax = getDateMaxCalendrier();
+		dateCourante = new Date(annee, mois-1, jour);
+	}
+	$obs.find('.datepicker_container').datepicker({
+		disabled: true,
+		constrainInput: true,
+		altFormat: 'dd/mm/yyyy',
+		minDate: dateMin,
+		maxDate: dateMax,
-	$(".calendrier").each(function() {
+		changeMonth: true,
-		$(this).find("input").datepicker({
-			disabled: true,
-			altFormat: 'dd/mm/yyyy',
-			minDate: dateMin,
-			maxDate: dateMax
+		defaultDate: dateCourante,
+		onSelect: function(dateText, inst) {
-		});
+			validerSaisieObservation(dateText, $obs)
-	});
 		},
+		beforeShowDay: function(date) {
-$(document).ready(function() {
-	initialiserCalendrierFormulaire();
-});
+			var dates_a_exclure = getDatesSaisiesPourStadeEtIndividu($obs.data('id-individu'), $obs.data('id-stade-observation'));
+      var string = jQuery.datepicker.formatDate('dd/mm/yy', date);
-function estUneDateValide(peutEtreUneDate) {
+      return [dates_a_exclure.indexOf(string) == -1]
-	var reg= new RegExp("^[0-3][0-9][/]{1}[0-1][0-2][/]{1}[0-9]{4}$","g");
-	return reg.test(peutEtreUneDate);
+    }
+	});
-function getAnneeEnCoursDeConsultation() {
-	anneeEnCours = jQuery.trim($("#annee_en_cours").html());
+	$obs.datepicker("show");
 	$('.ui-datepicker').attr("title", "Appuyez sur échap pour annuler l'édition");
-	if(typeof(anneeEnCours)=='undefined'){
-		dateCourante = new Date();
-		anneeEnCours = dateCourante.getFullYear();
+}
-	}
+function validerSaisieObservation(dateStr, $obs) {
+	if(estUneDateValide(dateStr)) {
+		envoyerRequeteAjaxSaisieObservation(dateStr, $obs);
+	}
-	return anneeEnCours;
+}
+function formaterDonneesObservationPourEnvoi(dateStr, $obs) {
-}
+	if(dateStr == null ) {
-function getDateMinCalendrier() {
+		return false ;
-	anneeEnCours = getAnneeEnCoursDeConsultation();
+	}
 	dateMin = '01/01/'+anneeEnCours;
-	return dateMin;
-}
+	var anneeEnCours = getAnneeEnCoursDeConsultation();
+	if(jQuery.trim(dateStr) == '') {
-function getDateMaxCalendrier() {
-	anneeEnCours = getAnneeEnCoursDeConsultation();
-	dateMax = '31/12/'+anneeEnCours;
-	dateCourante = new Date();
-	if(anneeEnCours == dateCourante.getFullYear()) {
+		dateStr = '00/00/'+anneeEnCours;
-		dateMax = dateCourante.getDate()+'/'+(dateCourante.getMonth()+ 1)+'/'+anneeEnCours;
+	}
-	}
-	return dateMax;
-}
-/** Fonctions de manipulation des éléments du tableau pour les transformer en élements cliquables et calendriers **/
-function initialiserMiniCalendrierFormulaire(id_element) {
+	donnees_obs = {
+		"id_individu": $obs.data('id-individu'),
+		"id_evenement": $obs.data('id-stade-observation'),
+		"date_evenement": dateStr,
+		"annee_en_cours": anneeEnCours
+	};
-	dateMin = getDateMinCalendrier();
+	if(!!$obs.data('id-observation')) {
-	dateMax = getDateMaxCalendrier();
+		donnees_obs.id_observation = $obs.data('id-observation');
+	}
-	$('#'+id_element)
-	.datepicker({
-		disabled: true,
-		constrainInput: true,
+	return donnees_obs;
-		altFormat: 'dd/mm/yyyy',
+}
-		minDate: dateMin,
-		maxDate: dateMax,
-		onSelect: function(dateText, inst) {
-			$('#'+id_element).val(dateText);
-			donnees_obs = collecterDonneesMiniFormulaire(id_formulaire);
+/** Fonctions d'envoi et de récupération des élements du formulaire ajax **/
+function envoyerRequeteAjaxSaisieObservation(dateStr, $obs) {
-			envoyerRequeteAjaxValidationMiniFormulaire(donnees_obs, id_formulaire);
+	var est_obs_existante = !!$obs.data('id-observation');
-		},
+	var donnees_obs = formaterDonneesObservationPourEnvoi(dateStr, $obs);
-		onClose: function(dateText, inst) {
-			gererFermetureMiniCalendrier(dateText,id_formulaire);
+	url_page_courante = document.URL;
-		}
+	url_page_courante = url_page_courante.replace('module=Individu','module=Observation');
+	url_page_courante = url_page_courante.replace('action=afficherListeIndividu','action=validerFormulaireModificationObservationAjax');
-	});
+	url_ajax = url_page_courante.replace('action=validerFormulaireSaisieIndividu','action=validerFormulaireModificationObservationAjax');
 	$conteneurAjout = null;
-	$('#'+id_element).datepicker( "show" );
-}
+	if(!est_obs_existante) {
+		var id_conteneur_ajout = 'ajouter_observation_individu_'+donnees_obs['id_individu']+'_evenement_'+donnees_obs['id_evenement'];
-function gererFermetureMiniCalendrier(dateText, id_formulaire) {
+		var $conteneurAjout = $('#'+id_conteneur_ajout).clone();
+	}
-	ancienne_valeur_date = jQuery.trim(ancienneValeurEnCours);
+	var donnees_obs = formaterDonneesObservationPourEnvoi(dateStr, $obs);
-	nouvelle_valeur_date = jQuery.trim(dateText);
+	$.post(url_ajax, donnees_obs, function(obj_retour) {
-	if(nouvelle_valeur_date == '' && ancienne_valeur_date != '-' && ancienne_valeur_date != nouvelle_valeur_date) {
+		if(obj_retour.data.erreurs) {
-		if(window.confirm("Voulez vous supprimer cette observation ?")) {
+			var message = 'Une ou plusieurs erreurs se sont produites : '+"\n";
-			$('#'+id_formulaire).val(nouvelle_valeur_date);
+			for (var key in obj_retour.data.erreurs) {
-			donnees_obs = collecterDonneesMiniFormulaire(id_formulaire);
-			envoyerRequeteAjaxValidationMiniFormulaire(donnees_obs, id_formulaire);
+  		if (obj_retour.data.erreurs.hasOwnProperty(key))
-		} else {
+    		message += '- '+obj_retour.data.erreurs[key]+"\n";
-			$('#'+id_formulaire).val(ancienne_valeur_date);
-			remplacerMiniFormulaireParElementDate(id_formulaire);
+			}
 			window.alert(message);
-	}
-}
+			return;
+		}
-function remplacerElementDateParFormulaireAjax(id_element, conteneur_selectionne) {
+		if(obj_retour.reponse === 'OK') {
+			// les obs ne sont jamais vraiment supprimées
+			// mais seulement remplacées par des dates au format 00/00/yyyy
 			if(estUneDateSuppressionObs(dateStr)) {
+				$obs.remove();
+				delete $obs;
+				return;
+			}
-	if(elementEnCours != null) {
+			$obs.find('.date_observation').text(dateStr);
-		elementEnCours.removeClass('element_clique');
+			$obs.data('date-observation', dateStr);
-		elementEnCours.html(htmlEnCours);
+			if(!est_obs_existante) {
-		ancienneValeurEnCours = null;
+				$obs.removeClass('ajouter_observation');
+				$obs.attr('title', 'Cliquez pour modifier la date de cette observation')
+				$obs.data('id-observation', obj_retour.data.id_observation);
-	}
+				var id_conteneur_observation = 'individu_'+donnees_obs['id_individu']+'_evenement_'+donnees_obs['id_evenement']+'_observation_'+obj_retour.data.id_observation;
+				$obs.attr('id', id_conteneur_observation);
+				$obs.after($conteneurAjout);
-	ancienneValeurEnCours = conteneur_selectionne.children('span').html()
+			}
-	elementEnCours = conteneur_selectionne;
-	htmlEnCours = conteneur_selectionne.html();
+			$('.element_clique').removeClass('element_clique');
-	conteneur_obs = $('#'+id_element);
+			fermerDatePicker();
 	valeur_date = conteneur_obs.html();
-	valeur_date = valeur_date.replace('-','');
+	});
+}
-	conteneur_selectionne.addClass('element_clique');
-	conteneur_selectionne.html('<span class="calendrier"><input type="text" value="'+jQuery.trim(valeur_date)+'" class="calendrier" id="'+id_formulaire+'" size="7" maxlenght="10" /></div>');
+function estUneDateSuppressionObs(dateStr) {
+	var date_vide_pattern = /^00\/00\/\d{4}$/;
-	initialiserMiniCalendrierFormulaire(id_formulaire);
+	return dateStr == '' || date_vide_pattern.test(dateStr);
 }
+function fermerDatePicker() {
-function remplacerMiniFormulaireParElementDate(id_element) {
+	if($(".hasDatepicker").length == 0) {
+		return;
+	}
-	valeur_date_pour_stade = $('#'+id_element).val();
+	$(".hasDatepicker").each(function() {
+		$(this).datepicker("destroy");
-	if(jQuery.trim(valeur_date_pour_stade) == '') {
+		$(this).removeClass(".hasDatepicker").removeAttr('id');
-		valeur_date_pour_stade = '-';
-	}
+	});
+}
-	elementEnCours.html('<span id="'+id_element+'">'+valeur_date_pour_stade+' </span>');
+function obtenirAttributsData(el) {
-	elementEnCours.removeClass('element_clique');
+	return [].filter.call(el.attributes, function(at) { return /^data-/.test(at.name); });
+}
-	elementEnCours = null;
+// vérifie qu'une date est au format d/m/y
-	ancienneValeurEnCours = null;
+// merci stacky https://stackoverflow.com/questions/5812220/how-to-validate-a-date
 function estUneDateValide(s) {

Subversion Repositories Sites.obs-saisons.fr

(root)/trunk/applications/saisie/squelettes/js/saisie.js – Rev 302 → 320