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


//+---------------------------------------------------------------------------------------------------------+
// GÉNÉRAL => OK
$(document).ready(function() {
	if (DEBUG == false) {
		$(window).on('beforeunload', function(event) {
			return 'Êtes vous sûr de vouloir quiter la page?\nLes observations saisies mais non transmises seront perdues.';
		});
	}
});
//+----------------------------------------------------------------------------------------------------------+
// FONCTIONS GÉNÉRIQUES => OK
/**
 * Stope l'évènement courrant quand on clique sur un lien.
 * Utile pour Chrome, Safari...
 * @param evenement
 * @return
 */
function arreter(evenement) {
	if (evenement.stopPropagation) {
		evenement.stopPropagation();
	}
	if (evenement.preventDefault) {
		evenement.preventDefault();
	}
	return false;
}
 
function extraireEnteteDebug(jqXHR) {
	var msgDebug = '';
	if (jqXHR.getResponseHeader('X-DebugJrest-Data') != '') {
		var debugInfos = jQuery.parseJSON(jqXHR.getResponseHeader('X-DebugJrest-Data'));
		if (debugInfos != null) {
			$.each(debugInfos, function (cle, valeur) {
				msgDebug += valeur + "\n";
			});
		}
	}
	return msgDebug;
}
 
function afficherPanneau(selecteur) {
	$(selecteur).fadeIn('slow').delay(DUREE_MESSAGE).fadeOut('slow');
}
 
//+----------------------------------------------------------------------------------------------------------+
//FORM IDENTITE : gestion de l'observateur => OK
 
$(document).ready(function() {
	requeterIdentite();// Sur rechargement de la page
	
	// Interaction sur le formulaire observateur
	$('#prenom').on('change', formaterPrenom);
	$('#nom').on('change', formaterNom);
	$('#courriel').on('keyup', testerLancementRequeteIdentite);
	$('#courriel').on('blur', requeterIdentite);
	$('#courriel_confirmation').on('paste', bloquerCopierCollerCourriel);
});
 
function testerLancementRequeteIdentite(event) {
	if (event.which == 13) {
		event.preventDefault();
		event.stopPropagation();
		requeterIdentite();
	}
}
 
function requeterIdentite() {
	var courriel = $('#courriel').val();
	if (courriel) {
		var urlAnnuaire = SERVICE_ANNUAIRE_ID_URL + courriel;
		$.ajax({
			url: urlAnnuaire,
			type: 'GET',
			success: function(data, textStatus, jqXHR) {
				if (data != undefined && data[courriel] != undefined) {
					var infos = data[courriel];
					$('#id_utilisateur').val(infos.id);
					$('#prenom').val(infos.prenom);
					$('#nom').val(infos.nom);
					$('#courriel_confirmation').val(courriel);
					$('#prenom, #nom, #courriel_confirmation').attr('disabled', 'disabled');
					$('#structure').focus();
				} else {
					surErreurCompletionCourriel();
				}
			},
			error: function(jqXHR, textStatus, errorThrown) {
				surErreurCompletionCourriel();
			},
			complete: function(jqXHR, textStatus) {
				montrerFormIdentite();
			}
	});
	}
}
 
function montrerFormIdentite() {
	$('#zone-courriel-confirmation, #zone-prenom-nom').removeClass('hidden');
}
 
function surErreurCompletionCourriel() {
	$('#prenom, #nom, #courriel_confirmation').removeAttr('disabled');
	afficherPanneau('#dialogue-courriel-introuvable');
}
 
function formaterNom() {
	$(this).val($(this).val().toUpperCase());
}
 
function formaterPrenom() {
	var prenom = new Array(),
		mots = $(this).val().split(' ');
	for (var i = 0; i < mots.length; i++) {
		var mot = mots[i];
		if (mot.indexOf('-') >= 0) {
			var prenomCompose = new Array(),
				motsComposes = mot.split('-');
			for (var j = 0; j < motsComposes.length; j++) {
				var motSimple = motsComposes[j],
					motMajuscule = motSimple.charAt(0).toUpperCase() + motSimple.slice(1);
				prenomCompose.push(motMajuscule);
			}
			prenom.push(prenomCompose.join('-'));
		} else {
			var motMajuscule = mot.charAt(0).toUpperCase() + mot.slice(1);
			prenom.push(motMajuscule);
		}
	}
	$(this).val(prenom.join(' '));
}
 
function bloquerCopierCollerCourriel() {
	afficherPanneau('#dialogue-bloquer-copier-coller');
	return false;
}
 
//+----------------------------------------------------------------------------------------------------------+
//GOOGLE MAP => OK
 
var map,
	geocoder,	
	markerDeb,
	latLngDeb,
	markerFin,
	latLngFin,
	ligneRue,
	premierDeplacement = true;
 
$(document).ready(function() {
	initialiserGoogleMap();
	afficherEtapeGeolocalisation(1);
	
	// Autocompletion du champ adresse
	$('#carte-recherche').on('focus', function() {
		$(this).select();
	});
	$('#carte-recherche').on('mouseup', function(event) {// Pour Safari...
		event.preventDefault();
	});
	
	$('#carte-recherche').keypress(function(e) {
		if (e.which == 13) {
			e.preventDefault();
		}
	});
	
	$('#carte-recherche').autocomplete({
		//Cette partie utilise geocoder pour extraire des valeurs d'adresse
		source: function(request, response) {
			
			geocoder.geocode( {'address': request.term+', France', 'region' : 'fr' }, function(results, status) {
				if (status == google.maps.GeocoderStatus.OK) {
					response($.map(results, function(item) {
						var rue = "";
						$.each(item.address_components, function(){
							if (this.types[0] == "route" || this.types[0] == "street_address" ) {
								rue = this.short_name;
							}
						});
						var retour = {
							label: item.formatted_address,
							value: rue,
							latitude: item.geometry.location.lat(),
							longitude: item.geometry.location.lng()
						};
						return retour;
					}));
				} else {
					afficherErreurGoogleMap(status);
				}
			});
		},
		// Cette partie est executee a la selection d'une adresse
		select: function(event, ui) {
			var nouvellePosition = new google.maps.LatLng(ui.item.latitude, ui.item.longitude);
			initialiserMarkerDeb();
			deplacerMarkerDeb(nouvellePosition);
			map.setZoom(16);
			afficherEtapeGeolocalisation(2);
		}
	});
	
	$('#geolocaliser').on('click', geolocaliser);
});
 
function initialiserGoogleMap(){
	latLngDeb = new google.maps.LatLng(48.8543, 2.3483);// Paris
	if (VILLE == 'Marseille') {
		latLngDeb = new google.maps.LatLng(43.29545, 5.37458);
	} else if (VILLE == 'Montpellier') {
		latLngDeb = new google.maps.LatLng(43.61077, 3.87672);
	}
	var options = {
			zoom: 16,
			center: latLngDeb,
			mapTypeId: google.maps.MapTypeId.HYBRID,
			mapTypeControlOptions: {
				mapTypeIds: ['OSM', 
					google.maps.MapTypeId.ROADMAP, 
					google.maps.MapTypeId.HYBRID, 
					google.maps.MapTypeId.SATELLITE, 
					google.maps.MapTypeId.TERRAIN]}
		};
	
	// Ajout de la couche OSM à la carte
	osmMapType = new google.maps.ImageMapType({
		getTileUrl: function(coord, zoom) {
			return 'http://tile.openstreetmap.org/' + zoom + '/' + coord.x + '/' + coord.y + '.png';
		},
		tileSize: new google.maps.Size(256, 256),
		isPng: true,
		alt: 'OpenStreetMap',
		name: 'OSM',
		maxZoom: 19
	});
	
	// Création de la carte Google
	map = new google.maps.Map(document.getElementById('map-canvas'), options); //affiche la google map dans la div map_canvas
	map.mapTypes.set('OSM', osmMapType);
	
	// Ajout de l'évènment sur click dans Carte
	google.maps.event.addListener(map, 'click', surClickDansCarte);
	
	// Lorsque la carte est chargée, on vérifie si on peut précharger des données
	google.maps.event.addListenerOnce(map, 'idle', function(){
		// Initialisation du marker de début de rue
		initialiserMarkerDeb();
		// Tentative de geocalisation si aucune obs à précharger
		tenterGeolocalisation();
	});
	
	// Création du Geocoder
	geocoder = new google.maps.Geocoder();
}
 
function initialiserMarkerDeb() {
	premierDeplacement = true;
	if (markerDeb == undefined) {
		// Marqueur de début de Rue
		markerDeb = new google.maps.Marker({
			map: map,
			draggable: true,
			title: 'Début de la portion de rue étudiée',
			icon: GOOGLE_MAP_MARQUEUR_DEBUT_URL,
			position: latLngDeb
		});
		google.maps.event.addListener(markerDeb, 'dragend', surDeplacementMarkerDeb);
	}
	
	latLngFin = latLngDeb;
	if (markerFin != undefined) {
		markerFin.setMap(null);
	}
	latLngCentre = latLngDeb;
	if (ligneRue != undefined) {
		ligneRue.setMap(null);
	}
}
 
function surDeplacementMarkerDeb() {
	deplacerMarkerDeb(markerDeb.getPosition());
}
 
function deplacerMarkerDeb(nouvellePosition) {
	latLngDeb = nouvellePosition;
	markerDeb.setPosition(latLngDeb);
	map.setCenter(latLngDeb);
	mettreAJourStationPosition(latLngDeb);
	trouverCommune(latLngDeb);
 
	if (premierDeplacement) {
		initialiserMarkerDeb();
		premierDeplacement = false;
	} else {
		var nouvellePositionFin = new google.maps.LatLng(latLngDeb.lat(), latLngDeb.lng() + 0.0010);
		initialiserMarkerFin();
		deplacerMakerFin(nouvellePositionFin)
		afficherEtapeGeolocalisation(3);
	}
}
 
function initialiserMarkerFin() {
	if (markerFin == undefined) {
		markerFin = new google.maps.Marker({
			map: map,
			draggable: true,
			title: 'Fin de la portion de rue étudiée',
			icon: GOOGLE_MAP_MARQUEUR_FIN_URL,
			position: latLngFin
		});
		google.maps.event.addListener(markerFin, 'dragend', surDeplacementMarkerFin);
	} else {
		markerFin.setMap(null);
	}
}
 
function deplacerMakerFin(nouvellePosition) {
	latLngFin = nouvellePosition;
	markerFin.setMap(map);
	markerFin.setPosition(latLngFin);
	dessinerLigneRue(latLngDeb, latLngFin);
}
 
function surDeplacementMarkerFin() {
	dessinerLigneRue(markerDeb.getPosition(), markerFin.getPosition());
	afficherCentreRue();
	afficherEtapeGeolocalisation(4);
}
 
function dessinerLigneRue(pointDebut, pointFin) {
	if (ligneRue != undefined) {
		ligneRue.setMap(null);
	}
	
	ligneRue = new google.maps.Polyline({
		path: [pointDebut, pointFin],
		strokeColor: "#FF0000",
		strokeOpacity: 1.0,
		strokeWeight: 2
	});
 
	ligneRue.setMap(map);
}
 
function afficherCentreRue() {
	latLngDeb = markerDeb.getPosition();
	latLngFin = markerFin.getPosition();
	latLngCentre = new google.maps.LatLng((latLngFin.lat() + latLngDeb.lat())/2, (latLngFin.lng() + latLngDeb.lng())/2); 
	mettreAJourStationPosition(latLngCentre);
}
 
function mettreAJourStationPosition(latLng) {
	var lat = latLng.lat().toFixed(5),
		lng = latLng.lng().toFixed(5); 
	remplirChampLatitude(lat);
	remplirChampLongitude(lng);
}
 
function remplirChampLatitude(latDecimale) {
	var lat = Math.round(latDecimale * 100000) / 100000;
	$('#latitude').val(lat);
}
 
function remplirChampLongitude(lngDecimale) {
	var lng = Math.round(lngDecimale * 100000) / 100000;
	$('#longitude').val(lng);
}
 
function trouverCommune(pos) {
	$(function() {
		var url_service = SERVICE_NOM_COMMUNE_URL,
			urlNomCommuneFormatee = url_service.replace('{lat}', pos.lat()).replace('{lon}', pos.lng());
		$.ajax({
			url: urlNomCommuneFormatee,
			type: 'GET',
			dataType: 'jsonp',
			beforeSend: function() {
				$('.commune-info').empty();	
				$('#dialogue-erreur .alert-txt').empty();
			},
			success: function(data, textStatus, jqXHR) {
				$('.commune-info').empty();
				$('#commune-nom').append(data.nom);
				$('#commune-code-insee').append(data.codeINSEE);
				$('#marqueur-commune').data('commune', {'nom' : data.nom, 'codeInsee' : data.codeINSEE});
			},
			statusCode: {
				500: function(jqXHR, textStatus, errorThrown) {
					if (DEBUG) {	
						$('#dialogue-erreur .alert-txt').append('<p id="msg">Un problème est survenu lors de l\'appel au service fournissante le nom des communes.</p>');
						reponse = jQuery.parseJSON(jqXHR.responseText);
						var erreurMsg = "";
						if (reponse != null) {
							$.each(reponse, function (cle, valeur) {
								erreurMsg += valeur + '<br />';
							});
						}
						
						$('#dialogue-erreur .alert-txt').append(
							'<p class="msg-erreur">Erreur 500 : '+errorThrown+'<br />'+erreurMsg+'</p>');
					}
				}
			},
			error: function(jqXHR, textStatus, errorThrown) {
				if (DEBUG) {
					$('#dialogue-erreur .alert-txt').append(
						'<p class="msg">Une erreur Ajax est survenue lors de la transmission de vos observations.</p>');
					reponse = jQuery.parseJSON(jqXHR.responseText);
					var erreurMsg = '';
					if (reponse != null) {
						$.each(reponse, function (cle, valeur) {
							erreurMsg += valeur + '<br />';
						});
					}
					
					$('#dialogue-erreur .alert-txt').append(
						'<p class="msg-erreur">Erreur Ajax : '+errorThrown+' (type : '+textStatus+') <br />'+erreurMsg+'</p>');
				}
			},
			complete: function(jqXHR, textStatus) {
				var debugMsg = extraireEnteteDebug(jqXHR);
				if (debugMsg != '') {
					if (DEBUG) {
						$("#dialogue-erreur .alert-txt").append('<pre class="msg-debug msg">Débogage : '+debugMsg+'</pre>');
					}
				}
				if ($("#dialogue-erreur .msg").length > 0) {
					$("#dialogue-erreur").show();
				}
			}
		});
	});
}
 
function afficherEtapeGeolocalisation(numEtape) {
	$('.liste_indication_geolocalisation').children().hide();
	$('.liste_indication_geolocalisation :nth-child('+numEtape+')').show();
}
 
function afficherErreurGoogleMap(status) {
	if (DEBUG) {
		$('#dialogue-google-map .contenu').empty().append(
			'<pre class="msg-erreur">'+
			"Le service de Géocodage de Google Map a échoué à cause de l'erreur : "+status+
			'</pre>');
		afficherPanneau('#dialogue-google-map');
	}
}
 
function geolocaliser(event) {
	var latitude = $('#latitude').val(),
		longitude = $('#longitude').val(),
		nouvellePosition = new google.maps.LatLng(latitude, longitude);
	initialiserMarkerDeb();
	deplacerMarkerDeb(nouvellePosition);
	afficherEtapeGeolocalisation(2);
	map.setZoom(16);
	arreter(event);
}
 
function tenterGeolocalisation() {
	if (navigator.geolocation) {
		navigator.geolocation.getCurrentPosition(function(position) {
			var latitude = position.coords.latitude,
				longitude = position.coords.longitude,
				nouvellePosition = new google.maps.LatLng(latitude, longitude);
			initialiserMarkerDeb();
			deplacerMarkerDeb(nouvellePosition);
			map.setZoom(16);
		});
	}
}
 
function surClickDansCarte(event) {
	deplacerMarkerDeb(event.latLng);
}
 
 
//+---------------------------------------------------------------------------------------------------------+
//AUTO-COMPLÉTION Noms Scientifiques => OK
 
function ajouterAutocompletionNoms() {
	$('#taxon').autocomplete({
		source: function(requete, add){  
			// la variable de requête doit être vidée car sinon le parametre "term" est ajouté
			
			var url = getUrlAutocompletionNomsSci();
			$.getJSON(url, function(data) {
				var suggestions = traiterRetourNomsSci(data);
				add(suggestions);  
			});
		},
		html: true
	});
	
	$('#taxon').bind('autocompleteselect', function(event, ui) {
		$('#taxon').data(ui.item);
		if (ui.item.retenu == true) {
			$('#taxon').addClass('ns-retenu');
		} else {
			$('#taxon').removeClass('ns-retenu');
		}
	});
}
 
function getUrlAutocompletionNomsSci() {
	var mots = $('#taxon').val(),
		url = SERVICE_AUTOCOMPLETION_NOM_SCI_URL_TPL.replace('{referentiel}',NOM_SCI_PROJET);
	url = url.replace('{masque}', mots);
	return url;
}
 
function traiterRetourNomsSci(data) {
	var suggestions = [];
	if (data.resultat != undefined) {
		$.each(data.resultat, function(i, val) {
			val.nn = i;
			var nom = {label: '', value: '', nt: '', nomSel: '', nomSelComplet: '', numNomSel: '',
				nomRet: '', numNomRet: '', famille: '', retenu: false
			};
			if (suggestions.length >= AUTOCOMPLETION_ELEMENTS_NBRE) {
				nom.label = '...';
				nom.value = $('#taxon').val();
				suggestions.push(nom);
				return false;
			} else {
				nom.label = val.nom_sci_complet;
				nom.value = val.nom_sci_complet;
				nom.nt = val.num_taxonomique;
				nom.nomSel = val.nom_sci;
				nom.nomSelComplet = val.nom_sci_complet;
				nom.numNomSel = val.nn;
				nom.nomRet = val.nom_retenu_complet;
				nom.numNomRet = val['nom_retenu.id'];
				nom.famille = val.famille;
				nom.retenu = (val.retenu == 'false') ? false : true;
				
				suggestions.push(nom);
			}
		});
	}
	return suggestions;
}
 
/*
* jQuery UI Autocomplete HTML Extension
*
* Copyright 2010, Scott González (http://scottgonzalez.com)
* Dual licensed under the MIT or GPL Version 2 licenses.
*
* 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,
		initSource = proto._initSource;
	
	function filter(array, term) {
		var matcher = new RegExp($.ui.autocomplete.escapeRegex(term), 'i');
		return $.grep(array, function(value) {
			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 (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);
 
//+----------------------------------------------------------------------------------------------------------+
//UPLOAD PHOTO : Traitement de l'image => OK
 
$(document).ready(function() {
	$('#fichier').on('click change', function(event) {
		if ($(this).val().length > 0) {
			arreter(event);
			var options = { 
				success: afficherMiniature, // post-submit callback 
				dataType: 'xml', // 'xml', 'script', or 'json' (expected server response type) 
				resetForm: true // reset the form after successful submit 
			};
			$('#miniature').append(
				'<img id="miniature-chargement" class="miniature" alt="chargement" src="'+CHARGEMENT_IMAGE_URL+'"/>');
			$('#ajouter-obs').attr('disabled', 'disabled');
			if (verifierFormat($(this).val())) {
				$('#form-upload').ajaxSubmit(options);
			} else {
				window.alert("Le format de fichier n'est pas supporté, les formats acceptés sont "+	$('#fichier').attr('accept'));
			}
			return false;
		}
	});
	
	$('#photo-placeholder').click(function(event) {
		$('#fichier').click();
	});
	
	$('body').on('click', '.effacer-miniature', function(event) {
		supprimerMiniature($(this));
	});
});
 
 
 
function verifierFormat(nom) {
	var parts = nom.split('.');
	extension = parts[parts.length - 1];
	return (extension.toLowerCase() == 'jpeg' || extension.toLowerCase() == 'jpg');
}
 
function afficherMiniature(reponse) { 
	if (DEBUG) {
		var debogage = $('debogage', reponse).text();
		console.log('Débogage upload : ' + debogage);
	}
	var message = $('message', reponse).text();
	if (message != '') {
		$('#miniature-msg').append(message);
	} else {
		$('#miniatures').append(creerWidgetMiniature(reponse));
	}
	$('#ajouter-obs').removeAttr('disabled');
}
 
function creerWidgetMiniature(reponse) {
	var miniatureUrl = $('miniature-url', reponse).text(),
		imgNom = $('image-nom', reponse).text(),
		html = 
			'<div class="miniature">'+
				'<img class="miniature-img" class="miniature" alt="'+imgNom+'" src="'+miniatureUrl+'"/>'+
				'<button class="btn effacer-miniature" type="button">Effacer</button>'+
			'</div>'
	return html;
}
 
function supprimerMiniature(miniature) {
	miniature.parents('.miniature').remove();
}
 
function supprimerMiniatures() {
	$('#miniatures').empty();
	$('#miniature-msg').empty();
}
 
 
//+---------------------------------------------------------------------------------------------------------+
//FORMULAIRE : traitements génériques
 
$(document).ready(function() {
	// Interaction générales
	$('.alert .close').on('click', fermerPanneauAlert);
	$('.has-tooltip').tooltip('enable');
	$('#btn-aide').on('click', basculerAffichageAide);
	$('.dropdown-menu input, .dropdown-menu label').on('click', function(event) {
		event.stopPropagation();
	});
	
	// Gestion de la liste des taxons
	ajouterAutocompletionNoms();
	surChangementTaxonListe();
	$('#taxon-liste').on('change', surChangementTaxonListe);
	if (DEBUG) {
		console.log('Selected taxon:'+$('#taxon-liste option:selected').val());
	}
 
	// Validation du formulaire
	configurerFormValidator();
	definirReglesFormValidator();
	
	// Interaction sur le formulaire obs
	configurerDatePicker('#date');
	$('a.afficher-coord').on('click', basculerAffichageCoord);
	$('.cb-milieux').on('click', function(event) {
		$(this).valid();
		event.stopPropagation();
	});
	$('#ajouter-obs').on('click', ajouterObs);
	$('.obs-nbre').on('changement', surChangementNbreObs);
	$('body').on('click', '.supprimer-obs', supprimerObs);
	$('#transmettre-obs').on('click', transmettreObs);
	
	// Défilement des photos
	$('body').on('click', '.defilement-control-zone', function(event) {
		defilerMiniatures($(this));
	});
	$('body').on('mouseover', '.defilement-control-zone', function(event) {
		$('.defilement-control', this).removeClass('hidden');
	});
	$('body').on('mouseout', '.defilement-control-zone', function(event) {
		$('.defilement-control', this).addClass('hidden');
	});
});
 
function configurerFormValidator() {
	$.validator.addMethod(
		'dateCel', 
		function (value, element) { 
			return value == '' || (/^[0-9]{2}[-\/][0-9]{2}[-\/][0-9]{4}$/.test(value)); 
		}, 
		'Format : jj/mm/aaaa. Date incomplète, utiliser 0, exemple : 00/12/2011.');
	
	$.extend($.validator.defaults, {
		ignore: [],// Forcer Jquery Validate à examiner les éléments avec en display:none;
		highlight: function(element) {
			$(element).closest('.control-group').removeClass('success').addClass('error');
		},
		success: function(element) {
			element.text('OK!').addClass('valid');
			element.closest('.control-group').removeClass('error').addClass('success');
			
			if (element.attr('id') == 'taxon' && $('#taxon').val() != '') {
				// Si le taxon n'est pas lié au référentiel, on vide le data associé
				if ($('#taxon').data('value') != $('#taxon').val()) {
					$('#taxon').data('numNomSel', '');
					$('#taxon').data('nomRet', '');
					$('#taxon').data('numNomRet', '');
					$('#taxon').data('nt', '');
					$('#taxon').data('famille', '');
				}
			}
		}
	});
}
 
function definirReglesFormValidator() {
	$('#form-observateur').validate({
		rules: {
			courriel: {
				required: true,
				email: true},
			courriel_confirmation: {
				required: true,
				equalTo: '#courriel'},
			prenom: {
				required: true},
			nom: {
				required: true}
		}
	});
	$('#form-obs').validate({
		rules: {
			station: {
				required: true},
			latitude : {
				required: true,
				range: [-90, 90]},
			longitude: {
				required: true,
				range: [-180, 180]},
			date: {
				required: true,
				'dateCel' : true},
			coteRue: {
				required: true},
			'taxon-liste': {
				required: true},
			'milieux[]': {
				required: true,
				minlength: 1}
		},
		errorPlacement: function(error, element) {
			if (element.attr('name') == 'date') {
				element.parent('.input-prepend').after(error);
			} else if (element.attr('name') == 'milieux[]') {
				error.insertAfter('#milieux-controls');
			} else {
				error.insertAfter(element);
			}
		},
		messages: {
			'milieu[]': 'Vous devez sélectionner au moins un milieu'
		}
	});
}
 
function validerFormulaire() {
	var observateur = $('#form-observateur').valid(),
		obs = $('#form-obs').valid(),
		debRue = (latLngDeb == undefined || latLngDeb == latLngFin) ? false : true,
		finRue = (latLngFin == undefined || latLngDeb == latLngFin) ? false : true;
	var ok = (observateur && obs && debRue && finRue) ? true : false;
	//console.log('observateur:'+observateur+'-obs:'+obs+'-debRue:'+debRue+'('+latLngDeb+')-finRue:'+finRue+'('+latLngDeb+')');
	return ok;
}
 
function surChangementTaxonListe() {
	if ($('#taxon-liste').val() === '?') {
		$('#taxon-input-groupe').removeClass('hidden');
	} else {
		$('#taxon-input-groupe').addClass('hidden');
	}
}
 
function configurerDatePicker(selector) {
	$.datepicker.setDefaults($.datepicker.regional['fr']);
	$(selector).datepicker({
		dateFormat: 'dd/mm/yy',
		showOn: 'button',
		buttonImageOnly: true,
		buttonImage: CALENDRIER_ICONE_URL,
		buttonText: 'Afficher le calendrier pour saisir la date.',
		showButtonPanel: true,
		onSelect: function(date) {
			$(this).valid();
		}
	});
	$(selector + ' + img.ui-datepicker-trigger').appendTo(selector + '-icone.add-on');
}
 
function fermerPanneauAlert() {
	$(this).parentsUntil('.zone-alerte', '.alert').hide();
}
 
function basculerAffichageAide() {
	if ($(this).hasClass('btn-warning')) {
		$('.has-tooltip').tooltip('enable');
		$(this).removeClass('btn-warning').addClass('btn-success');
		$('#btn-aide-txt', this).text("Désactiver l'aide");
	} else {
		$('.has-tooltip').tooltip('disable');
		$(this).removeClass('btn-success').addClass('btn-warning');
		$('#btn-aide-txt', this).text("Activer l'aide");
	}
}
 
function basculerAffichageCoord() {
	$('.afficher-coord-action').toggle();
	$('#coordonnees-geo').toggle('slow');
	//valeur false pour que le lien ne soit pas suivi
	return false;
}
 
//+----------------------------------------------------------------------------------------------------------+
//CRÉER OBS : Gestion des obs => OK
 
var obsNbre = 0;
 
function ajouterObs() {
	if (validerFormulaire() == true) {
		obsNbre = obsNbre + 1;
		$('.obs-nbre').text(obsNbre);
		$('.obs-nbre').triggerHandler('changement');
		afficherObs();
		stockerObsData();
		supprimerMiniatures();
	} else {
		// Affichage de tous les panneau cachés avec champ obligatoire
		var debRue = (latLngDeb == undefined || latLngDeb == latLngFin) ? false : true,
			finRue = (latLngFin == undefined || latLngDeb == latLngFin) ? false : true;
		if (debRue == false || finRue == false) {
			afficherPanneau('#dialogue-form-invalide-rue');
		} else {
			afficherPanneau('#dialogue-form-invalide');
		}
		montrerFormIdentite();
	}
}
 
function afficherObs() {
	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'),
		referentiel = (numNomSel == undefined) ? '' : '['+NOM_SCI_PROJET+']',
		commune = $('#commune-nom').text(),
		codeInsee = $('#commune-code-insee').text(),
		station = $('input[name="adresse"]').val(),
		lat = $('input[name="latitude"]').val(),
		lng = $('input[name="longitude"]').val(),
		date = $('#date').val(),
		milieux = getMilieux(),
		notes = (nomSpecial ? taxons[numNomSel]['nom_fr'] + ".<br />" : '') + $('#notes').val();
	
	$('#liste-obs').prepend(
		'<div id="obs'+obsNbre+'" class="row-fluid obs obs'+obsNbre+'">' +
			'<div class="span12">' +
				'<div class="well">' +
					'<div class="obs-action pull-right has-tooltip" data-placement="bottom" ' +
						'title="Supprimer cette observation de la liste à transmettre">' +
						'<button class="btn btn-danger supprimer-obs" value="'+obsNbre+'" title="'+obsNbre+'">' +
							'<i class="icon-trash icon-white"></i>' +
						'</button>' +
					'</div> ' +	
					'<div class="row-fluid">' +	
						'<div class="span2 obs-miniatures">' +
							ajouterImgMiniatureAuTransfert() +
						'</div>'+
						'<div class="span7">' +
							'<ul class="unstyled">' +
								'<li>'+
									'<span class="nom-sci">' + taxon + '</span> ' +
									formaterNumNomSel(numNomSel) +
									' observé à <br />' +
									'<span class="station">' + station + '</span><br /> ' +
									'<span class="commune">' + commune + '</span> ' +
									'(' + codeInsee + ') ' +
									' le ' +
									'<span class="date">' + date + '</span>' +
								'</li>' +
								'<li>' +
									'Milieux : ' + milieux + ' ' + ' ; ' +
								'</li>' +
								'<li>' +
									'Notes : ' + notes + 
								'</li>' +
							'</ul>' +
						'</div>' +
					'</div>' +
				'</div>' +
			'</div>'+
		'</div>');
}
 
function getMilieux() {
	var milieuxStr = '',
		milieux = [];
	$('.cb-milieux:checked').each(function() {
		milieux.push($(this).val());
	});
	
	milieuxStr = Array.prototype.slice.call(milieux).join(', ');
	return milieuxStr;
}
 
function ajouterImgMiniatureAuTransfert() {
	var html = '',
		miniatures = '',
		indicateurs = '',
		premiere = true,
		numero = 1;
	if ($('#miniatures img').length == 0) {
		html = '<img class="miniature" alt="Aucune photo"src="'+PAS_DE_PHOTO_ICONE_URL+'" />';
	} else if ($('#miniatures img').length >= 1) {
		$('#miniatures img').each(function() {
			var visible = premiere ? 'miniature-selectionnee' : 'miniature-cachee',
				css = $(this).hasClass('b64') ? 'miniature b64' : 'miniature',
				src = $(this).attr('src'),
				alt = $(this).attr('alt');
			
			var miniature = '<img class="'+css+' '+visible+'"  alt="'+alt+'"src="'+src+'" />';
			miniatures += miniature;
			
			var indicateurActif = premiere ? 'active' : '';
			var indicateur = '<li class="' + indicateurActif + '" data-numero="' + numero++ + '"></li>';
			indicateurs += indicateur;
		
			premiere = false;
		});
		
		if ($('#miniatures img').length == 1) {
			html = miniatures;
		} else {
			html = 
				'<div class="defilement">' +
					miniatures +
					'<a class="defilement-control-zone gauche">' +
					'	<span class="defilement-control gauche hidden">&#60;</span>' +
					'</a>' +
					'<a class="defilement-control-zone droite">' +
					'	<span class="defilement-control droite hidden">&#62;</span>' +
					'</a>' +
					'<ol class="defilement-indicateurs">' + indicateurs + '</ol>' +
				'</div>';
		}
	}
	return html;
}
 
function defilerMiniatures(element) {
	var miniatureSelectionne = element.siblings('img.miniature-selectionnee');
	miniatureSelectionne.removeClass('miniature-selectionnee').addClass('miniature-cachee');
	var miniatureAffichee = miniatureSelectionne;
	
	var indicateurActif = element.parent().find('.defilement-indicateurs .active');
	indicateurActif.removeClass('active');
	
	if (element.hasClass('defilement-control-zone') && element.hasClass('gauche')) {
		if (miniatureSelectionne.prev('.miniature').length != 0) {
			miniatureAffichee = miniatureSelectionne.prev('.miniature');
			indicateurActif.prev().addClass('active');
		} else {
			miniatureAffichee = miniatureSelectionne.siblings('.miniature').last();
			indicateurActif.siblings().last().addClass('active');
		}
	} else {
		if (miniatureSelectionne.next('.miniature').length != 0) {
			miniatureAffichee = miniatureSelectionne.next('.miniature');
			indicateurActif.next().addClass('active');
		} else {
			miniatureAffichee = miniatureSelectionne.siblings('.miniature').first();
			indicateurActif.siblings().first().addClass('active');
		}
	}
	miniatureAffichee.addClass('miniature-selectionnee').removeClass('miniature-cachee');
}
 
function formaterNumNomSel(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;
}
 
function surChangementReferentiel() {
	NOM_SCI_PROJET = $('#referentiel').val();
	NOM_SCI_REFERENTIEL = NOM_SCI_PROJET+':'+PROJETS_VERSIONS[NOM_SCI_PROJET];
	$('#taxon').val('');
}
 
function surChangementNbreObs() {
	if (obsNbre == 0) {
		$('#transmettre-obs').attr('disabled', 'disabled');
		$('#ajouter-obs').removeAttr('disabled');
		$('#zone-liste-obs').addClass('hidden');
	} else {
		$('#zone-liste-obs').removeClass('hidden');
		
		if (obsNbre > 0 && obsNbre < OBS_MAX_NBRE) {
			$('#transmettre-obs').removeAttr('disabled');
			$('#ajouter-obs').removeAttr('disabled');
		} else if (obsNbre >= OBS_MAX_NBRE) {
			$('#ajouter-obs').attr('disabled', 'disabled');
			afficherPanneau('#dialogue-bloquer-creer-obs');
		}
	}
}
 
function supprimerObs() {
	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-nbre').triggerHandler('changement');
	
	$('.obs'+obsId).remove();
	$('#liste-obs').removeData('obsId' + obsId);
}
 
function initialiserObs() {
	obsNbre = 0;
	$('.obs-nbre').text(obsNbre);
	$('.obs-nbre').triggerHandler('changement');
	$('#liste-obs').removeData();
	$('.obs').remove();
	$('#dialogue-bloquer-creer-obs').hide();
}
 
function stockerObsData() {
	var nomHorsListe = $('#taxon-liste').val() == '?' ? true : false;
		nomSpecial = $('#taxon-liste option:selected').hasClass('nom-special'),
		numNomSel = nomHorsListe ? $('#taxon').data('numNomSel') : $('#taxon-liste').val(),
		nomSel = nomHorsListe ? $('#taxon').val() : $('#taxon-liste option:selected').data('nom-a-sauver'),
		nomRet = nomHorsListe ? $('#taxon').data('nomRet') : taxons[numNomSel]['nom_ret'],
		numNomRet = nomHorsListe ? $('#taxon').data('numNomRet') : taxons[numNomSel]['num_nom_ret'],
		numTaxon = nomHorsListe ? $('#taxon').data('nt') : taxons[numNomSel]['num_taxon'],
		famille = nomHorsListe ? $('#taxon').data('famille') : taxons[numNomSel]['famille'],
		referentiel = (numNomSel == undefined) ? '' : NOM_SCI_REFERENTIEL,
		notes = (nomSpecial ? taxons[numNomSel]['nom_fr'] + '. ' : '') + $('#notes').val();
	
	$('#liste-obs').data('obsId'+obsNbre, {
		'date': $('#date').val(), 
		'notes': notes,
		
		'station': $('input[name="adresse"]').val(),
		'latitude': $('#latitude').val(),
		'longitude': $('#longitude').val(),
		'commune_nom': $('#commune-nom').text(),
		'commune_code_insee': $('#commune-code-insee').text(),
		
		'nom_sel': nomSel,
		'num_nom_sel': numNomSel,
		'nom_ret': nomRet,
		'num_nom_ret': numNomRet,
		'num_taxon': numTaxon,
		'famille': famille,
		'referentiel': referentiel,
		
		'milieu': getMilieux(),
		
		// Ajout des champs images
		'image_nom': getNomsImgsOriginales(),
		
		// Ajout des champs étendus de l'obs
		'obs_etendue': getObsChpEtendus()
	});
	if (DEBUG) {
		console.log($('#liste-obs').data('obsId'+obsNbre));
	}
}
 
function getNomsImgsOriginales() {
	var noms = new Array();
	$('.miniature-img').each(function() {
		noms.push($(this).attr('alt'));
	});
	return noms;
}
 
function getObsChpEtendus() {
	var champs = [];
	if (latLngDeb != undefined) {
		var latitudeDebutRue = {cle: 'latitudeDebutRue', label: 'Latitude du début de la rue', valeur: latLngDeb.lat().toFixed(5)};
		champs.push(latitudeDebutRue);
		var longitudeDebutRue = {cle: 'longitudeDebutRue', label: 'Longitude du début de la rue', valeur: latLngDeb.lng().toFixed(5)};
		champs.push(longitudeDebutRue);
	}
	if (latLngFin != undefined) {
		var latitudeFinRue = {cle: 'latitudeFinRue', label: 'Latitude de fin de la rue', valeur: latLngFin.lat().toFixed(5)};
		champs.push(latitudeFinRue);
		var longitudeFinRue = {cle: 'longitudeFinRue', label: 'Longitude de fin de la rue', valeur: latLngFin.lng().toFixed(5)};
		champs.push(longitudeFinRue);
	}
	
	$('.obs-chp-etendu').each(function() {
		var valeur = $(this).val(),
			cle = $(this).attr('name'),
			label = $(this).data('label');
		if (valeur != '') {
			var chpEtendu = {cle: cle, label: label, valeur: valeur};
			champs.push(chpEtendu);
		}
	});
	return champs;
}
 
//+----------------------------------------------------------------------------------------------------------+
//TRANSFERER OBS : envoie des obs au CEL => OK
 
function transmettreObs() {
	var observations = $('#liste-obs').data();
	
	if (observations == undefined || jQuery.isEmptyObject(observations)) {
		afficherPanneau('#dialogue-zero-obs');
	} else {
		observations['projet'] = TAG_PROJET;
		observations['tag-obs'] = TAG_OBS;
		observations['tag-img'] = TAG_IMG;
		
		var utilisateur = new Object();
		utilisateur.id_utilisateur = $('#id_utilisateur').val();
		utilisateur.prenom = $('#prenom').val();
		utilisateur.nom = $('#nom').val();
		utilisateur.courriel = $('#courriel').val();
		observations['utilisateur'] = utilisateur;
		
		if (DEBUG) {
			console.log(observations);
		}
		envoyerObsAuCel(observations);
	}
	return false;
}
 
function envoyerObsAuCel(observations) {
	var erreurMsg = '',
		debugNonJson = '';
	$.ajax({
		url: SERVICE_SAISIE_URL,
		type: 'POST',
		data: observations,
		dataType: 'json',
		beforeSend: function() {
			$('#dialogue-obs-transaction-ko').hide();
			$('#dialogue-obs-transaction-ok').hide();
			$('.alert-txt').empty();
			$('#chargement').show();
		},
		success: function(data, textStatus, jqXHR) {
			$('#dialogue-obs-transaction-ok .alert-txt').append($('#tpl-transmission-ok').clone().html());
			supprimerMiniatures();
		},
		statusCode: {
			500: function(jqXHR, textStatus, errorThrown) {
				erreurMsg += "Erreur 500 :\ntype : " + textStatus + ' ' + errorThrown + "\n";
			}
		},
		error: function(jqXHR, textStatus, errorThrown) {
			erreurMsg += "Erreur Ajax :\ntype : " + textStatus + ' ' + errorThrown + "\n";
			try {
				reponse = jQuery.parseJSON(jqXHR.responseText);
				if (reponse != null) {
					$.each(reponse, function (cle, valeur) {
						erreurMsg += valeur + "\n";
					});
				}
			} catch(e) {
				erreurMsg += "L'erreur n'est pas en JSON.";
				debugNonJson = jqXHR.responseText;
			}
		},
		complete: function(jqXHR, textStatus) {
			$('#chargement').hide();
			var debugMsg = extraireEnteteDebug(jqXHR);
			
			if (erreurMsg != '') {
				if (DEBUG) {
					$('#dialogue-obs-transaction-ko .alert-txt').append('<pre class="msg-erreur">' + erreurMsg + '</pre>');
					$('#dialogue-obs-transaction-ko .alert-txt').append('<pre class="msg-debug">Débogage : ' + debugNonJson + debugMsg + '</pre>');
				}
				var hrefCourriel = 'mailto:cel_remarques@tela-botanica.org?' + 
					'subject=Disfonctionnement du widget de saisie ' + TAG_PROJET + 
					'&body=' + erreurMsg + "\nDébogage :\n" + debugMsg + debugNonJson;
				
				$('#dialogue-obs-transaction-ko .alert-txt').append($('#tpl-transmission-ko').clone()
					.find('.courriel-erreur')
					.attr('href', hrefCourriel)
					.end()
					.html());
				$('#dialogue-obs-transaction-ko').show();
			} else {
				if (DEBUG) {
					$('#dialogue-obs-transaction-ok .alert-txt').append('<pre class="msg-debug">Débogage : ' + debugMsg + debugNonJson + '</pre>');
				}
				$('#dialogue-obs-transaction-ok').show();
			}
			initialiserObs();
		}
	});
}

Rev 1964	Rev 1965
1	`//+---------------------------------------------------------------------------------------------------------+`	1	`//+---------------------------------------------------------------------------------------------------------+`
2	`// GÉNÉRAL => OK`	2	`// GÉNÉRAL => OK`
3	`$(document).ready(function() {`	3	`$(document).ready(function() {`
4	`if (DEBUG == false) {`	4	`if (DEBUG == false) {`
5	`$(window).on('beforeunload', function(event) {`	5	`$(window).on('beforeunload', function(event) {`
6	`return 'Êtes vous sûr de vouloir quiter la page?\nLes observations saisies mais non transmises seront perdues.';`	6	`return 'Êtes vous sûr de vouloir quiter la page?\nLes observations saisies mais non transmises seront perdues.';`
7	`});`	7	`});`
8	`}`	8	`}`
9	`});`	9	`});`
10	`//+----------------------------------------------------------------------------------------------------------+`	10	`//+----------------------------------------------------------------------------------------------------------+`
11	`// FONCTIONS GÉNÉRIQUES => OK`	11	`// FONCTIONS GÉNÉRIQUES => OK`
12	`/**`	12	`/**`
13	`* Stope l'évènement courrant quand on clique sur un lien.`	13	`* Stope l'évènement courrant quand on clique sur un lien.`
14	`* Utile pour Chrome, Safari...`	14	`* Utile pour Chrome, Safari...`
15	`* @param evenement`	15	`* @param evenement`
16	`* @return`	16	`* @return`
17	`*/`	17	`*/`
18	`function arreter(evenement) {`	18	`function arreter(evenement) {`
19	`if (evenement.stopPropagation) {`	19	`if (evenement.stopPropagation) {`
20	`evenement.stopPropagation();`	20	`evenement.stopPropagation();`
21	`}`	21	`}`
22	`if (evenement.preventDefault) {`	22	`if (evenement.preventDefault) {`
23	`evenement.preventDefault();`	23	`evenement.preventDefault();`
24	`}`	24	`}`
25	`return false;`	25	`return false;`
26	`}`	26	`}`
27		27
28	`function extraireEnteteDebug(jqXHR) {`	28	`function extraireEnteteDebug(jqXHR) {`
29	`var msgDebug = '';`	29	`var msgDebug = '';`
30	`if (jqXHR.getResponseHeader('X-DebugJrest-Data') != '') {`	30	`if (jqXHR.getResponseHeader('X-DebugJrest-Data') != '') {`
31	`var debugInfos = jQuery.parseJSON(jqXHR.getResponseHeader('X-DebugJrest-Data'));`	31	`var debugInfos = jQuery.parseJSON(jqXHR.getResponseHeader('X-DebugJrest-Data'));`
32	`if (debugInfos != null) {`	32	`if (debugInfos != null) {`
33	`$.each(debugInfos, function (cle, valeur) {`	33	`$.each(debugInfos, function (cle, valeur) {`
34	`msgDebug += valeur + "\n";`	34	`msgDebug += valeur + "\n";`
35	`});`	35	`});`
36	`}`	36	`}`
37	`}`	37	`}`
38	`return msgDebug;`	38	`return msgDebug;`
39	`}`	39	`}`
40		40
41	`function afficherPanneau(selecteur) {`	41	`function afficherPanneau(selecteur) {`
42	`$(selecteur).fadeIn('slow').delay(DUREE_MESSAGE).fadeOut('slow');`	42	`$(selecteur).fadeIn('slow').delay(DUREE_MESSAGE).fadeOut('slow');`
43	`}`	43	`}`
44		44
45	`//+----------------------------------------------------------------------------------------------------------+`	45	`//+----------------------------------------------------------------------------------------------------------+`
46	`//FORM IDENTITE : gestion de l'observateur => OK`	46	`//FORM IDENTITE : gestion de l'observateur => OK`
47		47
48	`$(document).ready(function() {`	48	`$(document).ready(function() {`
49	`requeterIdentite();// Sur rechargement de la page`	49	`requeterIdentite();// Sur rechargement de la page`
50		50
51	`// Interaction sur le formulaire observateur`	51	`// Interaction sur le formulaire observateur`
52	`$('#prenom').on('change', formaterPrenom);`	52	`$('#prenom').on('change', formaterPrenom);`
53	`$('#nom').on('change', formaterNom);`	53	`$('#nom').on('change', formaterNom);`
54	`$('#courriel').on('keyup', testerLancementRequeteIdentite);`	54	`$('#courriel').on('keyup', testerLancementRequeteIdentite);`
55	`$('#courriel').on('blur', requeterIdentite);`	55	`$('#courriel').on('blur', requeterIdentite);`
56	`$('#courriel_confirmation').on('paste', bloquerCopierCollerCourriel);`	56	`$('#courriel_confirmation').on('paste', bloquerCopierCollerCourriel);`
57	`});`	57	`});`
58		58
59	`function testerLancementRequeteIdentite(event) {`	59	`function testerLancementRequeteIdentite(event) {`
60	`if (event.which == 13) {`	60	`if (event.which == 13) {`
61	`event.preventDefault();`	61	`event.preventDefault();`
62	`event.stopPropagation();`	62	`event.stopPropagation();`
63	`requeterIdentite();`	63	`requeterIdentite();`
64	`}`	64	`}`
65	`}`	65	`}`
66		66
67	`function requeterIdentite() {`	67	`function requeterIdentite() {`
68	`var courriel = $('#courriel').val();`	68	`var courriel = $('#courriel').val();`
69	`if (courriel) {`	69	`if (courriel) {`
70	`var urlAnnuaire = SERVICE_ANNUAIRE_ID_URL + courriel;`	70	`var urlAnnuaire = SERVICE_ANNUAIRE_ID_URL + courriel;`
71	`$.ajax({`	71	`$.ajax({`
72	`url: urlAnnuaire,`	72	`url: urlAnnuaire,`
73	`type: 'GET',`	73	`type: 'GET',`
74	`success: function(data, textStatus, jqXHR) {`	74	`success: function(data, textStatus, jqXHR) {`
75	`if (data != undefined && data[courriel] != undefined) {`	75	`if (data != undefined && data[courriel] != undefined) {`
76	`var infos = data[courriel];`	76	`var infos = data[courriel];`
77	`$('#id_utilisateur').val(infos.id);`	77	`$('#id_utilisateur').val(infos.id);`
78	`$('#prenom').val(infos.prenom);`	78	`$('#prenom').val(infos.prenom);`
79	`$('#nom').val(infos.nom);`	79	`$('#nom').val(infos.nom);`
80	`$('#courriel_confirmation').val(courriel);`	80	`$('#courriel_confirmation').val(courriel);`
81	`$('#prenom, #nom, #courriel_confirmation').attr('disabled', 'disabled');`	81	`$('#prenom, #nom, #courriel_confirmation').attr('disabled', 'disabled');`
82	`$('#structure').focus();`	82	`$('#structure').focus();`
83	`} else {`	83	`} else {`
84	`surErreurCompletionCourriel();`	84	`surErreurCompletionCourriel();`
85	`}`	85	`}`
86	`},`	86	`},`
87	`error: function(jqXHR, textStatus, errorThrown) {`	87	`error: function(jqXHR, textStatus, errorThrown) {`
88	`surErreurCompletionCourriel();`	88	`surErreurCompletionCourriel();`
89	`},`	89	`},`
90	`complete: function(jqXHR, textStatus) {`	90	`complete: function(jqXHR, textStatus) {`
91	`montrerFormIdentite();`	91	`montrerFormIdentite();`
92	`}`	92	`}`
93	`});`	93	`});`
94	`}`	94	`}`
95	`}`	95	`}`
96		96
97	`function montrerFormIdentite() {`	97	`function montrerFormIdentite() {`
98	`$('#zone-courriel-confirmation, #zone-prenom-nom').removeClass('hidden');`	98	`$('#zone-courriel-confirmation, #zone-prenom-nom').removeClass('hidden');`
99	`}`	99	`}`
100		100
101	`function surErreurCompletionCourriel() {`	101	`function surErreurCompletionCourriel() {`
102	`$('#prenom, #nom, #courriel_confirmation').removeAttr('disabled');`	102	`$('#prenom, #nom, #courriel_confirmation').removeAttr('disabled');`
103	`afficherPanneau('#dialogue-courriel-introuvable');`	103	`afficherPanneau('#dialogue-courriel-introuvable');`
104	`}`	104	`}`
105		105
106	`function formaterNom() {`	106	`function formaterNom() {`
107	`$(this).val($(this).val().toUpperCase());`	107	`$(this).val($(this).val().toUpperCase());`
108	`}`	108	`}`
109		109
110	`function formaterPrenom() {`	110	`function formaterPrenom() {`
111	`var prenom = new Array(),`	111	`var prenom = new Array(),`
112	`mots = $(this).val().split(' ');`	112	`mots = $(this).val().split(' ');`
113	`for (var i = 0; i < mots.length; i++) {`	113	`for (var i = 0; i < mots.length; i++) {`
114	`var mot = mots[i];`	114	`var mot = mots[i];`
115	`if (mot.indexOf('-') >= 0) {`	115	`if (mot.indexOf('-') >= 0) {`
116	`var prenomCompose = new Array(),`	116	`var prenomCompose = new Array(),`
117	`motsComposes = mot.split('-');`	117	`motsComposes = mot.split('-');`
118	`for (var j = 0; j < motsComposes.length; j++) {`	118	`for (var j = 0; j < motsComposes.length; j++) {`
119	`var motSimple = motsComposes[j],`	119	`var motSimple = motsComposes[j],`
120	`motMajuscule = motSimple.charAt(0).toUpperCase() + motSimple.slice(1);`	120	`motMajuscule = motSimple.charAt(0).toUpperCase() + motSimple.slice(1);`
121	`prenomCompose.push(motMajuscule);`	121	`prenomCompose.push(motMajuscule);`
122	`}`	122	`}`
123	`prenom.push(prenomCompose.join('-'));`	123	`prenom.push(prenomCompose.join('-'));`
124	`} else {`	124	`} else {`
125	`var motMajuscule = mot.charAt(0).toUpperCase() + mot.slice(1);`	125	`var motMajuscule = mot.charAt(0).toUpperCase() + mot.slice(1);`
126	`prenom.push(motMajuscule);`	126	`prenom.push(motMajuscule);`
127	`}`	127	`}`
128	`}`	128	`}`
129	`$(this).val(prenom.join(' '));`	129	`$(this).val(prenom.join(' '));`
130	`}`	130	`}`
131		131
132	`function bloquerCopierCollerCourriel() {`	132	`function bloquerCopierCollerCourriel() {`
133	`afficherPanneau('#dialogue-bloquer-copier-coller');`	133	`afficherPanneau('#dialogue-bloquer-copier-coller');`
134	`return false;`	134	`return false;`
135	`}`	135	`}`
136		136
137	`//+----------------------------------------------------------------------------------------------------------+`	137	`//+----------------------------------------------------------------------------------------------------------+`
138	`//GOOGLE MAP => OK`	138	`//GOOGLE MAP => OK`
139		139
140	`var map,`	140	`var map,`
141	`geocoder,`	141	`geocoder,`
142	`markerDeb,`	142	`markerDeb,`
143	`latLngDeb,`	143	`latLngDeb,`
144	`markerFin,`	144	`markerFin,`
145	`latLngFin,`	145	`latLngFin,`
146	`ligneRue,`	146	`ligneRue,`
147	`premierDeplacement = true;`	147	`premierDeplacement = true;`
148		148
149	`$(document).ready(function() {`	149	`$(document).ready(function() {`
150	`initialiserGoogleMap();`	150	`initialiserGoogleMap();`
151	`afficherEtapeGeolocalisation(1);`	151	`afficherEtapeGeolocalisation(1);`
152		152
153	`// Autocompletion du champ adresse`	153	`// Autocompletion du champ adresse`
154	`$('#carte-recherche').on('focus', function() {`	154	`$('#carte-recherche').on('focus', function() {`
155	`$(this).select();`	155	`$(this).select();`
156	`});`	156	`});`
157	`$('#carte-recherche').on('mouseup', function(event) {// Pour Safari...`	157	`$('#carte-recherche').on('mouseup', function(event) {// Pour Safari...`
158	`event.preventDefault();`	158	`event.preventDefault();`
159	`});`	159	`});`
160		160
161	`$('#carte-recherche').keypress(function(e) {`	161	`$('#carte-recherche').keypress(function(e) {`
162	`if (e.which == 13) {`	162	`if (e.which == 13) {`
163	`e.preventDefault();`	163	`e.preventDefault();`
164	`}`	164	`}`
165	`});`	165	`});`
166		166
167	`$('#carte-recherche').autocomplete({`	167	`$('#carte-recherche').autocomplete({`
168	`//Cette partie utilise geocoder pour extraire des valeurs d'adresse`	168	`//Cette partie utilise geocoder pour extraire des valeurs d'adresse`
169	`source: function(request, response) {`	169	`source: function(request, response) {`
170		170
171	`geocoder.geocode( {'address': request.term+', France', 'region' : 'fr' }, function(results, status) {`	171	`geocoder.geocode( {'address': request.term+', France', 'region' : 'fr' }, function(results, status) {`
172	`if (status == google.maps.GeocoderStatus.OK) {`	172	`if (status == google.maps.GeocoderStatus.OK) {`
173	`response($.map(results, function(item) {`	173	`response($.map(results, function(item) {`
174	`var rue = "";`	174	`var rue = "";`
175	`$.each(item.address_components, function(){`	175	`$.each(item.address_components, function(){`
176	`if (this.types[0] == "route" \|\| this.types[0] == "street_address" ) {`	176	`if (this.types[0] == "route" \|\| this.types[0] == "street_address" ) {`
177	`rue = this.short_name;`	177	`rue = this.short_name;`
178	`}`	178	`}`
179	`});`	179	`});`
180	`var retour = {`	180	`var retour = {`
181	`label: item.formatted_address,`	181	`label: item.formatted_address,`
182	`value: rue,`	182	`value: rue,`
183	`latitude: item.geometry.location.lat(),`	183	`latitude: item.geometry.location.lat(),`
184	`longitude: item.geometry.location.lng()`	184	`longitude: item.geometry.location.lng()`
185	`};`	185	`};`
186	`return retour;`	186	`return retour;`
187	`}));`	187	`}));`
188	`} else {`	188	`} else {`
189	`afficherErreurGoogleMap(status);`	189	`afficherErreurGoogleMap(status);`
190	`}`	190	`}`
191	`});`	191	`});`
192	`},`	192	`},`
193	`// Cette partie est executee a la selection d'une adresse`	193	`// Cette partie est executee a la selection d'une adresse`
194	`select: function(event, ui) {`	194	`select: function(event, ui) {`
195	`var nouvellePosition = new google.maps.LatLng(ui.item.latitude, ui.item.longitude);`	195	`var nouvellePosition = new google.maps.LatLng(ui.item.latitude, ui.item.longitude);`
196	`initialiserMarkerDeb();`	196	`initialiserMarkerDeb();`
197	`deplacerMarkerDeb(nouvellePosition);`	197	`deplacerMarkerDeb(nouvellePosition);`
198	`map.setZoom(16);`	198	`map.setZoom(16);`
199	`afficherEtapeGeolocalisation(2);`	199	`afficherEtapeGeolocalisation(2);`
200	`}`	200	`}`
201	`});`	201	`});`
202		202
203	`$('#geolocaliser').on('click', geolocaliser);`	203	`$('#geolocaliser').on('click', geolocaliser);`
204	`});`	204	`});`
205		205
206	`function initialiserGoogleMap(){`	206	`function initialiserGoogleMap(){`
207	`latLngDeb = new google.maps.LatLng(48.8543, 2.3483);// Paris`	207	`latLngDeb = new google.maps.LatLng(48.8543, 2.3483);// Paris`
208	`if (VILLE == 'Marseille') {`	208	`if (VILLE == 'Marseille') {`
209	`latLngDeb = new google.maps.LatLng(43.29545, 5.37458);`	209	`latLngDeb = new google.maps.LatLng(43.29545, 5.37458);`
210	`} else if (VILLE == 'Montpellier') {`	210	`} else if (VILLE == 'Montpellier') {`
211	`latLngDeb = new google.maps.LatLng(43.61077, 3.87672);`	211	`latLngDeb = new google.maps.LatLng(43.61077, 3.87672);`
212	`}`	212	`}`
213	`var options = {`	213	`var options = {`
214	`zoom: 16,`	214	`zoom: 16,`
215	`center: latLngDeb,`	215	`center: latLngDeb,`
216	`mapTypeId: google.maps.MapTypeId.HYBRID,`	216	`mapTypeId: google.maps.MapTypeId.HYBRID,`
217	`mapTypeControlOptions: {`	217	`mapTypeControlOptions: {`
218	`mapTypeIds: ['OSM',`	218	`mapTypeIds: ['OSM',`
219	`google.maps.MapTypeId.ROADMAP,`	219	`google.maps.MapTypeId.ROADMAP,`
220	`google.maps.MapTypeId.HYBRID,`	220	`google.maps.MapTypeId.HYBRID,`
221	`google.maps.MapTypeId.SATELLITE,`	221	`google.maps.MapTypeId.SATELLITE,`
222	`google.maps.MapTypeId.TERRAIN]}`	222	`google.maps.MapTypeId.TERRAIN]}`
223	`};`	223	`};`
224		224
225	`// Ajout de la couche OSM à la carte`	225	`// Ajout de la couche OSM à la carte`
226	`osmMapType = new google.maps.ImageMapType({`	226	`osmMapType = new google.maps.ImageMapType({`
227	`getTileUrl: function(coord, zoom) {`	227	`getTileUrl: function(coord, zoom) {`
228	`return 'http://tile.openstreetmap.org/' + zoom + '/' + coord.x + '/' + coord.y + '.png';`	228	`return 'http://tile.openstreetmap.org/' + zoom + '/' + coord.x + '/' + coord.y + '.png';`
229	`},`	229	`},`
230	`tileSize: new google.maps.Size(256, 256),`	230	`tileSize: new google.maps.Size(256, 256),`
231	`isPng: true,`	231	`isPng: true,`
232	`alt: 'OpenStreetMap',`	232	`alt: 'OpenStreetMap',`
233	`name: 'OSM',`	233	`name: 'OSM',`
234	`maxZoom: 19`	234	`maxZoom: 19`
235	`});`	235	`});`
236		236
237	`// Création de la carte Google`	237	`// Création de la carte Google`
238	`map = new google.maps.Map(document.getElementById('map-canvas'), options); //affiche la google map dans la div map_canvas`	238	`map = new google.maps.Map(document.getElementById('map-canvas'), options); //affiche la google map dans la div map_canvas`
239	`map.mapTypes.set('OSM', osmMapType);`	239	`map.mapTypes.set('OSM', osmMapType);`
240		240
241	`// Ajout de l'évènment sur click dans Carte`	241	`// Ajout de l'évènment sur click dans Carte`
242	`google.maps.event.addListener(map, 'click', surClickDansCarte);`	242	`google.maps.event.addListener(map, 'click', surClickDansCarte);`
243		243
244	`// Lorsque la carte est chargée, on vérifie si on peut précharger des données`	244	`// Lorsque la carte est chargée, on vérifie si on peut précharger des données`
245	`google.maps.event.addListenerOnce(map, 'idle', function(){`	245	`google.maps.event.addListenerOnce(map, 'idle', function(){`
246	`// Initialisation du marker de début de rue`	246	`// Initialisation du marker de début de rue`
247	`initialiserMarkerDeb();`	247	`initialiserMarkerDeb();`
248	`// Tentative de geocalisation si aucune obs à précharger`	248	`// Tentative de geocalisation si aucune obs à précharger`
249	`tenterGeolocalisation();`	249	`tenterGeolocalisation();`
250	`});`	250	`});`
251		251
252	`// Création du Geocoder`	252	`// Création du Geocoder`
253	`geocoder = new google.maps.Geocoder();`	253	`geocoder = new google.maps.Geocoder();`
254	`}`	254	`}`
255		255
256	`function initialiserMarkerDeb() {`	256	`function initialiserMarkerDeb() {`
257	`premierDeplacement = true;`	257	`premierDeplacement = true;`
258	`if (markerDeb == undefined) {`	258	`if (markerDeb == undefined) {`
259	`// Marqueur de début de Rue`	259	`// Marqueur de début de Rue`
260	`markerDeb = new google.maps.Marker({`	260	`markerDeb = new google.maps.Marker({`
261	`map: map,`	261	`map: map,`
262	`draggable: true,`	262	`draggable: true,`
263	`title: 'Début de la portion de rue étudiée',`	263	`title: 'Début de la portion de rue étudiée',`
264	`icon: GOOGLE_MAP_MARQUEUR_DEBUT_URL,`	264	`icon: GOOGLE_MAP_MARQUEUR_DEBUT_URL,`
265	`position: latLngDeb`	265	`position: latLngDeb`
266	`});`	266	`});`
267	`google.maps.event.addListener(markerDeb, 'dragend', surDeplacementMarkerDeb);`	267	`google.maps.event.addListener(markerDeb, 'dragend', surDeplacementMarkerDeb);`
268	`}`	268	`}`
269		269
270	`latLngFin = latLngDeb;`	270	`latLngFin = latLngDeb;`
271	`if (markerFin != undefined) {`	271	`if (markerFin != undefined) {`
272	`markerFin.setMap(null);`	272	`markerFin.setMap(null);`
273	`}`	273	`}`
274	`latLngCentre = latLngDeb;`	274	`latLngCentre = latLngDeb;`
275	`if (ligneRue != undefined) {`	275	`if (ligneRue != undefined) {`
276	`ligneRue.setMap(null);`	276	`ligneRue.setMap(null);`
277	`}`	277	`}`
278	`}`	278	`}`
279		279
280	`function surDeplacementMarkerDeb() {`	280	`function surDeplacementMarkerDeb() {`
281	`deplacerMarkerDeb(markerDeb.getPosition());`	281	`deplacerMarkerDeb(markerDeb.getPosition());`
282	`}`	282	`}`
283		283
284	`function deplacerMarkerDeb(nouvellePosition) {`	284	`function deplacerMarkerDeb(nouvellePosition) {`
285	`latLngDeb = nouvellePosition;`	285	`latLngDeb = nouvellePosition;`
286	`markerDeb.setPosition(latLngDeb);`	286	`markerDeb.setPosition(latLngDeb);`
287	`map.setCenter(latLngDeb);`	287	`map.setCenter(latLngDeb);`
288	`mettreAJourStationPosition(latLngDeb);`	288	`mettreAJourStationPosition(latLngDeb);`
289	`trouverCommune(latLngDeb);`	289	`trouverCommune(latLngDeb);`
290		290
291	`if (premierDeplacement) {`	291	`if (premierDeplacement) {`
292	`initialiserMarkerDeb();`	292	`initialiserMarkerDeb();`
293	`premierDeplacement = false;`	293	`premierDeplacement = false;`
294	`} else {`	294	`} else {`
295	`var nouvellePositionFin = new google.maps.LatLng(latLngDeb.lat(), latLngDeb.lng() + 0.0010);`	295	`var nouvellePositionFin = new google.maps.LatLng(latLngDeb.lat(), latLngDeb.lng() + 0.0010);`
296	`initialiserMarkerFin();`	296	`initialiserMarkerFin();`
297	`deplacerMakerFin(nouvellePositionFin)`	297	`deplacerMakerFin(nouvellePositionFin)`
298	`afficherEtapeGeolocalisation(3);`	298	`afficherEtapeGeolocalisation(3);`
299	`}`	299	`}`
300	`}`	300	`}`
301		301
302	`function initialiserMarkerFin() {`	302	`function initialiserMarkerFin() {`
303	`if (markerFin == undefined) {`	303	`if (markerFin == undefined) {`
304	`markerFin = new google.maps.Marker({`	304	`markerFin = new google.maps.Marker({`
305	`map: map,`	305	`map: map,`
306	`draggable: true,`	306	`draggable: true,`
307	`title: 'Fin de la portion de rue étudiée',`	307	`title: 'Fin de la portion de rue étudiée',`
308	`icon: GOOGLE_MAP_MARQUEUR_FIN_URL,`	308	`icon: GOOGLE_MAP_MARQUEUR_FIN_URL,`
309	`position: latLngFin`	309	`position: latLngFin`
310	`});`	310	`});`
311	`google.maps.event.addListener(markerFin, 'dragend', surDeplacementMarkerFin);`	311	`google.maps.event.addListener(markerFin, 'dragend', surDeplacementMarkerFin);`
312	`} else {`	312	`} else {`
313	`markerFin.setMap(null);`	313	`markerFin.setMap(null);`
314	`}`	314	`}`
315	`}`	315	`}`
316		316
317	`function deplacerMakerFin(nouvellePosition) {`	317	`function deplacerMakerFin(nouvellePosition) {`
318	`latLngFin = nouvellePosition;`	318	`latLngFin = nouvellePosition;`
319	`markerFin.setMap(map);`	319	`markerFin.setMap(map);`
320	`markerFin.setPosition(latLngFin);`	320	`markerFin.setPosition(latLngFin);`
321	`dessinerLigneRue(latLngDeb, latLngFin);`	321	`dessinerLigneRue(latLngDeb, latLngFin);`
322	`}`	322	`}`
323		323
324	`function surDeplacementMarkerFin() {`	324	`function surDeplacementMarkerFin() {`
325	`dessinerLigneRue(markerDeb.getPosition(), markerFin.getPosition());`	325	`dessinerLigneRue(markerDeb.getPosition(), markerFin.getPosition());`
326	`afficherCentreRue();`	326	`afficherCentreRue();`
327	`afficherEtapeGeolocalisation(4);`	327	`afficherEtapeGeolocalisation(4);`
328	`}`	328	`}`
329		329
330	`function dessinerLigneRue(pointDebut, pointFin) {`	330	`function dessinerLigneRue(pointDebut, pointFin) {`
331	`if (ligneRue != undefined) {`	331	`if (ligneRue != undefined) {`
332	`ligneRue.setMap(null);`	332	`ligneRue.setMap(null);`
333	`}`	333	`}`
334		334
335	`ligneRue = new google.maps.Polyline({`	335	`ligneRue = new google.maps.Polyline({`
336	`path: [pointDebut, pointFin],`	336	`path: [pointDebut, pointFin],`
337	`strokeColor: "#FF0000",`	337	`strokeColor: "#FF0000",`
338	`strokeOpacity: 1.0,`	338	`strokeOpacity: 1.0,`
339	`strokeWeight: 2`	339	`strokeWeight: 2`
340	`});`	340	`});`
341		341
342	`ligneRue.setMap(map);`	342	`ligneRue.setMap(map);`
343	`}`	343	`}`
344		344
345	`function afficherCentreRue() {`	345	`function afficherCentreRue() {`
346	`latLngDeb = markerDeb.getPosition();`	346	`latLngDeb = markerDeb.getPosition();`
347	`latLngFin = markerFin.getPosition();`	347	`latLngFin = markerFin.getPosition();`
348	`latLngCentre = new google.maps.LatLng((latLngFin.lat() + latLngDeb.lat())/2, (latLngFin.lng() + latLngDeb.lng())/2);`	348	`latLngCentre = new google.maps.LatLng((latLngFin.lat() + latLngDeb.lat())/2, (latLngFin.lng() + latLngDeb.lng())/2);`
349	`mettreAJourStationPosition(latLngCentre);`	349	`mettreAJourStationPosition(latLngCentre);`
350	`}`	350	`}`
351		351
352	`function mettreAJourStationPosition(latLng) {`	352	`function mettreAJourStationPosition(latLng) {`
353	`var lat = latLng.lat().toFixed(5),`	353	`var lat = latLng.lat().toFixed(5),`
354	`lng = latLng.lng().toFixed(5);`	354	`lng = latLng.lng().toFixed(5);`
355	`remplirChampLatitude(lat);`	355	`remplirChampLatitude(lat);`
356	`remplirChampLongitude(lng);`	356	`remplirChampLongitude(lng);`
357	`}`	357	`}`
358		358
359	`function remplirChampLatitude(latDecimale) {`	359	`function remplirChampLatitude(latDecimale) {`
360	`var lat = Math.round(latDecimale * 100000) / 100000;`	360	`var lat = Math.round(latDecimale * 100000) / 100000;`
361	`$('#latitude').val(lat);`	361	`$('#latitude').val(lat);`
362	`}`	362	`}`
363		363
364	`function remplirChampLongitude(lngDecimale) {`	364	`function remplirChampLongitude(lngDecimale) {`
365	`var lng = Math.round(lngDecimale * 100000) / 100000;`	365	`var lng = Math.round(lngDecimale * 100000) / 100000;`
366	`$('#longitude').val(lng);`	366	`$('#longitude').val(lng);`
367	`}`	367	`}`
368		368
369	`function trouverCommune(pos) {`	369	`function trouverCommune(pos) {`
370	`$(function() {`	370	`$(function() {`
371	`var url_service = SERVICE_NOM_COMMUNE_URL,`	371	`var url_service = SERVICE_NOM_COMMUNE_URL,`
372	`urlNomCommuneFormatee = url_service.replace('{lat}', pos.lat()).replace('{lon}', pos.lng());`	372	`urlNomCommuneFormatee = url_service.replace('{lat}', pos.lat()).replace('{lon}', pos.lng());`
373	`$.ajax({`	373	`$.ajax({`
374	`url: urlNomCommuneFormatee,`	374	`url: urlNomCommuneFormatee,`
375	`type: 'GET',`	375	`type: 'GET',`
376	`dataType: 'jsonp',`	376	`dataType: 'jsonp',`
377	`beforeSend: function() {`	377	`beforeSend: function() {`
378	`$('.commune-info').empty();`	378	`$('.commune-info').empty();`
379	`$('#dialogue-erreur .alert-txt').empty();`	379	`$('#dialogue-erreur .alert-txt').empty();`
380	`},`	380	`},`
381	`success: function(data, textStatus, jqXHR) {`	381	`success: function(data, textStatus, jqXHR) {`
382	`$('.commune-info').empty();`	382	`$('.commune-info').empty();`
383	`$('#commune-nom').append(data.nom);`	383	`$('#commune-nom').append(data.nom);`
384	`$('#commune-code-insee').append(data.codeINSEE);`	384	`$('#commune-code-insee').append(data.codeINSEE);`
385	`$('#marqueur-commune').data('commune', {'nom' : data.nom, 'codeInsee' : data.codeINSEE});`	385	`$('#marqueur-commune').data('commune', {'nom' : data.nom, 'codeInsee' : data.codeINSEE});`
386	`},`	386	`},`
387	`statusCode: {`	387	`statusCode: {`
388	`500: function(jqXHR, textStatus, errorThrown) {`	388	`500: function(jqXHR, textStatus, errorThrown) {`
389	`if (DEBUG) {`	389	`if (DEBUG) {`
390	`$('#dialogue-erreur .alert-txt').append('<p id="msg">Un problème est survenu lors de l\'appel au service fournissante le nom des communes.</p>');`	390	`$('#dialogue-erreur .alert-txt').append('<p id="msg">Un problème est survenu lors de l\'appel au service fournissante le nom des communes.</p>');`
391	`reponse = jQuery.parseJSON(jqXHR.responseText);`	391	`reponse = jQuery.parseJSON(jqXHR.responseText);`
392	`var erreurMsg = "";`	392	`var erreurMsg = "";`
393	`if (reponse != null) {`	393	`if (reponse != null) {`
394	`$.each(reponse, function (cle, valeur) {`	394	`$.each(reponse, function (cle, valeur) {`
395	`erreurMsg += valeur + '<br />';`	395	`erreurMsg += valeur + '<br />';`
396	`});`	396	`});`
397	`}`	397	`}`
398		398
399	`$('#dialogue-erreur .alert-txt').append(`	399	`$('#dialogue-erreur .alert-txt').append(`
400	`'<p class="msg-erreur">Erreur 500 : '+errorThrown+'<br />'+erreurMsg+'</p>');`	400	`'<p class="msg-erreur">Erreur 500 : '+errorThrown+'<br />'+erreurMsg+'</p>');`
401	`}`	401	`}`
402	`}`	402	`}`
403	`},`	403	`},`
404	`error: function(jqXHR, textStatus, errorThrown) {`	404	`error: function(jqXHR, textStatus, errorThrown) {`
405	`if (DEBUG) {`	405	`if (DEBUG) {`
406	`$('#dialogue-erreur .alert-txt').append(`	406	`$('#dialogue-erreur .alert-txt').append(`
407	`'<p class="msg">Une erreur Ajax est survenue lors de la transmission de vos observations.</p>');`	407	`'<p class="msg">Une erreur Ajax est survenue lors de la transmission de vos observations.</p>');`
408	`reponse = jQuery.parseJSON(jqXHR.responseText);`	408	`reponse = jQuery.parseJSON(jqXHR.responseText);`
409	`var erreurMsg = '';`	409	`var erreurMsg = '';`
410	`if (reponse != null) {`	410	`if (reponse != null) {`
411	`$.each(reponse, function (cle, valeur) {`	411	`$.each(reponse, function (cle, valeur) {`
412	`erreurMsg += valeur + '<br />';`	412	`erreurMsg += valeur + '<br />';`
413	`});`	413	`});`
414	`}`	414	`}`
415		415
416	`$('#dialogue-erreur .alert-txt').append(`	416	`$('#dialogue-erreur .alert-txt').append(`
417	`'<p class="msg-erreur">Erreur Ajax : '+errorThrown+' (type : '+textStatus+') <br />'+erreurMsg+'</p>');`	417	`'<p class="msg-erreur">Erreur Ajax : '+errorThrown+' (type : '+textStatus+') <br />'+erreurMsg+'</p>');`
418	`}`	418	`}`
419	`},`	419	`},`
420	`complete: function(jqXHR, textStatus) {`	420	`complete: function(jqXHR, textStatus) {`
421	`var debugMsg = extraireEnteteDebug(jqXHR);`	421	`var debugMsg = extraireEnteteDebug(jqXHR);`
422	`if (debugMsg != '') {`	422	`if (debugMsg != '') {`
423	`if (DEBUG) {`	423	`if (DEBUG) {`
424	`$("#dialogue-erreur .alert-txt").append('<pre class="msg-debug msg">Débogage : '+debugMsg+'</pre>');`	424	`$("#dialogue-erreur .alert-txt").append('<pre class="msg-debug msg">Débogage : '+debugMsg+'</pre>');`
425	`}`	425	`}`
426	`}`	426	`}`
427	`if ($("#dialogue-erreur .msg").length > 0) {`	427	`if ($("#dialogue-erreur .msg").length > 0) {`
428	`$("#dialogue-erreur").show();`	428	`$("#dialogue-erreur").show();`
429	`}`	429	`}`
430	`}`	430	`}`
431	`});`	431	`});`
432	`});`	432	`});`
433	`}`	433	`}`
434		434
435	`function afficherEtapeGeolocalisation(numEtape) {`	435	`function afficherEtapeGeolocalisation(numEtape) {`
436	`$('.liste_indication_geolocalisation').children().hide();`	436	`$('.liste_indication_geolocalisation').children().hide();`
437	`$('.liste_indication_geolocalisation :nth-child('+numEtape+')').show();`	437	`$('.liste_indication_geolocalisation :nth-child('+numEtape+')').show();`
438	`}`	438	`}`
439		439
440	`function afficherErreurGoogleMap(status) {`	440	`function afficherErreurGoogleMap(status) {`
441	`if (DEBUG) {`	441	`if (DEBUG) {`
442	`$('#dialogue-google-map .contenu').empty().append(`	442	`$('#dialogue-google-map .contenu').empty().append(`
443	`'<pre class="msg-erreur">'+`	443	`'<pre class="msg-erreur">'+`
444	`"Le service de Géocodage de Google Map a échoué à cause de l'erreur : "+status+`	444	`"Le service de Géocodage de Google Map a échoué à cause de l'erreur : "+status+`
445	`'</pre>');`	445	`'</pre>');`
446	`afficherPanneau('#dialogue-google-map');`	446	`afficherPanneau('#dialogue-google-map');`
447	`}`	447	`}`
448	`}`	448	`}`
449		449
450	`function geolocaliser(event) {`	450	`function geolocaliser(event) {`
451	`var latitude = $('#latitude').val(),`	451	`var latitude = $('#latitude').val(),`
452	`longitude = $('#longitude').val(),`	452	`longitude = $('#longitude').val(),`
453	`nouvellePosition = new google.maps.LatLng(latitude, longitude);`	453	`nouvellePosition = new google.maps.LatLng(latitude, longitude);`
454	`initialiserMarkerDeb();`	454	`initialiserMarkerDeb();`
455	`deplacerMarkerDeb(nouvellePosition);`	455	`deplacerMarkerDeb(nouvellePosition);`
456	`afficherEtapeGeolocalisation(2);`	456	`afficherEtapeGeolocalisation(2);`
457	`map.setZoom(16);`	457	`map.setZoom(16);`
458	`arreter(event);`	458	`arreter(event);`
459	`}`	459	`}`
460		460
461	`function tenterGeolocalisation() {`	461	`function tenterGeolocalisation() {`
462	`if (navigator.geolocation) {`	462	`if (navigator.geolocation) {`
463	`navigator.geolocation.getCurrentPosition(function(position) {`	463	`navigator.geolocation.getCurrentPosition(function(position) {`
464	`var latitude = position.coords.latitude,`	464	`var latitude = position.coords.latitude,`
465	`longitude = position.coords.longitude,`	465	`longitude = position.coords.longitude,`
466	`nouvellePosition = new google.maps.LatLng(latitude, longitude);`	466	`nouvellePosition = new google.maps.LatLng(latitude, longitude);`
467	`initialiserMarkerDeb();`	467	`initialiserMarkerDeb();`
468	`deplacerMarkerDeb(nouvellePosition);`	468	`deplacerMarkerDeb(nouvellePosition);`
469	`map.setZoom(16);`	469	`map.setZoom(16);`
470	`});`	470	`});`
471	`}`	471	`}`
472	`}`	472	`}`
473		473
474	`function surClickDansCarte(event) {`	474	`function surClickDansCarte(event) {`
475	`deplacerMarkerDeb(event.latLng);`	475	`deplacerMarkerDeb(event.latLng);`
476	`}`	476	`}`
477		477
478		478
479	`//+---------------------------------------------------------------------------------------------------------+`	479	`//+---------------------------------------------------------------------------------------------------------+`
480	`//AUTO-COMPLÉTION Noms Scientifiques => OK`	480	`//AUTO-COMPLÉTION Noms Scientifiques => OK`
481		481
482	`function ajouterAutocompletionNoms() {`	482	`function ajouterAutocompletionNoms() {`
483	`$('#taxon').autocomplete({`	483	`$('#taxon').autocomplete({`
484	`source: function(requete, add){`	484	`source: function(requete, add){`
485	`// la variable de requête doit être vidée car sinon le parametre "term" est ajouté`	485	`// la variable de requête doit être vidée car sinon le parametre "term" est ajouté`
486		486
487	`var url = getUrlAutocompletionNomsSci();`	487	`var url = getUrlAutocompletionNomsSci();`
488	`$.getJSON(url, function(data) {`	488	`$.getJSON(url, function(data) {`
489	`var suggestions = traiterRetourNomsSci(data);`	489	`var suggestions = traiterRetourNomsSci(data);`
490	`add(suggestions);`	490	`add(suggestions);`
491	`});`	491	`});`
492	`},`	492	`},`
493	`html: true`	493	`html: true`
494	`});`	494	`});`
495		495
496	`$('#taxon').bind('autocompleteselect', function(event, ui) {`	496	`$('#taxon').bind('autocompleteselect', function(event, ui) {`
497	`$('#taxon').data(ui.item);`	497	`$('#taxon').data(ui.item);`
498	`if (ui.item.retenu == true) {`	498	`if (ui.item.retenu == true) {`
499	`$('#taxon').addClass('ns-retenu');`	499	`$('#taxon').addClass('ns-retenu');`
500	`} else {`	500	`} else {`

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/saisie/squelettes/sauvages/js/sauvages.js – Rev 1964 → 1965