WebSVN – eFlore/Applications.cel – Diff – /trunk/widget/modules/saisie/squelettes/bellesdemarue/js/WidgetSaisieBellesdemarue.js

 	this.surChangementTaxonListe();
 	$('#taxon-liste').on('change', this.surChangementTaxonListe);
 	if (this.debug) {
 		console.log('Selected taxon:'+$('#taxon-liste option:selected').val());
+	}
+	// vidage du champ de recherche Google Maps
+	$('#carte-recherche').val('');
+	// vidage du taxon précédemment saisi avec l'autocomplétion, sans quoi on
+	// perd son nn
+	$('#taxon').val('');
+	$('#taxon').data('numNomSel', ''); // et on vide le nn précédent
+	this.surChangementValeurTaxon();
 	$('#taxon-liste').on('blur', this.surChangementValeurTaxon);
 	$('#taxon').on('blur', this.surChangementValeurTaxon);
 	this.surChangementMilieuListe();
 	});
 	$('#geolocaliser').on('click', this.geolocaliser.bind(this));
-};
-/**
- * AUTO-COMPLÉTION Noms Scientifiques => OK
- * sélectionne un nom et puis qu'on le remplacer par un nom non valide
- * Garder la trace de la valeur permet de vider le nn lorsqu'on
- */
-/*
-WidgetSaisieBellesdemarue.prototype.ajouterAutocompletionNoms = function() {
-	var lthis = this;
-	$('#taxon').autocomplete({
-		source: function(requete, add){
-			// la variable de requête doit être vidée car sinon le parametre "term" est ajouté
-			var url = lthis.getUrlAutocompletionNomsSci();
-			$.getJSON(url, function(data) {
-				var suggestions = lthis.traiterRetourNomsSci(data);
-				add(suggestions);
-			});
-		},
-		html: true
-	});
-	$('#taxon').bind('autocompleteselect', function(event, ui) {
-		$('#taxon').data(ui.item);
-		lthis.valeurChamp = $('#taxon').val();
-		if (ui.item.retenu == true) {
-			$('#taxon').addClass('ns-retenu');
-		} else {
-			$('#taxon').removeClass('ns-retenu');
-		}
-	});
-	$('#taxon').bind('keypress', function() {
-		if(lthis.valeurChamp != $('#taxon').val()) {
-			$('#taxon').data('numNomSel', '');
-		}
-		lthis.valeurChamp = $('#taxon').val();
-	});
-};
-*/
+};
 // surcharge
 WidgetSaisieBellesdemarue.prototype.configurerFormValidator = function() {
 	$.validator.addMethod(
 WidgetSaisieBellesdemarue.prototype.surChangementTaxonListe = function() {
 	if ($('#taxon-liste').val() === '?') {
 		$('#taxon-input-groupe').removeClass('hidden');
+	} else {
-	} else {
+		$('#taxon').val(''); // on force à réutiliser l'autocomplétion pour avoir un nn
-		// $('#milieu-autre').val(''); paraît logique de faire ça mais méfiance
+		$('#taxon').data('numNomSel', ''); // on vide le nn précédent
 		$('#taxon-input-groupe').addClass('hidden');
+	}
 };
+			}
 		});
 	});
 };
+// lorsqu'on choisit un taxon dans la liste, ou qu'on en tape un à la main dans
-/*
+// le champ "autre espèce" (avec autocomplétion)
 WidgetSaisieBellesdemarue.prototype.surChangementValeurTaxon = function() {
 	var nomHorsListe = $('#taxon-liste').val() == '?' ? true : false;
 	var nomSpecial = $('#taxon-liste option:selected').hasClass('nom-special');
+	var numNomSel = nomHorsListe ? $('#taxon').data('numNomSel') : $('#taxon-liste').val();
-	var numNomSel = nomHorsListe ? $('#taxon').data('numNomSel') : $('#taxon-liste').val();
+	var nomSel = nomHorsListe ? $('#taxon').val() : $('#taxon-liste option:selected').text().trim();
 	// Un nom non valide entraine automatiquement une certitude "à déterminer"
 	if(nomSpecial || !numNomSel) {
-		$('#certitude-adeterminer').attr('checked', 'checked');
+		$('#certitude-adeterminer').prop('checked', true);
 	} else {
-		$('#certitude-adeterminer').removeAttr('checked');
+		$('#certitude-adeterminer').prop('checked', false);
+	}
+	// stockage temporaire des infos connues
+	$('#taxon').data('nn', numNomSel);
 	$('#taxon').data('ns', nomSel);
 };
 */
 // surcharge
-WidgetSaisieBellesdemarue.prototype.ajouterObs = function() {
-	// Fermeture automatique des dialogue de transmission de données
+WidgetSaisieBellesdemarue.prototype.ajouterObs = function() {
-	// @WARNING TEST
+	// Fermeture automatique des dialogue de transmission de données
 	$('#dialogue-obs-transaction-ko').hide();
 	$('#dialogue-obs-transaction-ok').hide();
 		$('#image-obligatoire').show();
 	} else {
 		$('#image-obligatoire').hide();
+	}
-	if (this.validerFormulaire() == true && nbImages == 0) {
+	if (this.validerFormulaire() == true && nbImages > 0) {
 		this.masquerPanneau('#dialogue-form-invalide');
 		this.obsNbre = this.obsNbre + 1;
 		$(".obs-nbre").text(this.obsNbre);
 		$(".obs-nbre").triggerHandler('changement');
 		this.afficherObs();
 		this.stockerObsData();
 		this.supprimerMiniatures();
 		if(! this.especeImposee) {
 			$("#taxon").val("");
-			$("#taxon").data("numNomSel",undefined);
+			$("#taxon").data("numNomSel", undefined);
+		}
 		$('#barre-progression-upload').attr('aria-valuemax', this.obsNbre);
 		$('#barre-progression-upload .sr-only').text('0/'+this.obsNbre+" observations transmises");
 	} else {
 		this.afficherPanneau('#dialogue-form-invalide');
+	}
-};
 };
 /*
-// surcharge
-WidgetSaisieBellesdemarue.prototype.afficherObs = function() {
+// surcharge
-	var numNomSel = ($('#taxon-liste').val() == '?') ? $('#taxon').data('numNomSel') : $('#taxon-liste').val(),
-		nomSpecial = $('#taxon-liste option:selected').hasClass('nom-special'),
-		taxon = ($('#taxon-liste').val() == '?') ? $('#taxon').val() : $('#taxon-liste option:selected').data('nom-a-sauver'),
+WidgetSaisieBellesdemarue.prototype.afficherObs = function() {
-		referentiel = (numNomSel == undefined) ? '' : '['+ this.nomSciReferentiel +']',
-		commune = $('#commune-nom').text(),
+	// on accepte que la commune soit parfois vide
-		codeInsee = $('#commune-code-insee').text(),
-		station = this.getValeurStation(),
-		lat = $('input[name="latitude"]').val(),
+	var commune = $("#commune-nom").text();
-		lng = $('input[name="longitude"]').val(),
-		date = $('#date').val(),
-		milieux = this.getMilieux(),
+	if (this.debug) {
-		notes = (nomSpecial ? this.taxons[numNomSel]['nom_fr'] + ".<br />" : '') + $('#notes').val();
+		console.log(commune);
+	}
-	$('#liste-obs').prepend(
+	$("#liste-obs").prepend(
-		'<div id="obs'+this.obsNbre+'" class="row-fluid obs obs'+this.obsNbre+'">' +
+		'<div id="obs'+this.obsNbre+'" class="row-fluid obs obs'+this.obsNbre+'">'+
-			'<div class="span12">' +
+			'<div class="span12">'+
-				'<div class="well">' +
+				'<div class="well">'+
-					'<div class="obs-action pull-right has-tooltip" data-placement="bottom" ' +
+					'<div class="obs-action pull-right has-tooltip" data-placement="bottom" '+
-						'title="Supprimer cette observation de la liste à transmettre">' +
+						'title="Supprimer cette observation de la liste à transmettre">'+
-						'<button class="btn btn-danger supprimer-obs" value="'+this.obsNbre+'" title="'+this.obsNbre+'">' +
+						'<button class="btn btn-danger supprimer-obs" value="'+this.obsNbre+'" title="'+this.obsNbre+'">'+
-							'<i class="icon-trash icon-white"></i>' +
+							'<i class="icon-trash icon-white"></i>'+
-						'</button>' +
+						'</button>'+
-					'</div> ' +
+					'</div> '+
-					'<div class="row-fluid">' +
+					'<div class="row-fluid">'+
-						'<div class="span2 obs-miniatures">' +
+						'<div class="thumbnail span2">'+
-						this.ajouterImgMiniatureAuTransfert() +
+						this.ajouterImgMiniatureAuTransfert()+
 						'</div>'+
+						'<div class="span9">'+
+							'<ul class="unstyled">'+
+								'<li>'+
+									'<span class="nom-sci">'+this.ajouterNomEspece()+'</span> '+
+									this.ajouterNumNomSel()+
+									this.ajouterNomReferentiel()+
+								'</li>'+
+								'<li>'+
+									'Observé à '+
+									'<span class="commune">'+commune+'</span> '+
+									' ['+$("#latitude").val()+' / '+$("#longitude").val()+']'+
+									' le '+
+									'<span class="date">'+$("#date").val()+'</span>'+
+								'</li>'+
+								'<li>'+
+									'<span>Certitude :</span> '+$('input[name="certitude"]').val()+' '+
+								'</li>'+
+								'<li>'+
-						'<div class="span7">' +
+									'<span>Milieu :</span> '+this.ajouterMilieu()+
-							'<ul class="unstyled">' +
-								'<li>'+
-									'<span class="nom-sci">' + taxon + '</span> ' +
-									this.formaterNumNomSel(numNomSel) +
-									' observé à <br />' +
-									'<span class="commune">' + commune + '</span> ' +
-									'(' + codeInsee + '), ' +
-									'<span class="station">' + station + '</span><br /> ' +
+								'</li>'+
-									' le ' +
-									'<span class="date">' + date + '</span>' +
-								'</li>' +
-								'<li>' +
+								'<li>'+
-									'Milieux : ' + milieux + ' ' + ' ; ' +
-								'</li>' +
-								'<li>' +
-									'Notes : ' + notes +
+									'Commentaires : <span class="discretion">'+$("#notes").val()+'</span>'+
-								'</li>' +
+								'</li>'+
-							'</ul>' +
+							'</ul>'+
-						'</div>' +
+						'</div>'+
-					'</div>' +
+					'</div>'+
-				'</div>' +
+				'</div>'+
 			'</div>'+
 		'</div>');
-	$('#zone-liste-obs').removeClass("hidden");
+	$('#zone-liste-obs').removeClass("hidden").show();
+};
+WidgetSaisieBellesdemarue.prototype.ajouterMilieu = function() {
+	var milieu = $('#milieu').val();
+	if (milieu == 'autres') {
+		var autreMilieu = $('#milieu-autre').val();
+		if (autreMilieu) {
+			milieu = autreMilieu;
+		}
+	}
+	return milieu;
+};
+WidgetSaisieBellesdemarue.prototype.ajouterNomEspece = function() {
+	var ns = $('#taxon').data('ns');
+	if (! ns) {
+		ns = "inconnue";
+	}
+	return ns;
 };
+WidgetSaisieBellesdemarue.prototype.ajouterNomReferentiel = function() {
+	var nomRef = '';
+	if ($("#taxon").data("nn")) {
+		nomRef = '<span class="referentiel-obs">'+
+			' [' + this.nomSciReferentiel +']'+
+		'</span>';
+	}
+	return nomRef;
-WidgetSaisieBellesdemarue.prototype.getValeurStation = function() {
+};
-	var station = "";
+// surcharge
+WidgetSaisieBellesdemarue.prototype.ajouterNumNomSel = function() {
-	var valeurSelectionnee = $("#indication-nom-rue-nom").text().trim();
+	var nn = '';
-	if(valeurSelectionnee == this.aucuneRueSelectionnee || valeurSelectionnee == this.nomDeRueInconnue) {
+	if (! $("#taxon").data("nn")) {
-		station = $('input[name="adresse"]').val().trim()
+		nn = ' <span class="alert-error">[non lié au référentiel]</span>';
-	} else {
-		station = $("#indication-nom-rue-nom").text().trim();
+	} else {
-	}
+		nn = ' <span class="nn">[nn'+$("#taxon").data("nn")+']</span>';
+	}
 	return nn;
-	return station;
+};
 /*
 WidgetSaisieBellesdemarue.prototype.ajouterImgMiniatureAuTransfert = function() {
+		}
+	}
 	miniatureAffichee.addClass('miniature-selectionnee').removeClass('miniature-cachee');
 };
-WidgetSaisieBellesdemarue.prototype.formaterNumNomSel = function(numNomSel) {
-	var nn = '';
-	if (numNomSel == undefined) {
-		nn = '<span class="alert-error">[non lié au référentiel]</span>';
-	} else {
-		nn = '<span class="nn">[nn'+numNomSel+']</span>';
-	}
-	return nn;
-};
-// surcharge
-WidgetSaisieBellesdemarue.prototype.surChangementReferentiel = function() {
-	this.nomSciReferentiel = $('#referentiel').val();
-	$('#taxon').val('');
-};
 // surcharge
 WidgetSaisieBellesdemarue.prototype.stockerObsData = function() {
 	var lthis = this;
 	var nomHorsListe = $('#taxon-liste').val() == '?' ? true : false;

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/saisie/squelettes/bellesdemarue/js/WidgetSaisieBellesdemarue.js – Rev 3047 → 3048