WebSVN – eFlore/Applications.cel – Diff – //branches/v1.5-cisaille/widget/modules/saisie/squelettes/sauvages/js/sauvages.js

 //+----------------------------------------------------------------------------------------------------------+
 // GOOGLE MAP
 var geocoder;
+var map;
-var map;
+// marqueurs de début et fin de rue
 var marker;
+var markerFin;
-var markerFin;
+// coordonnées de début et fin de rue
 var latLng;
+var latLngFin;
-var latLngFin;
+// ligne reliant les deux points de début et fin
+var ligneRue;
-var ligneRue;
+// Booléen de test afin de ne pas faire apparaitre la fin de rue à la premiere localisation
 var premierDeplacement = true;
 function initialiserGoogleMap(){
 	// Marqueur google draggable
 	marker = new google.maps.Marker({
 		map: map,
 		draggable: true,
-		title: 'Début de la rue',
+		title: 'Début de la portion de rue étudiée',
 		icon: GOOGLE_MAP_MARQUEUR_URL,
 		position: latLng
 	});
 			deplacerMarker(latLng);
 		});
+	}
+}
+var valeurDefautRechercheLieu = "Entrez un nom de ville, de lieu ou de rue...";
 $(document).ready(function() {
+	initialiserGoogleMap();
-	initialiserGoogleMap();
+	gererAffichageValeursParDefaut();
 	// Autocompletion du champ adresse
 	$("#rue").autocomplete({
 		//Cette partie utilise geocoder pour extraire des valeurs d'adresse
 		},
 		// Cette partie est executee a la selection d'une adresse
 		select: function(event, ui) {
 			latLng = new google.maps.LatLng(ui.item.latitude, ui.item.longitude);
 			deplacerMarker(latLng);
+			afficherEtapeGeolocalisation(2);
+		}
 	});
 	$("#geolocaliser").click(function() {
 	google.maps.event.addListener(map, 'click', function(event) {
 		deplacerMarker(event.latLng);
 	});
 });
+function gererAffichageValeursParDefaut() {
+	afficherEtapeGeolocalisation(1);
+	$("#rue").val(valeurDefautRechercheLieu);
+	$('#rue').addClass('valeur-defaut-recherche');
+	$("#rue").focus(function() {
+		$('#rue').removeClass('valeur-defaut-recherche');
+		if ($('#rue').val() == valeurDefautRechercheLieu) {
+			$('#rue').val('');
+		} else {
+			$('#rue').select();
+		}
+	});
+}
+function afficherEtapeGeolocalisation(numEtape) {
+	$(".liste_indication_geolocalisation").children().hide();
+	$(".liste_indication_geolocalisation :nth-child("+numEtape+")").show();
+}
 function afficherErreurGoogleMap(status) {
 	if (DEBUG) {
 		$("#dialogue-google-map").empty();
 		$("#dialogue-google-map").append('<pre class="msg-erreur">'+
 		if(!premierDeplacement) {
 			if(markerFin != undefined) {
 				markerFin.setMap(null);
+			}
-			latLngFin = new google.maps.LatLng(latLng.lat(), latLng.lng() - 0.0002);
+			latLngFin = new google.maps.LatLng(latLng.lat(), latLng.lng() + 0.0010);
 			// Marqueur google draggable
 			markerFin = new google.maps.Marker({
 				map: map,
 				draggable: true,
-				title: 'Fin de la rue',
+				title: 'Fin de la portion de rue étudiée',
 				icon: FIN_ICONE_URL,
 				position: latLngFin
 			});
 			google.maps.event.addListener(markerFin, 'dragend', function() {
 				dessinerLigneRue(marker.getPosition(), markerFin.getPosition());
 				latLngFin = markerFin.getPosition();
+				latLngCentre = new google.maps.LatLng((latLngFin.lat() + latLng.lat())/2, (latLngFin.lng() + latLng.lng())/2);
-				latLngCentre = new google.maps.LatLng((latLngFin.lat() + latLng.lat())/2, (latLngFin.lng() + latLng.lng())/2);
+				mettreAJourMarkerPosition(latLngCentre);
-				mettreAJourMarkerPosition(latLngCentre);
+				afficherEtapeGeolocalisation(4);
 			});
+			dessinerLigneRue(latLng, latLngFin);
 			dessinerLigneRue(latLng, latLngFin);
 			latLngCentre = new google.maps.LatLng((latLngFin.lat() + latLng.lat())/2, (latLngFin.lng() + latLng.lng())/2);
-			latLngCentre = new google.maps.LatLng((latLngFin.lat() + latLng.lat())/2, (latLngFin.lng() + latLng.lng())/2);
+			mettreAJourMarkerPosition(latLng);
-			mettreAJourMarkerPosition(latLng);
+			afficherEtapeGeolocalisation(3);
 		} else {
 				email : true},
 			courriel_confirmation : {
 				required : true,
 				equalTo: "#courriel"
 			},
-			rue : "required",
 			rue_cote : "required",
+			"milieu[]" : {
-			milieu : "required",
+			       required: true,
+			       minlength: 1
+			},
 			latitude : {
 				required: true,
 				range: [-90, 90]},
 			longitude : {
 				required: true,
 				range: [-180, 180]},
 			date : {
 				required: true,
 				date: true},
 			taxon : "required"
+		},
+		messages: {
+			"milieu[]": "Vous devez sélectionner au moins un milieu",
+		}
 	});
 	$("#courriel_confirmation").bind('paste', function(e) {
 	var obsNumero = 0;
 	$("#ajouter-obs").bind('click', function(e) {
 		if ($("#saisie-obs").valid() == false) {
 			$("#dialogue-form-invalide").dialog();
 		} else {
+			var milieux = [];
+			$('input:checked["name=milieux[]"]').each(function() {
+				milieux.push($(this).val());
+			});
 			//rassemble les obs dans un tableau html
 			obsNumero = obsNumero + 1;
 			$("#liste-obs tbody").append(
 					'<tr id="obs'+obsNumero+'" class="obs">'+
 					'<td>'+obsNumero+'</td>'+
 					'<td>'+$("#date").val()+'</td>'+
 					'<td>'+$("#rue").val()+'</td>'+
 					'<td>'+$("#taxon option:selected").text()+'</td>'+
-					'<td>'+$('input[name=milieu]:checked').val()+'</td>'+
+					'<td>'+milieux.join(',')+'</td>'+
 					'<td>'+$("#latitude").val()+' / '+$("#longitude").val()+'</td>'+
 					//Ajout du champ photo
 					'<td class="obs-miniature">'+ajouterImgMiniatureAuTransfert()+'</td>'+
 					'<td>'+$("#notes").val()+'</td>'+
 					'<td><button class="supprimer-obs" value="'+obsNumero+'" title="Supprimer l\'observation '+obsNumero+'">'+
 				'nom_ret' : taxons[numNomSel]['nom_ret'],
 				'num_nom_ret' : taxons[numNomSel]['num_nom_ret'],
 				'num_taxon' : taxons[numNomSel]['num_taxon'],
 				'famille' : taxons[numNomSel]['famille'],
 				'nom_fr' : taxons[numNomSel]['nom_fr'],
-				'milieu' : $('input[name=milieu]:checked').val(),
+				'milieu' : milieux.join(','),
 				'latitude' : $("#latitude").val(),
 				'longitude' : $("#longitude").val(),
 				'commune_nom' : $("#commune-nom").text(),
 				'commune_code_insee' : $("#commune-code-insee").text(),
 				'lieudit' : $("#rue").val(),
 							$.each(debugInfos, function (cle, valeur) {
 								debugMsg += valeur + "\n";
 							});
+						}
+					}
+					console.log(jqXHR);
 					if (erreurMsg != '') {
 						$("#dialogue-obs-transaction").append('<p class="msg">'+
 								'Une erreur est survenue lors de la transmission de vos observations.'+'<br />'+
 								'Vous pouvez signaler le disfonctionnement à <a href="'+
 								'mailto:cel@tela-botanica.org'+'?'+

Subversion Repositories eFlore/Applications.cel

(root)//branches/v1.5-cisaille/widget/modules/saisie/squelettes/sauvages/js/sauvages.js – Rev 1256 → 1258