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').css('display', 'block');
}
 
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();
		if (OBS_ID != '') {
			chargerInfoObs();
		} else {
			// Tentative de geocalisation si aucune obs à précharger
			tenterGeolocalisation();
		}
	});
	
	// Création du Geocoder
	geocoder = new google.maps.Geocoder();
}
 
function chargerInfoObs() {
	var urlObs = SERVICE_OBS_URL + '/' + OBS_ID;
	$.ajax({
		url: urlObs,
		type: 'GET',
		success: function(data, textStatus, jqXHR) {
			if (data != undefined && data != "") {
				prechargerForm(data);
			} 
			// TODO: voir s'il est pertinent d'indiquer quelque chose en cas d'erreur ou d'obs
			// inexistante 
		},
		error: function(jqXHR, textStatus, errorThrown) {
			// TODO: cf TODO ci-dessus
		}
	});
}
 
function prechargerForm(data) {
	
    $('#carte-recherche').val(data.zoneGeo);
    
	$('#commune-nom').text(data.zoneGeo);
	
	if(data.hasOwnProperty("codeZoneGeo")) {
		$('#commune-code-insee').text(data.codeZoneGeo.replace('INSEE-C:', ''));
	}
	
    pos = new google.maps.LatLng(data.latitude, data.longitude); 
    
    if(data.hasOwnProperty("extension")) {
    	initialiserMarkerFin();
    	
    	// cas des obs florilèges qui apparaissent aussi comme des obs sauvages
    	// mais qui n'ont pas de coté de rue
    	if(data.extension.hasOwnProperty("coteRue")) {
    		$('#rue_cote option[value='+data.extension.coteRue.valeur+']').attr("selected", "selected");
    	}
	        
	    deb = new google.maps.LatLng(data.extension.latitudeDebutRue.valeur, data.extension.longitudeDebutRue.valeur);
	    fin = new google.maps.LatLng(data.extension.latitudeFinRue.valeur, data.extension.longitudeFinRue.valeur);
	    
	    mettreAJourStationPosition(pos);
	    
	    deplacerMarkerDeb(deb);
	    deplacerMarkerFin(fin);
	    afficherEtapeGeolocalisation(4);
	    
	    var latlngbounds = new google.maps.LatLngBounds();
	    latlngbounds.extend(deb);
	    latlngbounds.extend(fin);
	    map.setCenter(latlngbounds.getCenter());
	    map.fitBounds(latlngbounds); 
    } else if(data.hasOwnProperty("latitude") && data.hasOwnProperty("longitude")) {
    	deplacerMarkerDeb(pos);
    }
}
 
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();
		deplacerMarkerFin(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 deplacerMarkerFin(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 {
				$('#form-upload')[0].reset();
				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',
		maxDate: new Date,
		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="commune">' + commune + '</span> ' +
									'(' + codeInsee + '), ' +
									'<span class="station">' + station + '</span><br /> ' +
									' 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");
	}
	supprimerObsParId(obsId);
}
 
function supprimerObsParId(obsId) {
	obsNbre = obsNbre - 1;
	$(".obs-nbre").text(obsNbre);
	$(".obs-nbre").triggerHandler('changement');
	$('.obs'+obsId).remove();
	$("#liste-obs").removeData('obsId'+obsId);
}
 
function initialiserBarreProgression() {
	$('#barre-progression-upload').attr('aria-valuenow', 0);
	$('#barre-progression-upload').attr('style', "width: 0%");
	$('#barre-progression-upload .sr-only').text("0/0 observations transmises");
	$('.progress').addClass('active');
	$('.progress').addClass('progress-striped');
}
 
function initialiserObs() {
	obsNbre = 0;
	nbObsTransmises = 0;
	nbObsEnCours = 0;
	totalObsATransmettre = 0;
	initialiserBarreProgression();
	$(".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
var nbObsEnCours = 1;
var totalObsATransmettre = 0;
function transmettreObs() {
	var observations = $("#liste-obs").data();
	if (observations == undefined || jQuery.isEmptyObject(observations)) {
		afficherPanneau("#dialogue-zero-obs");
	} else {
		nbObsEnCours = 1;
		nbObsTransmises = 0;
		totalObsATransmettre = $.map(observations, function(n, i) { return i; }).length;
		depilerObsPourEnvoi();
	}
	return false;
}
 
function depilerObsPourEnvoi() {
	var observations = $("#liste-obs").data();
	// la boucle est factice car on utilise un tableau
	// dont on a besoin de n'extraire que le premier élément
	// or javascript n'a pas de méthode cross browsers pour extraire les clés
	// TODO: utiliser var.keys quand ça sera plus répandu
	// ou bien utiliser un vrai tableau et pas un objet
	for (var obsNum in observations) {	
		obsATransmettre = new Object();	
	    
	    obsATransmettre['projet'] = TAG_PROJET;
	    obsATransmettre['tag-obs'] = TAG_OBS;
	    obsATransmettre['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();
		obsATransmettre['utilisateur'] = utilisateur;
		obsATransmettre[obsNum] = observations[obsNum];
		var idObsNumerique = obsNum.replace('obsId', '');
		if(idObsNumerique != "") {
			envoyerObsAuCel(idObsNumerique, obsATransmettre);
		}
		
		break;
	}
}
 
var nbObsTransmises = 0;
function mettreAJourProgression() {
	nbObsTransmises++;
	var pct = (nbObsTransmises/totalObsATransmettre)*100;
	$('#barre-progression-upload').attr('aria-valuenow', nbObsTransmises);
	$('#barre-progression-upload').attr('style', "width: "+pct+"%");
	$('#barre-progression-upload .sr-only').text(nbObsTransmises+"/"+totalObsATransmettre+" observations transmises");
 
	if(obsNbre == 0) {
		$('.progress').removeClass('active');
		$('.progress').removeClass('progress-striped');
	}
}
 
function envoyerObsAuCel(idObs, observation) {
	var erreurMsg = '',
		debugNonJson = '';
	$.ajax({
		url: SERVICE_SAISIE_URL,
		type: 'POST',
		data: observation,
		dataType: 'json',
		beforeSend: function() {
			$('#dialogue-obs-transaction-ko').hide();
			$('#dialogue-obs-transaction-ok').hide();
			$('.alert-txt').empty();
			$('#chargement').show();
		},
		success: function(data, textStatus, jqXHR) {
			// mise à jour du nombre d'obs à transmettre
			// et suppression de l'obs
			supprimerObsParId(idObs);
			nbObsEnCours++;
			// mise à jour du statut
			mettreAJourProgression();
			if(obsNbre > 0) {
				// dépilement de la suivante
				depilerObsPourEnvoi();
			}
			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) {
			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;
				
				// mise en valeur de l'obs en erreur + scroll vers celle ci en changeant le hash
				$('#obs'+idObs+' div div').addClass('obs-erreur');
				window.location.hash = "obs"+idObs;
				
				$('#dialogue-obs-transaction-ko .alert-txt').append($('#tpl-transmission-ko').clone()
					.find('.courriel-erreur')
					.attr('href', hrefCourriel)
					.end()
					.html());
				$('#dialogue-obs-transaction-ko').show();
				$("#chargement").hide();
				initialiserBarreProgression();
			} else {
				if (DEBUG) {
					$('#dialogue-obs-transaction-ok .alert-txt').append('<pre class="msg-debug">Débogage : ' + debugMsg + debugNonJson + '</pre>');
				}
				if(obsNbre == 0) {
					setTimeout(function() {
						$("#chargement").hide();
						$('#dialogue-obs-transaction-ok .alert-txt').append($('#tpl-transmission-ok').clone().html());
						$("#dialogue-obs-transaction-ok").show();
						window.location.hash = "dialogue-obs-transaction-ok";
						initialiserObs();
					}, 1500);
					
				}
			}
		}
	});
}

Rev 2256	Rev 2257
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').css('display', 'block');`	98	`$('#zone-courriel-confirmation, #zone-prenom-nom').css('display', 'block');`
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	`var map,`	139	`var map,`
140	`geocoder,`	140	`geocoder,`
141	`markerDeb,`	141	`markerDeb,`
142	`latLngDeb,`	142	`latLngDeb,`
143	`markerFin,`	143	`markerFin,`
144	`latLngFin,`	144	`latLngFin,`
145	`ligneRue,`	145	`ligneRue,`
146	`premierDeplacement = true;`	146	`premierDeplacement = true;`
147		147
148	`$(document).ready(function() {`	148	`$(document).ready(function() {`
149	`initialiserGoogleMap();`	149	`initialiserGoogleMap();`
150	`afficherEtapeGeolocalisation(1);`	150	`afficherEtapeGeolocalisation(1);`
151		151
152	`// Autocompletion du champ adresse`	152	`// Autocompletion du champ adresse`
153	`$('#carte-recherche').on('focus', function() {`	153	`$('#carte-recherche').on('focus', function() {`
154	`$(this).select();`	154	`$(this).select();`
155	`});`	155	`});`
156	`$('#carte-recherche').on('mouseup', function(event) {// Pour Safari...`	156	`$('#carte-recherche').on('mouseup', function(event) {// Pour Safari...`
157	`event.preventDefault();`	157	`event.preventDefault();`
158	`});`	158	`});`
159		159
160	`$('#carte-recherche').keypress(function(e) {`	160	`$('#carte-recherche').keypress(function(e) {`
161	`if (e.which == 13) {`	161	`if (e.which == 13) {`
162	`e.preventDefault();`	162	`e.preventDefault();`
163	`}`	163	`}`
164	`});`	164	`});`
165		165
166	`$('#carte-recherche').autocomplete({`	166	`$('#carte-recherche').autocomplete({`
167	`//Cette partie utilise geocoder pour extraire des valeurs d'adresse`	167	`//Cette partie utilise geocoder pour extraire des valeurs d'adresse`
168	`source: function(request, response) {`	168	`source: function(request, response) {`
169		169
170	`geocoder.geocode( {'address': request.term+', France', 'region' : 'fr' }, function(results, status) {`	170	`geocoder.geocode( {'address': request.term+', France', 'region' : 'fr' }, function(results, status) {`
171	`if (status == google.maps.GeocoderStatus.OK) {`	171	`if (status == google.maps.GeocoderStatus.OK) {`
172	`response($.map(results, function(item) {`	172	`response($.map(results, function(item) {`
173	`var rue = "";`	173	`var rue = "";`
174	`$.each(item.address_components, function(){`	174	`$.each(item.address_components, function(){`
175	`if (this.types[0] == "route" \|\| this.types[0] == "street_address" ) {`	175	`if (this.types[0] == "route" \|\| this.types[0] == "street_address" ) {`
176	`rue = this.short_name;`	176	`rue = this.short_name;`
177	`}`	177	`}`
178	`});`	178	`});`
179	`var retour = {`	179	`var retour = {`
180	`label: item.formatted_address,`	180	`label: item.formatted_address,`
181	`value: rue,`	181	`value: rue,`
182	`latitude: item.geometry.location.lat(),`	182	`latitude: item.geometry.location.lat(),`
183	`longitude: item.geometry.location.lng()`	183	`longitude: item.geometry.location.lng()`
184	`};`	184	`};`
185	`return retour;`	185	`return retour;`
186	`}));`	186	`}));`
187	`} else {`	187	`} else {`
188	`afficherErreurGoogleMap(status);`	188	`afficherErreurGoogleMap(status);`
189	`}`	189	`}`
190	`});`	190	`});`
191	`},`	191	`},`
192	`// Cette partie est executee a la selection d'une adresse`	192	`// Cette partie est executee a la selection d'une adresse`
193	`select: function(event, ui) {`	193	`select: function(event, ui) {`
194	`var nouvellePosition = new google.maps.LatLng(ui.item.latitude, ui.item.longitude);`	194	`var nouvellePosition = new google.maps.LatLng(ui.item.latitude, ui.item.longitude);`
195	`initialiserMarkerDeb();`	195	`initialiserMarkerDeb();`
196	`deplacerMarkerDeb(nouvellePosition);`	196	`deplacerMarkerDeb(nouvellePosition);`
197	`map.setZoom(16);`	197	`map.setZoom(16);`
198	`afficherEtapeGeolocalisation(2);`	198	`afficherEtapeGeolocalisation(2);`
199	`}`	199	`}`
200	`});`	200	`});`
201		201
202	`$('#geolocaliser').on('click', geolocaliser);`	202	`$('#geolocaliser').on('click', geolocaliser);`
203	`});`	203	`});`
204		204
205	`function initialiserGoogleMap(){`	205	`function initialiserGoogleMap(){`
206	`latLngDeb = new google.maps.LatLng(48.8543, 2.3483);// Paris`	206	`latLngDeb = new google.maps.LatLng(48.8543, 2.3483);// Paris`
207	`if (VILLE == 'Marseille') {`	207	`if (VILLE == 'Marseille') {`
208	`latLngDeb = new google.maps.LatLng(43.29545, 5.37458);`	208	`latLngDeb = new google.maps.LatLng(43.29545, 5.37458);`
209	`} else if (VILLE == 'Montpellier') {`	209	`} else if (VILLE == 'Montpellier') {`
210	`latLngDeb = new google.maps.LatLng(43.61077, 3.87672);`	210	`latLngDeb = new google.maps.LatLng(43.61077, 3.87672);`
211	`}`	211	`}`
212	`var options = {`	212	`var options = {`
213	`zoom: 16,`	213	`zoom: 16,`
214	`center: latLngDeb,`	214	`center: latLngDeb,`
215	`mapTypeId: google.maps.MapTypeId.HYBRID,`	215	`mapTypeId: google.maps.MapTypeId.HYBRID,`
216	`mapTypeControlOptions: {`	216	`mapTypeControlOptions: {`
217	`mapTypeIds: ['OSM',`	217	`mapTypeIds: ['OSM',`
218	`google.maps.MapTypeId.ROADMAP,`	218	`google.maps.MapTypeId.ROADMAP,`
219	`google.maps.MapTypeId.HYBRID,`	219	`google.maps.MapTypeId.HYBRID,`
220	`google.maps.MapTypeId.SATELLITE,`	220	`google.maps.MapTypeId.SATELLITE,`
221	`google.maps.MapTypeId.TERRAIN]}`	221	`google.maps.MapTypeId.TERRAIN]}`
222	`};`	222	`};`
223		223
224	`// Ajout de la couche OSM à la carte`	224	`// Ajout de la couche OSM à la carte`
225	`osmMapType = new google.maps.ImageMapType({`	225	`osmMapType = new google.maps.ImageMapType({`
226	`getTileUrl: function(coord, zoom) {`	226	`getTileUrl: function(coord, zoom) {`
227	`return 'http://tile.openstreetmap.org/' + zoom + '/' + coord.x + '/' + coord.y + '.png';`	227	`return 'http://tile.openstreetmap.org/' + zoom + '/' + coord.x + '/' + coord.y + '.png';`
228	`},`	228	`},`
229	`tileSize: new google.maps.Size(256, 256),`	229	`tileSize: new google.maps.Size(256, 256),`
230	`isPng: true,`	230	`isPng: true,`
231	`alt: 'OpenStreetMap',`	231	`alt: 'OpenStreetMap',`
232	`name: 'OSM',`	232	`name: 'OSM',`
233	`maxZoom: 19`	233	`maxZoom: 19`
234	`});`	234	`});`
235		235
236	`// Création de la carte Google`	236	`// Création de la carte Google`
237	`map = new google.maps.Map(document.getElementById('map-canvas'), options); //affiche la google map dans la div map_canvas`	237	`map = new google.maps.Map(document.getElementById('map-canvas'), options); //affiche la google map dans la div map_canvas`
238	`map.mapTypes.set('OSM', osmMapType);`	238	`map.mapTypes.set('OSM', osmMapType);`
239		239
240	`// Ajout de l'évènment sur click dans Carte`	240	`// Ajout de l'évènment sur click dans Carte`
241	`google.maps.event.addListener(map, 'click', surClickDansCarte);`	241	`google.maps.event.addListener(map, 'click', surClickDansCarte);`
242		242
243	`// Lorsque la carte est chargée, on vérifie si on peut précharger des données`	243	`// Lorsque la carte est chargée, on vérifie si on peut précharger des données`
244	`google.maps.event.addListenerOnce(map, 'idle', function(){`	244	`google.maps.event.addListenerOnce(map, 'idle', function(){`
245	`// Initialisation du marker de début de rue`	245	`// Initialisation du marker de début de rue`
246	`initialiserMarkerDeb();`	246	`initialiserMarkerDeb();`
247	`if (OBS_ID != '') {`	247	`if (OBS_ID != '') {`
248	`chargerInfoObs();`	248	`chargerInfoObs();`
249	`} else {`	249	`} else {`
250	`// Tentative de geocalisation si aucune obs à précharger`	250	`// Tentative de geocalisation si aucune obs à précharger`
251	`tenterGeolocalisation();`	251	`tenterGeolocalisation();`
252	`}`	252	`}`
253	`});`	253	`});`
254		254
255	`// Création du Geocoder`	255	`// Création du Geocoder`
256	`geocoder = new google.maps.Geocoder();`	256	`geocoder = new google.maps.Geocoder();`
257	`}`	257	`}`
258		258
259	`function chargerInfoObs() {`	259	`function chargerInfoObs() {`
260	`var urlObs = SERVICE_OBS_URL + '/' + OBS_ID;`	260	`var urlObs = SERVICE_OBS_URL + '/' + OBS_ID;`
261	`$.ajax({`	261	`$.ajax({`
262	`url: urlObs,`	262	`url: urlObs,`
263	`type: 'GET',`	263	`type: 'GET',`
264	`success: function(data, textStatus, jqXHR) {`	264	`success: function(data, textStatus, jqXHR) {`
265	`if (data != undefined && data != "") {`	265	`if (data != undefined && data != "") {`
266	`prechargerForm(data);`	266	`prechargerForm(data);`
267	`}`	267	`}`
268	`// TODO: voir s'il est pertinent d'indiquer quelque chose en cas d'erreur ou d'obs`	268	`// TODO: voir s'il est pertinent d'indiquer quelque chose en cas d'erreur ou d'obs`
269	`// inexistante`	269	`// inexistante`
270	`},`	270	`},`
271	`error: function(jqXHR, textStatus, errorThrown) {`	271	`error: function(jqXHR, textStatus, errorThrown) {`
272	`// TODO: cf TODO ci-dessus`	272	`// TODO: cf TODO ci-dessus`
273	`}`	273	`}`
274	`});`	274	`});`
275	`}`	275	`}`
276		276
277	`function prechargerForm(data) {`	277	`function prechargerForm(data) {`
278		278
279	`$('#carte-recherche').val(data.zoneGeo);`	279	`$('#carte-recherche').val(data.zoneGeo);`
280		280
281	`$('#commune-nom').text(data.zoneGeo);`	281	`$('#commune-nom').text(data.zoneGeo);`
-		282
-		283	`if(data.hasOwnProperty("codeZoneGeo")) {`
282	`$('#commune-code-insee').text(data.codeZoneGeo.replace('INSEE-C:', ''));`	284	`$('#commune-code-insee').text(data.codeZoneGeo.replace('INSEE-C:', ''));`
-		285	`}`
283		286
284	`pos = new google.maps.LatLng(data.latitude, data.longitude);`	287	`pos = new google.maps.LatLng(data.latitude, data.longitude);`
285		288
286	`if(data.hasOwnProperty("extension")) {`	289	`if(data.hasOwnProperty("extension")) {`
287	`initialiserMarkerFin();`	290	`initialiserMarkerFin();`
288		291
289	`// cas des obs florilèges qui apparaissent aussi comme des obs sauvages`	292	`// cas des obs florilèges qui apparaissent aussi comme des obs sauvages`
290	`// mais qui n'ont pas de coté de rue`	293	`// mais qui n'ont pas de coté de rue`
291	`if(data.extension.hasOwnProperty("coteRue")) {`	294	`if(data.extension.hasOwnProperty("coteRue")) {`
292	`$('#rue_cote option[value='+data.extension.coteRue.valeur+']').attr("selected", "selected");`	295	`$('#rue_cote option[value='+data.extension.coteRue.valeur+']').attr("selected", "selected");`
293	`}`	296	`}`
294		297
295	`deb = new google.maps.LatLng(data.extension.latitudeDebutRue.valeur, data.extension.longitudeDebutRue.valeur);`	298	`deb = new google.maps.LatLng(data.extension.latitudeDebutRue.valeur, data.extension.longitudeDebutRue.valeur);`
296	`fin = new google.maps.LatLng(data.extension.latitudeFinRue.valeur, data.extension.longitudeFinRue.valeur);`	299	`fin = new google.maps.LatLng(data.extension.latitudeFinRue.valeur, data.extension.longitudeFinRue.valeur);`
297		300
298	`mettreAJourStationPosition(pos);`	301	`mettreAJourStationPosition(pos);`
299		302
300	`deplacerMarkerDeb(deb);`	303	`deplacerMarkerDeb(deb);`
301	`deplacerMarkerFin(fin);`	304	`deplacerMarkerFin(fin);`
302	`afficherEtapeGeolocalisation(4);`	305	`afficherEtapeGeolocalisation(4);`
303		306
304	`var latlngbounds = new google.maps.LatLngBounds();`	307	`var latlngbounds = new google.maps.LatLngBounds();`
305	`latlngbounds.extend(deb);`	308	`latlngbounds.extend(deb);`
306	`latlngbounds.extend(fin);`	309	`latlngbounds.extend(fin);`
307	`map.setCenter(latlngbounds.getCenter());`	310	`map.setCenter(latlngbounds.getCenter());`
308	`map.fitBounds(latlngbounds);`	311	`map.fitBounds(latlngbounds);`
309	`} else if(data.hasOwnProperty("latitude") && data.hasOwnProperty("longitude")) {`	312	`} else if(data.hasOwnProperty("latitude") && data.hasOwnProperty("longitude")) {`
310	`deplacerMarkerDeb(pos);`	313	`deplacerMarkerDeb(pos);`
311	`}`	314	`}`
312	`}`	315	`}`
313		316
314	`function initialiserMarkerDeb() {`	317	`function initialiserMarkerDeb() {`
315	`premierDeplacement = true;`	318	`premierDeplacement = true;`
316	`if (markerDeb == undefined) {`	319	`if (markerDeb == undefined) {`
317	`// Marqueur de début de Rue`	320	`// Marqueur de début de Rue`
318	`markerDeb = new google.maps.Marker({`	321	`markerDeb = new google.maps.Marker({`
319	`map: map,`	322	`map: map,`
320	`draggable: true,`	323	`draggable: true,`
321	`title: 'Début de la portion de rue étudiée',`	324	`title: 'Début de la portion de rue étudiée',`
322	`icon: GOOGLE_MAP_MARQUEUR_DEBUT_URL,`	325	`icon: GOOGLE_MAP_MARQUEUR_DEBUT_URL,`
323	`position: latLngDeb`	326	`position: latLngDeb`
324	`});`	327	`});`
325	`google.maps.event.addListener(markerDeb, 'dragend', surDeplacementMarkerDeb);`	328	`google.maps.event.addListener(markerDeb, 'dragend', surDeplacementMarkerDeb);`
326	`}`	329	`}`
327		330
328	`latLngFin = latLngDeb;`	331	`latLngFin = latLngDeb;`
329	`if (markerFin != undefined) {`	332	`if (markerFin != undefined) {`
330	`markerFin.setMap(null);`	333	`markerFin.setMap(null);`
331	`}`	334	`}`
332	`latLngCentre = latLngDeb;`	335	`latLngCentre = latLngDeb;`
333	`if (ligneRue != undefined) {`	336	`if (ligneRue != undefined) {`
334	`ligneRue.setMap(null);`	337	`ligneRue.setMap(null);`
335	`}`	338	`}`
336	`}`	339	`}`
337		340
338	`function surDeplacementMarkerDeb() {`	341	`function surDeplacementMarkerDeb() {`
339	`deplacerMarkerDeb(markerDeb.getPosition());`	342	`deplacerMarkerDeb(markerDeb.getPosition());`
340	`}`	343	`}`
341		344
342	`function deplacerMarkerDeb(nouvellePosition) {`	345	`function deplacerMarkerDeb(nouvellePosition) {`
343	`latLngDeb = nouvellePosition;`	346	`latLngDeb = nouvellePosition;`
344	`markerDeb.setPosition(latLngDeb);`	347	`markerDeb.setPosition(latLngDeb);`
345	`map.setCenter(latLngDeb);`	348	`map.setCenter(latLngDeb);`
346	`mettreAJourStationPosition(latLngDeb);`	349	`mettreAJourStationPosition(latLngDeb);`
347	`trouverCommune(latLngDeb);`	350	`trouverCommune(latLngDeb);`
348		351
349	`if (premierDeplacement) {`	352	`if (premierDeplacement) {`
350	`initialiserMarkerDeb();`	353	`initialiserMarkerDeb();`
351	`premierDeplacement = false;`	354	`premierDeplacement = false;`
352	`} else {`	355	`} else {`
353	`var nouvellePositionFin = new google.maps.LatLng(latLngDeb.lat(), latLngDeb.lng() + 0.0010);`	356	`var nouvellePositionFin = new google.maps.LatLng(latLngDeb.lat(), latLngDeb.lng() + 0.0010);`
354	`initialiserMarkerFin();`	357	`initialiserMarkerFin();`
355	`deplacerMarkerFin(nouvellePositionFin)`	358	`deplacerMarkerFin(nouvellePositionFin)`
356	`afficherEtapeGeolocalisation(3);`	359	`afficherEtapeGeolocalisation(3);`
357	`}`	360	`}`
358	`}`	361	`}`
359		362
360	`function initialiserMarkerFin() {`	363	`function initialiserMarkerFin() {`
361	`if (markerFin == undefined) {`	364	`if (markerFin == undefined) {`
362	`markerFin = new google.maps.Marker({`	365	`markerFin = new google.maps.Marker({`
363	`map: map,`	366	`map: map,`
364	`draggable: true,`	367	`draggable: true,`
365	`title: 'Fin de la portion de rue étudiée',`	368	`title: 'Fin de la portion de rue étudiée',`
366	`icon: GOOGLE_MAP_MARQUEUR_FIN_URL,`	369	`icon: GOOGLE_MAP_MARQUEUR_FIN_URL,`
367	`position: latLngFin`	370	`position: latLngFin`
368	`});`	371	`});`
369	`google.maps.event.addListener(markerFin, 'dragend', surDeplacementMarkerFin);`	372	`google.maps.event.addListener(markerFin, 'dragend', surDeplacementMarkerFin);`
370	`} else {`	373	`} else {`
371	`markerFin.setMap(null);`	374	`markerFin.setMap(null);`
372	`}`	375	`}`
373	`}`	376	`}`
374		377
375	`function deplacerMarkerFin(nouvellePosition) {`	378	`function deplacerMarkerFin(nouvellePosition) {`
376	`latLngFin = nouvellePosition;`	379	`latLngFin = nouvellePosition;`
377	`markerFin.setMap(map);`	380	`markerFin.setMap(map);`
378	`markerFin.setPosition(latLngFin);`	381	`markerFin.setPosition(latLngFin);`
379	`dessinerLigneRue(latLngDeb, latLngFin);`	382	`dessinerLigneRue(latLngDeb, latLngFin);`
380	`}`	383	`}`
381		384
382	`function surDeplacementMarkerFin() {`	385	`function surDeplacementMarkerFin() {`
383	`dessinerLigneRue(markerDeb.getPosition(), markerFin.getPosition());`	386	`dessinerLigneRue(markerDeb.getPosition(), markerFin.getPosition());`
384	`afficherCentreRue();`	387	`afficherCentreRue();`
385	`afficherEtapeGeolocalisation(4);`	388	`afficherEtapeGeolocalisation(4);`
386	`}`	389	`}`
387		390
388	`function dessinerLigneRue(pointDebut, pointFin) {`	391	`function dessinerLigneRue(pointDebut, pointFin) {`
389	`if (ligneRue != undefined) {`	392	`if (ligneRue != undefined) {`
390	`ligneRue.setMap(null);`	393	`ligneRue.setMap(null);`
391	`}`	394	`}`
392		395
393	`ligneRue = new google.maps.Polyline({`	396	`ligneRue = new google.maps.Polyline({`
394	`path: [pointDebut, pointFin],`	397	`path: [pointDebut, pointFin],`
395	`strokeColor: "#FF0000",`	398	`strokeColor: "#FF0000",`
396	`strokeOpacity: 1.0,`	399	`strokeOpacity: 1.0,`
397	`strokeWeight: 2`	400	`strokeWeight: 2`
398	`});`	401	`});`
399		402
400	`ligneRue.setMap(map);`	403	`ligneRue.setMap(map);`
401	`}`	404	`}`
402		405
403	`function afficherCentreRue() {`	406	`function afficherCentreRue() {`
404	`latLngDeb = markerDeb.getPosition();`	407	`latLngDeb = markerDeb.getPosition();`
405	`latLngFin = markerFin.getPosition();`	408	`latLngFin = markerFin.getPosition();`
406	`latLngCentre = new google.maps.LatLng((latLngFin.lat() + latLngDeb.lat())/2, (latLngFin.lng() + latLngDeb.lng())/2);`	409	`latLngCentre = new google.maps.LatLng((latLngFin.lat() + latLngDeb.lat())/2, (latLngFin.lng() + latLngDeb.lng())/2);`
407	`mettreAJourStationPosition(latLngCentre);`	410	`mettreAJourStationPosition(latLngCentre);`
408	`}`	411	`}`
409		412
410	`function mettreAJourStationPosition(latLng) {`	413	`function mettreAJourStationPosition(latLng) {`
411	`var lat = latLng.lat().toFixed(5),`	414	`var lat = latLng.lat().toFixed(5),`
412	`lng = latLng.lng().toFixed(5);`	415	`lng = latLng.lng().toFixed(5);`
413	`remplirChampLatitude(lat);`	416	`remplirChampLatitude(lat);`
414	`remplirChampLongitude(lng);`	417	`remplirChampLongitude(lng);`
415	`}`	418	`}`
416		419
417	`function remplirChampLatitude(latDecimale) {`	420	`function remplirChampLatitude(latDecimale) {`
418	`var lat = Math.round(latDecimale * 100000) / 100000;`	421	`var lat = Math.round(latDecimale * 100000) / 100000;`
419	`$('#latitude').val(lat);`	422	`$('#latitude').val(lat);`
420	`}`	423	`}`
421		424
422	`function remplirChampLongitude(lngDecimale) {`	425	`function remplirChampLongitude(lngDecimale) {`
423	`var lng = Math.round(lngDecimale * 100000) / 100000;`	426	`var lng = Math.round(lngDecimale * 100000) / 100000;`
424	`$('#longitude').val(lng);`	427	`$('#longitude').val(lng);`
425	`}`	428	`}`
426		429
427	`function trouverCommune(pos) {`	430	`function trouverCommune(pos) {`
428	`$(function() {`	431	`$(function() {`
429	`var url_service = SERVICE_NOM_COMMUNE_URL,`	432	`var url_service = SERVICE_NOM_COMMUNE_URL,`
430	`urlNomCommuneFormatee = url_service.replace('{lat}', pos.lat()).replace('{lon}', pos.lng());`	433	`urlNomCommuneFormatee = url_service.replace('{lat}', pos.lat()).replace('{lon}', pos.lng());`
431	`$.ajax({`	434	`$.ajax({`
432	`url: urlNomCommuneFormatee,`	435	`url: urlNomCommuneFormatee,`
433	`type: 'GET',`	436	`type: 'GET',`
434	`dataType: 'jsonp',`	437	`dataType: 'jsonp',`
435	`beforeSend: function() {`	438	`beforeSend: function() {`
436	`$('.commune-info').empty();`	439	`$('.commune-info').empty();`
437	`$('#dialogue-erreur .alert-txt').empty();`	440	`$('#dialogue-erreur .alert-txt').empty();`
438	`},`	441	`},`
439	`success: function(data, textStatus, jqXHR) {`	442	`success: function(data, textStatus, jqXHR) {`
440	`$('.commune-info').empty();`	443	`$('.commune-info').empty();`
441	`$('#commune-nom').append(data.nom);`	444	`$('#commune-nom').append(data.nom);`
442	`$('#commune-code-insee').append(data.codeINSEE);`	445	`$('#commune-code-insee').append(data.codeINSEE);`
443	`$('#marqueur-commune').data('commune', {'nom' : data.nom, 'codeInsee' : data.codeINSEE});`	446	`$('#marqueur-commune').data('commune', {'nom' : data.nom, 'codeInsee' : data.codeINSEE});`
444	`},`	447	`},`
445	`statusCode: {`	448	`statusCode: {`
446	`500: function(jqXHR, textStatus, errorThrown) {`	449	`500: function(jqXHR, textStatus, errorThrown) {`
447	`if (DEBUG) {`	450	`if (DEBUG) {`
448	`$('#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>');`	451	`$('#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>');`
449	`reponse = jQuery.parseJSON(jqXHR.responseText);`	452	`reponse = jQuery.parseJSON(jqXHR.responseText);`
450	`var erreurMsg = "";`	453	`var erreurMsg = "";`
451	`if (reponse != null) {`	454	`if (reponse != null) {`
452	`$.each(reponse, function (cle, valeur) {`	455	`$.each(reponse, function (cle, valeur) {`
453	`erreurMsg += valeur + '<br />';`	456	`erreurMsg += valeur + '<br />';`
454	`});`	457	`});`
455	`}`	458	`}`
456		459
457	`$('#dialogue-erreur .alert-txt').append(`	460	`$('#dialogue-erreur .alert-txt').append(`
458	`'<p class="msg-erreur">Erreur 500 : '+errorThrown+'<br />'+erreurMsg+'</p>');`	461	`'<p class="msg-erreur">Erreur 500 : '+errorThrown+'<br />'+erreurMsg+'</p>');`
459	`}`	462	`}`
460	`}`	463	`}`
461	`},`	464	`},`
462	`error: function(jqXHR, textStatus, errorThrown) {`	465	`error: function(jqXHR, textStatus, errorThrown) {`
463	`if (DEBUG) {`	466	`if (DEBUG) {`
464	`$('#dialogue-erreur .alert-txt').append(`	467	`$('#dialogue-erreur .alert-txt').append(`
465	`'<p class="msg">Une erreur Ajax est survenue lors de la transmission de vos observations.</p>');`	468	`'<p class="msg">Une erreur Ajax est survenue lors de la transmission de vos observations.</p>');`
466	`reponse = jQuery.parseJSON(jqXHR.responseText);`	469	`reponse = jQuery.parseJSON(jqXHR.responseText);`
467	`var erreurMsg = '';`	470	`var erreurMsg = '';`
468	`if (reponse != null) {`	471	`if (reponse != null) {`
469	`$.each(reponse, function (cle, valeur) {`	472	`$.each(reponse, function (cle, valeur) {`
470	`erreurMsg += valeur + '<br />';`	473	`erreurMsg += valeur + '<br />';`
471	`});`	474	`});`
472	`}`	475	`}`
473		476
474	`$('#dialogue-erreur .alert-txt').append(`	477	`$('#dialogue-erreur .alert-txt').append(`
475	`'<p class="msg-erreur">Erreur Ajax : '+errorThrown+' (type : '+textStatus+') <br />'+erreurMsg+'</p>');`	478	`'<p class="msg-erreur">Erreur Ajax : '+errorThrown+' (type : '+textStatus+') <br />'+erreurMsg+'</p>');`
476	`}`	479	`}`
477	`},`	480	`},`
478	`complete: function(jqXHR, textStatus) {`	481	`complete: function(jqXHR, textStatus) {`
479	`var debugMsg = extraireEnteteDebug(jqXHR);`	482	`var debugMsg = extraireEnteteDebug(jqXHR);`
480	`if (debugMsg != '') {`	483	`if (debugMsg != '') {`
481	`if (DEBUG) {`	484	`if (DEBUG) {`
482	`$("#dialogue-erreur .alert-txt").append('<pre class="msg-debug msg">Débogage : '+debugMsg+'</pre>');`	485	`$("#dialogue-erreur .alert-txt").append('<pre class="msg-debug msg">Débogage : '+debugMsg+'</pre>');`
483	`}`	486	`}`
484	`}`	487	`}`
485	`if ($("#dialogue-erreur .msg").length > 0) {`	488	`if ($("#dialogue-erreur .msg").length > 0) {`
486	`$("#dialogue-erreur").show();`	489	`$("#dialogue-erreur").show();`
487	`}`	490	`}`
488	`}`	491	`}`
489	`});`	492	`});`
490	`});`	493	`});`
491	`}`	494	`}`
492		495
493	`function afficherEtapeGeolocalisation(numEtape) {`	496	`function afficherEtapeGeolocalisation(numEtape) {`
494	`$('.liste_indication_geolocalisation').children().hide();`	497	`$('.liste_indication_geolocalisation').children().hide();`
495	`$('.liste_indication_geolocalisation :nth-child('+numEtape+')').show();`	498	`$('.liste_indication_geolocalisation :nth-child('+numEtape+')').show();`
496	`}`	499	`}`
497		500

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/saisie/squelettes/sauvages/js/sauvages.js – Rev 2256 → 2257