WebSVN – eFlore/Applications.cel – Diff – /branches/v2.21-plantoir/widget/modules/saisie/squelettes/defaut/js/WidgetSaisie.js

 	});
+}
 //+---------------------------------------------------------------------------------------------------------+
+// FORMULAIRE
+var obsNbre = 0;
 // FORMULAIRE
 $(document).ready(function() {
 	$("#prenom").bind("change", function(event) {
 		var prenom = new Array();
 		var mots = $(this).val().split('-');
 			if (element.type === 'radio') {
 				this.findByName(element.name).parent("div").parent("div").removeClass(errorClass).addClass(validClass);
 			} else {
 				if ($(element).attr('id') == 'taxon') {
 					var warningClass = "control-group warning";
-					if ($("#taxon").data("selection") != $("#taxon").val()) {
+					if ($("#taxon").data("value") != $("#taxon").val()) {
-						$("#taxon").data("selection", "");
+						$("#taxon").removeData();
-						$("#taxon").data("nn", "");
+						$("#taxon").removeClass('ns-retenu');
 						if ($("#taxon").val() != '') {
 							$("#taxon-input-groupe").removeClass(validClass)
 								.removeClass(errorClass)
 								.addClass(warningClass);
-							this.showLabel(element, "Nom abscent du référentiel.");
+							this.showLabel(element, "Nom absent du référentiel.");
+						}
 					} else {
 						if ($("#taxon").val() != '') {
 							$("#taxon-input-groupe").removeClass(warningClass)
 								.removeClass(errorClass)
 	var obsNumero = 0;
 	$("#ajouter-obs").bind('click', function(e) {
 		if (validerFormulaire() == true) {
 			//rassemble les obs dans un tableau html
 			obsNumero = obsNumero + 1;
+			obsNbre = obsNbre + 1;
+			$(".obs-nbre").text(obsNbre);
 			$("#liste-obs tbody").append(
-					'<tr id="obs'+obsNumero+'" class="obs">'+
+				'<tr id="obs'+obsNumero+'" class="obs obs'+obsNumero+'">'+
-					'<td>'+obsNumero+'</td>'+
-					'<td>'+$("#date").val()+'</td>'+
+					'<td rowspan="3" class="obs-miniature">'+ajouterImgMiniatureAuTransfert()+'</td>'+
 					'<td>'+$("#taxon").val()+'</td>'+
+					'<td colspan="2">'+$('#commune-nom').text()+' ('+$('#commune-code-insee').text()+') ['+$("#latitude").val()+' / '+$("#longitude").val()+']</td>'+
-					'<td>'+$("#latitude").val()+' / '+$("#longitude").val()+'</td>'+
+					'<td rowspan="3">'+$("#notes").val()+'</td>'+
+					'<td rowspan="3" class="obs-action">'+
+						'<button class="supprimer-obs" value="'+obsNumero+'" title="Supprimer l\'observation '+obsNumero+'">'+
+						'<img src="'+SUPPRIMER_ICONE_URL+'"/></button>'+
+					'</td>'+
+				'</tr>'+
+				'<tr class="obs obs'+obsNumero+'">'+
-					'<td>'+$('#commune-nom').text()+' ('+$('#commune-code-insee').text()+')</td>'+
+					'<td rowspan="2">'+$("#date").val()+'</td>'+
 					'<td>'+$('#lieudit').val()+'</td>'+
 					'<td>'+$('#station').val()+'</td>'+
-					'<td>'+$('#milieu').val()+'</td>'+
+				'</tr>'+
-					'<td class="obs-miniature">'+ajouterImgMiniatureAuTransfert()+'</td>'+
+				'<tr class="obs obs'+obsNumero+'">'+
-					'<td>'+$("#notes").val()+'</td>'+
+					'<td colspan="2">'+$('#milieu').val()+'</td>'+
-					'<td><button class="supprimer-obs" value="'+obsNumero+'" title="Supprimer l\'observation '+obsNumero+'">'+
-					'<img src="'+SUPPRIMER_ICONE_URL+'"/></button></td>'+
 				'</tr>');
 			//rassemble les obs dans #liste-obs
-			var numNomSel = $("#taxon").val();
 			$("#liste-obs").data('obsId'+obsNumero, {
 				'date' : $("#date").val(),
+				'notes' : $("#notes").val(),
-				'num_nom_sel' : numNomSel,
+				'nom_sel' : $("#taxon").val(),
-				'nom_sel' : taxons[numNomSel]['nom_sel'],
+				'num_nom_sel' : $("#taxon").data("numNomSel"),
-				'nom_ret' : taxons[numNomSel]['nom_ret'],
+				'nom_ret' : $("#taxon").data("nomRet"),
-				'num_nom_ret' : taxons[numNomSel]['num_nom_ret'],
+				'num_nom_ret' : $("#taxon").data("numNomRet"),
-				'num_taxon' : taxons[numNomSel]['num_taxon'],
+				'num_taxon' : $("#taxon").data("nt"),
-				'famille' : taxons[numNomSel]['famille'],
+				'famille' : $("#taxon").data("famille"),
-				'nom_fr' : taxons[numNomSel]['nom_fr'],
+				'referentiel' : NOM_SCI_REFERENTIEL,
-				'milieu' : $('input[name=milieu]:checked').val(),
 				'latitude' : $("#latitude").val(),
 				'longitude' : $("#longitude").val(),
 				'commune_nom' : $("#commune-nom").text(),
 				'commune_code_insee' : $("#commune-code-insee").text(),
-				'lieu_dit' : $("#rue").val(),
+				'lieu_dit' : $("#lieu_dit").val(),
-				'station' : $("#rue_num_debut").val()+'-'+$("#rue_num_fin").val()+'-'+$("#rue_cote").val(),
+				'station' : $("#station").val(),
-				'notes' : $("#notes").val(),
+				'milieu' : $("#milieu").val(),
 				//Ajout des champs images
 				'image_nom' : $("#miniature-img").attr('alt'),
 				'image_b64' : getB64ImgOriginal()
 			});
+		}
 		if (observations == undefined || jQuery.isEmptyObject(observations)) {
 			$("#dialogue-zero-obs").dialog();
 		} else if ($("#saisie-obs").valid() == false) {
 			$("#dialogue-form-invalide").dialog();
 		} else {
-			observations['projet'] = 'Sauvages';
+			observations['projet'] = PROJET_TAG;
 			var utilisateur = new Object();
 			utilisateur.prenom = $("#prenom").val();
 			utilisateur.nom = $("#nom").val();
 	var obsId = $(this).val();
 	// Problème avec IE 6 et 7
 	if (obsId == "Supprimer") {
 		obsId = $(this).attr("title");
+	}
+	obsNbre = obsNbre - 1;
+	$(".obs-nbre").text(obsNbre);
-	$('#obs'+obsId).remove();
+	$('.obs'+obsId).remove();
 	$("#liste-obs").removeData('obsId'+obsId);
+}
 	return miniature;
+}
 //+---------------------------------------------------------------------------------------------------------+
-// AUTO-COMPLÉTION Noms Scientifiques
-var listeNomsScientifiques = new Object();
+// AUTO-COMPLÉTION Noms Scientifiques
 function ajouterAutocompletionNoms() {
 	$('#taxon').autocomplete({
 		source: function(requete, add){
+			// la variable de requête doit être vidée car sinon le parametre "term" est ajouté
-			// la variable de requête doit être vidée car sinon le parametre "term" est ajouté
+			requete = "";
-			requete = "";
+			var url = getUrlAutocompletionNomsSci();
-			$.getJSON(getUrlAutocompletionNomsSci($('#taxon').val()), requete, function(data) {
+			$.getJSON(url, requete, function(data) {
 				var suggestions = traiterRetourNomsSci(data);
 				add(suggestions);
             });
         },
+        html: true
-        html: true
+	});
-	});
+	$( "#taxon" ).bind("autocompleteselect", function(event, ui) {
-	$( "#taxon" ).bind("autocompleteselect", function(event, ui) {
+		$("#taxon").data(ui.item);
+		if (ui.item.retenu == true) {
+			$("#taxon").addClass('ns-retenu');
+		} else {
-		$("#taxon").data("selection", ui.item.value);
+			$("#taxon").removeClass('ns-retenu');
 		$("#taxon").data("nn", ui.item.nn);
 	});
+}
 function getUrlAutocompletionNomsSci() {
-function getUrlAutocompletionNomsSci(mots) {
+	var mots = $('#taxon').val();
 	var url = SERVICE_AUTOCOMPLETION_NOM_SCI_URL.replace('{masque}', mots);
 	return url;
+}
 function traiterRetourNomsSci(data) {
+	var suggestions = [];
+	if (data.resultat != undefined) {
-	var suggestions = [];
+		$.each(data.resultat, function(i, val) {
-	if (data.resultat != undefined) {
+			val.nn = i;
-		$.each(data.resultat, function(i, val) {
+			var nom = {label : '', value : '', nt : '', nomSel : '', nomSelComplet : '', numNomSel : '',
-			val.nn = i;
+				nomRet : '', numNomRet : '', famille : '', retenu : false
-			var nom = {};
-			if (suggestions.length >= 20) {
+			};
-				nom.label = "...";
+			if (suggestions.length >= AUTOCOMPLETION_ELEMENTS_NBRE) {
-				nom.value = $('#taxon').val();
+				nom.label = "...";
-				nom.nn = "";
+				nom.value = $('#taxon').val();
 				suggestions.push(nom);
+				return false;
+			} else {
+				nom.label = val.nom_sci;
-				return false;
+				nom.value = val.nom_sci;
+				nom.nt = val.num_taxonomique;
+				nom.nomSel = val.nom_sci;
-			} else {
+				nom.nomSelComplet = val.nom_sci_complet;
+				nom.numNomSel = val.nn;
+				nom.nomRet = val.nom_retenu;
+				// TODO : remplacer val.nom_retenu par val.nom_retenu.libelle et réactiver nom_retenu.id
-				nom.label = val.nom_sci;
+				//nom.numNomRet = val.nom_retenu.id;
-				nom.value = val.nom_sci;
+				nom.famille = val.famille;
-				nom.nn = val.nn;
+				nom.retenu = (val.retenu == 'false') ? false : true;
 				listeNomsScientifiques[val.nom_sci] = val;
  * http://github.com/scottgonzalez/jquery-ui-extensions
+ *
  * Adaptation par Aurélien Peronnet pour la mise en gras des noms de taxons valides
  */
 (function( $ ) {
-var proto = $.ui.autocomplete.prototype,
+	var proto = $.ui.autocomplete.prototype,
-	initSource = proto._initSource;
+		initSource = proto._initSource;
-function filter( array, term ) {
+	function filter( array, term ) {
-	var matcher = new RegExp( $.ui.autocomplete.escapeRegex(term), "i" );
+		var matcher = new RegExp( $.ui.autocomplete.escapeRegex(term), "i" );
-	return $.grep( array, function(value) {
+		return $.grep( array, function(value) {
-		return matcher.test( $( "<div>" ).html( value.label || value.value || value ).text() );
+			return matcher.test( $( "<div>" ).html( value.label || value.value || value ).text() );
-	});
+		});
-}
-$.extend( proto, {
-	_initSource: function() {
-		if ( this.options.html && $.isArray(this.options.source) ) {
-			this.source = function( request, response ) {
-				response( filter( this.options.source, request.term ) );
-			};
-		} else {
-			initSource.call( this );
-		}
-	},
-	_renderItem: function( ul, item) {
-		if (listeNomsScientifiques[item.label] != undefined && listeNomsScientifiques[item.label].retenu == "true") {
-			item.label = "<b>"+item.label+"</b>";
-		}
-		if (item.label == '...') {
-			item.label = "<b>"+item.label+"</b>";
-		}
-		return $( "<li></li>" )
-			.data( "item.autocomplete", item )
-			.append( $( "<a></a>" )[ this.options.html ? "html" : "text" ]( item.label ) )
-			.appendTo( ul );
+	}
+	$.extend( proto, {
+		_initSource: function() {
+			if ( this.options.html && $.isArray(this.options.source) ) {
+				this.source = function( request, response ) {
+					response( filter( this.options.source, request.term ) );
+				};
+			} else {
+				initSource.call( this );
+			}
+		},
+		_renderItem: function( ul, item) {
+			if (item.retenu == true) {
+				item.label = "<strong>"+item.label+"</strong>";
-});
+			}
+			return $( "<li></li>" )
+				.data( "item.autocomplete", item )
+				.append( $( "<a></a>" )[ this.options.html ? "html" : "text" ]( item.label ) )
+				.appendTo( ul );
+		}
+	});
 })( jQuery );

Subversion Repositories eFlore/Applications.cel

(root)/branches/v2.21-plantoir/widget/modules/saisie/squelettes/defaut/js/WidgetSaisie.js @ 2735 – Rev 1213 → 1215