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


//+---------------------------------------------------------------------------------------------------------+
// GÉNÉRAL
$(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
/**
 * 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');
}
 
//+----------------------------------------------------------------------------------------------------------+
// PRÉCHARGEMENT DU FORMULAIRE
$(document).ready(function() {
	if (OBS_ID != '') {
		chargerInfoObs();
	}
});
 
function chargerInfoObs() {
	var urlObs = SERVICE_OBS_URL + '/' + OBS_ID;
	$.ajax({
		url: urlObs,
		type: 'GET',
		success: function(data, textStatus, jqXHR) {
			if (data != undefined) {
				prechargerForm(data);
			} else {
				surErreurChargementInfosObs();
			}
		},
		error: function(jqXHR, textStatus, errorThrown) {
			surErreurChargementInfosObs();
		}
	});
}
 
function prechargerForm(infos) {
	$('input[name="station"]').val(infos.station);
	
	var dateParts = infos.dateObservation.split('-');
	var dateObs = new Date(dateParts[0], dateParts[1] - 1, dateParts[2]);
	var dateObsStr = ('0' + dateObs.getDate()).slice(-2) + '/' +
		('0' + (dateObs.getMonth()+1)).slice(-2) + '/' + 
		dateObs.getFullYear();
	$('input[name="date"]').val(dateObsStr);
	
	$.each(infos.extension, function(index, value) {
		if ($('[name="' + index + '"]').hasClass('slider')) {
			console.log('select[name="' + index + '"] option[value="' + value.valeur + '"]');
			$('select[name="' + index + '"] option[value="' + value.valeur + '"]')
				.attr('selected', 'selected');
			var selectedIndexOptions = $('select[name="' + index + '"]').prop('selectedIndex') + 1;
			console.log(selectedIndexOptions);
			$('[name="' + index + '"]').parent().find('.horizontal-slider').slider('value', selectedIndexOptions);
		} else {
			$('[name="' + index + '"]').val(value.valeur);
		}
	});
}
 
 
//+----------------------------------------------------------------------------------------------------------+
//FORM IDENTITE : gestion de l'observateur
 
$(document).ready(function() {
	$('#courriel').on('blur', requeterIdentite);
	$('#courriel').on('keypress', testerLancementRequeteIdentite);
});
 
function testerLancementRequeteIdentite(event) {
	if (event.which == 13) {
		requeterIdentite();
		event.preventDefault();
		event.stopPropagation();
	}
}
 
function requeterIdentite() {
	var courriel = $('#courriel').val();
	//TODO: mettre ceci en paramètre de config
	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) {
			$('#zone-prenom-nom').removeClass('hidden');
			$('#zone-courriel-confirmation').removeClass('hidden');
		}
	});
}
 
function surErreurCompletionCourriel() {
	$('#prenom, #nom, #courriel_confirmation').val('');
	$('#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(' '));
}
 
//+----------------------------------------------------------------------------------------------------------+
// GOOGLE MAP
 
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 retour = {
							label: item.formatted_address,
							value: item.formatted_address,
							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 latLng = new google.maps.LatLng(ui.item.latitude, ui.item.longitude);
			deplacerMarker(latLng);
			map.setZoom(16);
		}
	});
	
	$('#geolocaliser').on('click', geolocaliser);
	
	google.maps.event.addListener(markerDeb, 'dragend', surDeplacementMarkerDeb);
	
	google.maps.event.addListener(map, 'click', surClickDansCarte);
});
 
function initialiserGoogleMap(){
	latLngDeb = new google.maps.LatLng(46.30871, 2.54395);// Centre de la France
	var options = {
			zoom: 5,
			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);
	
	// Création du Geocoder
	geocoder = new google.maps.Geocoder();
	
	// 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
	});
	initialiserMarkerDeb(latLngDeb);
	
	// Tentative de geocalisation
	tenterGeolocalisation();
}
 
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();
	latLng = new google.maps.LatLng(latitude, longitude);
	deplacerMarker(latLng);
	afficherEtapeGeolocalisation(2);
	map.setZoom(16);
	arreter(event);
}
 
function surDeplacementMarkerDeb() {
	trouverCommune(markerDeb.getPosition());
	mettreAJourMarkerPosition(markerDeb.getPosition());
	deplacerMarker(markerDeb.getPosition());
}
 
function surClickDansCarte(event) {
	deplacerMarker(event.latLng);
}
 
function initialiserMarkerDeb(latLng) {
	if (markerDeb != undefined) {
		markerDeb.setPosition(latLng);
		map.setCenter(latLng);
		mettreAJourMarkerPosition(latLng);
		trouverCommune(latLng);
	}
}
 
function tenterGeolocalisation() {
	if (navigator.geolocation) {
		navigator.geolocation.getCurrentPosition(function(position) {
			var latitude = position.coords.latitude,
				longitude = position.coords.longitude;
			latLngDeb = new google.maps.LatLng(latitude, longitude);
			latLngFin = latLngDeb;
			// si l'utilisateur géolocalise sa ville alors le premier déplacement doit être réinitialisé
			premierDeplacement = true;
			deplacerMarker(latLngDeb);
			map.setZoom(16);
		});
	}
}
 
function deplacerMarker(latLng) {
	if (markerDeb != undefined) {
		latLngDeb = latLng;
		markerDeb.setPosition(latLngDeb);
		map.setCenter(latLngDeb);
		trouverCommune(latLngDeb);
		
		if (!premierDeplacement) {
			if (markerFin != undefined) {
				markerFin.setMap(null);
			}
			
			latLngFin = new google.maps.LatLng(latLngDeb.lat(), latLngDeb.lng() + 0.0010);
			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', function() {
				dessinerLigneRue(markerDeb.getPosition(), markerFin.getPosition());
				latLngDeb = markerDeb.getPosition();
				latLngFin = markerFin.getPosition();
				latLngCentre = new google.maps.LatLng((latLngFin.lat() + latLngDeb.lat())/2, (latLngFin.lng() + latLngDeb.lng())/2); 
				mettreAJourMarkerPosition(latLngCentre);
				afficherEtapeGeolocalisation(4);
			});
			
			dessinerLigneRue(latLngDeb, latLngFin);
			
			latLngCentre = new google.maps.LatLng((latLngFin.lat() + latLngDeb.lat())/2, (latLngFin.lng() + latLngDeb.lng())/2); 
			mettreAJourMarkerPosition(latLngCentre);
			afficherEtapeGeolocalisation(3);
		} else {
			mettreAJourMarkerPosition(latLngDeb);
		}
		premierDeplacement = false;
	}
}
 
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 afficherEtapeGeolocalisation(numEtape) {
	$('.liste_indication_geolocalisation').children().hide();
	$('.liste_indication_geolocalisation :nth-child('+numEtape+')').show();
}
 
function mettreAJourMarkerPosition(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();
				}
			}
		});
	});
}
 
 
//+---------------------------------------------------------------------------------------------------------+
//AUTO-COMPLÉTION Noms Scientifiques
 
function ajouterAutocompletionNoms() {
	$('#taxon').autocomplete({
		source: function(requete, add){  
			// la variable de requête doit être vidée car sinon le parametre "term" est ajouté
			
			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 
$(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() {
	// Sliders
	transformerEnSlider('#presence-zone-vegetalise');
	transformerEnSlider('#hauteur-batiment-avoisinant');
	transformerEnSlider('#periodicite-traitement-phyto');
	transformerEnSlider('#resistance-traitement-phyto');
	transformerEnSlider('#vitesse-croissance');
	
	// Afficher/Cacher champs cachés par défaut
	$('#periodicite-traitement-phyto').on('change', function() {
		if ($(this).val() === 'jamais') {
			$('#datp-zone').removeClass('hidden');
		} else {
			$('#datp-zone').addClass('hidden');
		}
	});
	$('#taxon-liste').on('change', function() {
		if ($(this).val() === '?') {
			$('#taxon-input-groupe').removeClass('hidden');
		} else {
			$('#taxon-input-groupe').addClass('hidden');
		}
	});
	
	$('.alert .close').on('click', fermerPanneauAlert);
	
	$('[rel=tooltip]').tooltip('enable');
	$('#btn-aide').on('click', basculerAffichageAide);
	
	$('#prenom').on('change', formaterPrenom);
	$('#nom').on('change', formaterNom);
	
	configurerDatePicker('#date');
	configurerDatePicker('#date-arret-traitement-phyto');
	
	ajouterAutocompletionNoms();
	
	configurerFormValidator();
	definirReglesFormValidator();
	
	$('.dropdown-menu input, .dropdown-menu label').on('click', function(event) {
		event.stopPropagation();
	});
	$('.cb-milieux').on('click', function(event) {
		$(this).valid();
		event.stopPropagation();
	});
	
	$('input#hauteur-plante').on('blur', function() {
		// if there's a bad value
		var valeur = $(this).val();
		if (! valeur.match(/^[0-9]+$/)) {
			// replace it with nothing
			var nouvelleValeur = valeur.replace(/[^0-9]/g, '');
			$(this).val(nouvelleValeur);
		}
	});
	
	$('#courriel_confirmation').on('paste', bloquerCopierCollerCourriel);
		
	$('a.afficher-coord').on('click', basculerAffichageCoord);
	
	$('#ajouter-obs').on('click', ajouterObs);
	
	$('.obs-nbre').on('changement', surChangementNbreObs);
	
	$('body').on('click', '.supprimer-obs', supprimerObs);
	
	$('#transmettre-obs').on('click', transmettreObs);
	
	$('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 transformerEnSlider(selector) {
	$(selector).each(function(index, el) {
		// hide the element
		$(el).addClass('slider-on');
		
		// add the slider to each element
		var slider = $( '<div class="slider-holder"><div class="horizontal-slider"></div></div>' ).
			insertBefore( el ).find('.horizontal-slider').slider({
				min: 1,
				max: el.options.length,
				range: 'min',
				value: el.selectedIndex + 1,
				slide: function(event, ui) {
					el.selectedIndex = ui.value - 1;
					slider.find('a').text(el.options[el.selectedIndex].text);
					
					$(selector + ' option[selected="selected"]').removeAttr('selected');
					$(selector + ' :nth-child('+ui.value+')').attr('selected', 'selected')
					$(selector).valid();
				},
				stop: function() {
					$(el).change();
				}
			});
		
		slider.find('a').text(el.options[el.selectedIndex].text);
		
		// Create a legend under the slider so we can see the options
		var options = [];
		for (var option in $(el).children()) {
			if (!isNaN(parseInt(option))) {
				options.push(el.options[option].text);
			}
		}
		// the width of each legend/option
		var width = (slider.width() / (options.length - 1));
		
		// Add the legend. Half the width of the first and last options for display consistency.
		slider.after('<div class="slider-legend"><p style="width:' + (width / 2) + 'px;text-align:left;">' + 
			options.join('</p><p style="width:' + width + 'px;">') +'</p></div>')
			.parent().find('.slider-legend p:last-child').css('width', width / 2)
			.css('text-align', 'right');
		
		// if there are too many options so that the text is wider than the width, then hide the text
		var lastChild = slider.parent().find('.slider-legend p:last-child');
		if (lastChild[0].clientWidth < lastChild[0].scrollWidth) {
			slider.parent().find('.slider-legend p');//.css('text-indent', '200%');
		}
	});
}
 
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 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},
			personneStructure: {
				required: true},
			personneService: {
				required: true}
		}
	});
	$('#form-site').validate({
		rules: {
			station: {
				required: true},
			latitude : {
				required: true,
				range: [-90, 90]},
			longitude: {
				required: true,
				range: [-180, 180]},
			typoUrbaine: {
				required: true},
			revetementSol: {
				required: true},
			intensiteGestion: {
				required: true},
			periodiciteTraitementPhyto: {
				required: true},
			itineraireGestion: {
				required: true}
		}
	});
	$('#form-date').validate({
		rules: {
			date: {
				required: true,
				'dateCel' : true},
			dateDerniereIntervention: {
				required: true}
		},
		errorPlacement: function(error, element) {
			if (element.attr('name') == 'date') {
				element.parent('.input-prepend').after(error);
			} else {
				error.insertAfter(element);
			}
		}
	});
	$('#form-obs').validate({
		rules: {
			'taxon-liste': {
				required: true},
			'milieux[]': {
				required: true,
				minlength: 1},
			hauteurPlante: {
				required: true,
				digits: true},
			resistanceTraitementPhyto: {
				required: true}
		},
		errorPlacement: function(error, element) {
			if (element.attr('name') == 'milieux[]') {
				error.insertAfter('#milieux-controls');
			} else {
				error.insertAfter(element);
			}
		}
	});
}
 
function validerFormulaire() {
	var observateur = $('#form-observateur').valid(),
		station = $('#form-site').valid(),
		date = $('#form-date').valid(),
		obs = $('#form-obs').valid(),
		debRue = (latLngDeb == undefined) ? false : true,
		finRue = (latLngFin == undefined) ? false : true;
	var ok = (observateur && station && obs && date && debRue && finRue) ? true : false;
	//console.log(observateur+'-'+station+'-'+obs+'-'+date+'-'+debRue+'-'+finRue);
	return ok;
}
 
 
function fermerPanneauAlert() {
	$(this).parentsUntil('.zone-alerte', '.alert').hide();
}
 
function basculerAffichageAide() {
	if ($(this).hasClass('btn-warning')) {
		$('[rel=tooltip]').tooltip('enable');
		$(this).removeClass('btn-warning').addClass('btn-success');
		$('#btn-aide-txt', this).text("Désactiver l'aide");
	} else {
		$('[rel=tooltip]').tooltip('disable');
		$(this).removeClass('btn-success').addClass('btn-warning');
		$('#btn-aide-txt', this).text("Activer l'aide");
	}
}
 
function bloquerCopierCollerCourriel() {
	afficherPanneau('#dialogue-bloquer-copier-coller');
	return false;
}
 
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
 
var obsNbre = 0;
 
function ajouterObs() {
	if (validerFormulaire() == true) {
		obsNbre = obsNbre + 1;
		$('.obs-nbre').text(obsNbre);
		$('.obs-nbre').triggerHandler('changement');
		afficherObs();
		stockerObsData();
		supprimerMiniatures();
	} else {
		var debRue = (latLngDeb == undefined) ? false : true,
			finRue = (latLngFin == undefined) ? false : true;
		if (debRue == false || finRue == false) {
			afficherPanneau('#dialogue-form-invalide-rue');
		} else {
			afficherPanneau('#dialogue-form-invalide');			
		}
	}
}
 
function afficherObs() {
	var numNomSel = ($('#taxon-liste').val() == '?') ? $('#taxon').data('numNomSel') : $('#taxon-liste').val(),
		taxon = ($('#taxon-liste').val() == '?') ? $('#taxon').val() : taxons[numNomSel]['nom_sel'],
		referentiel = (numNomSel == undefined) ? '' : '['+NOM_SCI_PROJET+']',
		commune = $('#commune-nom').text(),
		codeInsee = $('#commune-code-insee').text(),
		lat = $('input[name="latitude"]').val(),
		lng = $('input[name="longitude"]').val(),
		date = $('#date').val(),
		site = $('#station').val(),
		milieux = getMilieux(),
		notes = $('#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" rel="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="span8">'+
							'<ul class="unstyled">'+
								'<li>'+
									'<span class="nom-sci">' + taxon + '</span> ' +
									formaterNumNomSel(numNomSel)+
									'<span class="referentiel-obs">' + referentiel + '</span>' +
									' observé à ' +
									'<span class="commune">' + commune + '</span> ' +
									'(' + codeInsee + ') [' + lat +' / ' + lng + ']' +
									' le ' +
									'<span class="date">' + date + '</span>' +
								'</li>' +
								'<li>' +
									'<span>Site :</span> ' + site + ' ' +  ' ; ' +
									'<span>Milieu :</span> ' + milieux + ' ' +
								'</li>' +
								'<li>' +
									'Commentaires : <span class="discretion">' + notes + '</span>'+
								'</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 getNomsImgsOriginales() {
	var noms = new Array();
	$('.miniature-img').each(function() {
		noms.push($(this).attr('alt'));
	});
	return noms;
}
 
function stockerObsData() {
	var nomHorsListe = $('#taxon-liste').val() == '?' ? true : false;
		numNomSel = nomHorsListe ? $('#taxon').data('numNomSel') : $('#taxon-liste').val(),
		nomSel = nomHorsListe ? $('#taxon').val() : taxons[numNomSel]['nom_sel'],
		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;
	
	$('#liste-obs').data('obsId'+obsNbre, {
		'date': $('#date').val(), 
		'notes': $('#notes').val(),
		
		'station': $('#station').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()
	});
	//console.log($('#liste-obs').data('obsId'+obsNbre));
}
 
function getObsChpEtendus() {
	var champs = [],
		perceptionTechnicien = getPerceptionTechnicien();
	if (perceptionTechnicien != undefined) {
		champs.push(perceptionTechnicien);
	}
	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;
}
 
function getPerceptionTechnicien() {
	var perceptionTechnicien = undefined,
		perceptions = [];
	$('.cb-perception-technicien:checked').each(function() {
		perceptions.push($(this).val());
	});
	if (perceptions.length > 0) {
		var valeur = Array.prototype.slice.call(perceptions).join(', ');
		perceptionTechnicien = {cle: 'perceptionTechnicien', label: "Perceptions par l'équipe", valeur: valeur};
	}
	return perceptionTechnicien;
}
 
//+----------------------------------------------------------------------------------------------------------+
// TRANSFERER OBS : envoie des obs au CEL
 
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;
		envoyerObsAuCel(observations);
	}
	return false;
}
 
function envoyerObsAuCel(observations) {
	var erreurMsg = '';
	$.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 .msg').remove();	
			$('.alert-txt .msg-erreur').remove();
			$('.alert-txt .msg-debug').remove();
			$('#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'était pas en JSON.";
			}
		},
		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 : ' + debugMsg + '</pre>');
				}
				var hrefCourriel = 'mailto:cel@tela-botanica.org?' + 
					'subject=Disfonctionnement du widget de saisie ' + TAG_PROJET + 
					'&body=' + erreurMsg + "\nDébogage :\n" + debugMsg;
				
				$('#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 + '</pre>');
				}
				$('#dialogue-obs-transaction-ok').show();
			}
			initialiserObs();
		}
	});
}

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

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/saisie/squelettes/florileges/js/florileges.js @ 2005 – Rev 1577 → 1580