WebSVN – eFlore/Applications.cel – Diff – /branches/v2.7-grelinette/widget/modules/saisie/squelettes/missions-flore/js/missions-flore.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');
}
 
 
//+---------------------------------------------------------------------------------------------------------+
//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 && 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) {
	$('#milieu').val(data.milieu);
 
	$('#carte-recherche').val(data.zoneGeo);
	$('#commune-nom').text(data.zoneGeo);
 
	if (data.hasOwnProperty('codeZoneGeo')) {
		// TODO: trouver un moyen qui fonctionne lorsqu'on aura d'autres référentiels que INSEE
		$('#commune-code-insee').text(data.codeZoneGeo.replace('INSEE-C:', ''));
	}
 
	if (data.hasOwnProperty('latitude') && data.hasOwnProperty('longitude')) {
		var latLng = new google.maps.LatLng(data.latitude, data.longitude);
		mettreAJourMarkerPosition(latLng);
		marker.setPosition(latLng);
		 map.setCenter(latLng);
	    map.setZoom(16);
	}
}
 
 
//+----------------------------------------------------------------------------------------------------------+
//FORM IDENTITE : gestion de l'observateur
 
$(document).ready(function() {
	requeterIdentite();// Sur rechargement de la page
 
	// Interaction sur le formulaire observateur
	$('#prenom').on('change', formaterPrenom);
	$('#nom').on('change', formaterNom);
	$('#courriel').on('blur', requeterIdentite);
	$('#courriel').on('keyup', testerLancementRequeteIdentite);
	$('#courriel_confirmation').on('paste', bloquerCopierCollerCourriel);
});
 
function testerLancementRequeteIdentite(event) {
	if (event.which == 13) {
		requeterIdentite();
		event.preventDefault();
		event.stopPropagation();
	}
}
 
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];
					surSuccesCompletionCourriel(infos, courriel);
				} else {
					surErreurCompletionCourriel();
				}
			},
			error: function(jqXHR, textStatus, errorThrown) {
				surErreurCompletionCourriel();
			},
			complete: function(jqXHR, textStatus) {
				$('#zone-courriel-confirmation, #zone-prenom-nom').removeClass('hidden');
				$('#form-observateur').valid();
			}
		});
	}
}
 
function surErreurCompletionCourriel() {
	$('#prenom, #nom, #courriel_confirmation').removeAttr('disabled');
	afficherPanneau('#dialogue-courriel-introuvable');
}
 
function surSuccesCompletionCourriel(infos, 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');
 
	$('#dialogue-courriel-introuvable').hide();
}
 
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
var map,
	marker,
	latLng,
	geocoder;
 
$(document).ready(function() {
	initialiserGoogleMap();
	initialiserAutocompleteCommune();
});
 
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 surDeplacementMarker() {
	mettreAJourMarkerPosition(marker.getPosition());
}
 
function surClickDansCarte(event) {
	deplacerMarker(event.latLng);
}
 
function geolocaliser() {
	var latitude = $('#latitude').val(),
		longitude = $('#longitude').val();
	latLng = new google.maps.LatLng(latitude, longitude);
	deplacerMarker(latLng);
}
 
function initialiserGoogleMap(){
	// Carte
	var latLng = new google.maps.LatLng(46.30871, 2.54395);// Centre de la France
	var zoomDefaut = 5;
 
	var options = {
		zoom: zoomDefaut,
		center: latLng,
		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 google draggable
	marker = new google.maps.Marker({
		map: map,
		draggable: true,
		title: 'Ma station',
		icon: GOOGLE_MAP_MARQUEUR_URL,
		position: latLng
	});
 
	initialiserMarker(latLng);
 
	// Tentative de geocalisation
	if (navigator.geolocation) {
		navigator.geolocation.getCurrentPosition(function(position) {
			var latitude = position.coords.latitude;
			var longitude = position.coords.longitude;
			latLng = new google.maps.LatLng(latitude, longitude);
			deplacerMarker(latLng);
		});
	}
 
	// intéraction carte
	$('#geolocaliser').on('click', geolocaliser);
	google.maps.event.addListener(marker, 'dragend', surDeplacementMarker);
	google.maps.event.addListener(map, 'click', surClickDansCarte);
}
 
function initialiserMarker(latLng) {
	if (marker != undefined) {
		marker.setPosition(latLng);
		map.setCenter(latLng);
		mettreAJourMarkerPosition(latLng);
	}
}
 
function deplacerMarker(latLng) {
	if (marker != undefined) {
		marker.setPosition(latLng);
		map.setCenter(latLng);
		mettreAJourMarkerPosition(latLng);
	}
}
 
function mettreAJourMarkerPosition(latLng) {
	trouverCommune(latLng);
	trouverAltitude(latLng);
 
	var lat = latLng.lat().toFixed(5),
		lng = latLng.lng().toFixed(5);
	remplirChampLatitude(lat);
	remplirChampLongitude(lng);
	remplirChampsLambert93(lat, 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);
}
 
proj4.defs([
	['EPSG:4326', '+proj=longlat +ellps=WGS84 +datum=WGS84 +no_defs'],
	['EPSG:2154', '+title=RGF93 / Lambert-93 +proj=lcc +lat_1=49 +lat_2=44 +lat_0=46.5 +lon_0=3 +x_0=700000 +y_0=6600000 +ellps=GRS80 +towgs84=0,0,0,0,0,0,0 +units=m +no_defs']
]);
function remplirChampsLambert93(lat, lng) {
	// Prendre en compte l'initialisation des projections
	var coordinate = {x: lng,y: lat};
	proj4(proj4.defs('EPSG:4326'), proj4.defs('EPSG:2154')).forward(coordinate);
	$('#l93-x').val(coordinate.x.toFixed(0));
	$('#l93-y').val(coordinate.y.toFixed(0));
}
 
function trouverAltitude(pos) {
	$(function() {
		var url_service = SERVICE_ALTITUDE_URL,
			urlAltFormatee = url_service.replace('{lat}', pos.lat()).replace('{lon}', pos.lng());
		$.ajax({
			url: urlAltFormatee,
			type: 'GET',
			dataType: 'jsonp',
			beforeSend : function() {
				$('#altitude').empty();
				$('#dialogue-erreur .alert-txt').empty();
			},
			success : function(data, textStatus, jqXHR) {
				$('#altitude').empty().append(data.altitude);
				$('#marqueur-altitude').data('altitude', data.altitude);
			},
			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 fournissant l\'altitude.</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 l\'appel au service fournissant l\'altitude.</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 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').on('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_REFERENTIEL);
	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() {
	$('.effacer-miniature').click(function () {
		supprimerMiniatures($(this));
	});
 
	$('#fichier').on('change', function (e) {
		arreter(e);
		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
		};
		$('#ajouter-obs').attr('disabled', 'disabled');
		if (verifierFormat($('#fichier').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;
	});
 
	if (ESPECE_IMPOSEE) {
		$('#taxon').attr('disabled', 'disabled');
		$('#taxon-input-groupe').attr('title', '');
		var infosAssociee = new Object();
		infosAssociee.label = INFOS_ESPECE_IMPOSEE.nom_sci_complet;
		infosAssociee.value = INFOS_ESPECE_IMPOSEE.nom_sci_complet;
		infosAssociee.nt = INFOS_ESPECE_IMPOSEE.num_taxonomique;
		infosAssociee.nomSel = INFOS_ESPECE_IMPOSEE.nom_sci;
		infosAssociee.nomSelComplet = INFOS_ESPECE_IMPOSEE.nom_sci_complet;
		infosAssociee.numNomSel = INFOS_ESPECE_IMPOSEE.id;
		infosAssociee.nomRet = INFOS_ESPECE_IMPOSEE['nom_retenu.libelle'];
		infosAssociee.numNomRet = INFOS_ESPECE_IMPOSEE['nom_retenu.id'];
		infosAssociee.famille = INFOS_ESPECE_IMPOSEE.famille;
		infosAssociee.retenu = (INFOS_ESPECE_IMPOSEE.retenu == 'false') ? false : true;
		$('#taxon').data(infosAssociee);
	}
 
	$('body').on('click', '.effacer-miniature', function() {
		$(this).parent().remove();
	});
});
 
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();
	var imgNom = $('image-nom', reponse).text();
	var html =
		'<div class="miniature">'+
			'<img class="miniature-img thumbnail" alt="'+imgNom+'" src="'+miniatureUrl+'"/>'+
			'<button class="effacer-miniature" type="button">Effacer</button>'+
		'</div>'
	return html;
}
 
function supprimerMiniatures() {
	$('#miniatures').empty();
	$('#miniature-msg').empty();
}
 
//Initialise l'autocomplétion de la commune, en fonction du référentiel
function initialiserAutocompleteCommune() {
	var geocoderOptions = {},
		addressSuffix = '';
 
	geocoderOptions.region = 'fr';
	addressSuffix = ', France';
 
	$('#carte-recherche').autocomplete({
		//Cette partie utilise geocoder pour extraire des valeurs d'adresse
		source: function(request, response) {
			geocoderOptions.address = request.term + addressSuffix;
			geocoder.geocode( geocoderOptions, 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);
		}
	});
 
	// 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();
		}
	});
};
 
 
//+---------------------------------------------------------------------------------------------------------+
// FORMULAIRE : traitements génériques
var obsNbre = 0;
 
$(document).ready(function() {
	$('.alert .close').on('click', fermerPanneauAlert);
	$('body').on('click', '.fermer', function(event) {
			event.preventDefault();
			basculerOuvertureFermetureCadre($(this).find('.icone'));
	});
	$('.has-tooltip').tooltip('enable');
	$('#btn-aide').on('click', basculerAffichageAide);
 
	// Validation du formulaire
	configurerFormValidator();
	definirReglesFormValidator();
 
	// Date picker
	configurerDatePicker();
 
	// Gestion de la liste des taxons
	ajouterAutocompletionNoms();
	surChangementAbondance();// Vérif lors du chargement de la page
	$('#abondance').on('change', surChangementAbondance);
 
	// Gestion des obs
	$('.btn-coord ').on('click', basculerAffichageCoord);
	$('#ajouter-obs').on('click', ajouterObs);
	surChangementNbreObs();
	$('.obs-nbre').on('changement', surChangementNbreObs);
	$('body').on('click', '.supprimer-obs', supprimerObs);
	$('#transmettre-obs').on('click', transmettreObs);
 
 
	// Défilement des photos
	$('body').on('click', '.defilement-miniatures-gauche', function(event) {
			event.preventDefault();
			defilerMiniatures($(this));
	});
	$('body').on('click', '.defilement-miniatures-droite', function(event) {
		event.preventDefault();
		defilerMiniatures($(this));
	});
});
 
function surChangementAbondance() {
	if (afficherIndividusNbreGroupe()) {
		$('#individus-nbre-groupe').removeClass('hidden');
		$('#individus-nbre').valid();
	} else {
		$('#individus-nbre-groupe').addClass('hidden');
	}
}
 
function afficherIndividusNbreGroupe() {
	var abondance = $('#abondance').val();
	if (abondance === '1-4 individus' || abondance === '5-9 individus' || abondance === '10-49 individus') {
		return true;
	} else {
		return false;
	}
}
 
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.');
 
	$.validator.addMethod(
		'individusNbre',
		function (value, element) {
			var ok = true;
 
			if (afficherIndividusNbreGroupe()) {
				var abondance = $('#abondance').val();
 
				if (abondance === '1-4 individus') {
					ok = value === '' || (value !== '' && /^[0-9]+$/.test(value) && value >= 1 && value < 5);
				} else if (abondance == '5-9 individus') {
					ok = value === '' || (value !== '' && /^[0-9]+$/.test(value) && value >= 5 && value < 10);
				} else if (abondance === '10-49 individus') {
					ok = value === '' || (value !== '' && /^[0-9]+$/.test(value) && value >= 10 && value < 50);
				}
			}
			return ok;
		},
		"Veuillez indiquer le nombre d'individus sous forme d'entier positif et compris dans la classe définie par le champ « Abondance » (Ex. : 3, 15 ou 33...).");
 
	$.validator.addMethod(
		'isbn',
		function (value, element) {
			var isbn = value.trim();
			return (value == '' || (/^ISBN(-1(?:(0)|3))?:?( )*[0-9]+[- ][0-9]+[- ][0-9]+[- ][0-9]*[- ]*[xX0-9]$/).test(isbn));
		},
		'Format : ISBN 10 ou 13 avec chaque partie séparée par un espace ou tiret. <br />'+
		'Doit débuter par : "ISBN" ou "ISBN-10" ou "ISBN-13". Suivi par ":" ou ": " ou directement le code ISBN.<br />'+
		'(Ex. : ISBN:978-3-642-11746-6, ISBN:978 3 642 11746 6, ISBN: 978 3 642 11746 6, ISBN-10: 3 642 11746 6).');
 
	// Modification des méthodes par défaut de Jquery Validation pour Boostrap 3
	$.validator.setDefaults({
		ignore: [],// Forcer Jquery Validate à examiner les éléments en "display:none;"
		highlight: function(element) {
			$(element).closest('.form-group').addClass('has-error');
		},
		unhighlight: function(element) {
			$(element).closest('.form-group').removeClass('has-error');
		},
		success: function(element) {
			$(element).closest('.form-group').removeClass('has-error').addClass('has-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', '');
				}
			}
		},
		errorElement: 'span',
		errorClass: 'help-block',
		errorPlacement: function(error, element) {
			//console.log(element.attr('name') +'-'+ element.parent('.input-group').length);
			if (element.parent('.input-group').length) {
				error.insertAfter(element.parent());
			} else {
				error.insertAfter(element);
			}
		}
	});
}
 
function definirReglesFormValidator() {
	$('#form-observateur').validate({
		rules: {
			courriel : {
				required : true,
				email : true},
			courriel_confirmation : {
				required : true,
				equalTo: '#courriel'}
		}
	});
	$('#form-station').validate({
		rules: {
			latitude : {
				range: [-90, 90],
				required: true},
			longitude : {
				range: [-180, 180],
				required: true},
			'l93-x': 'required',
			'l93-y': 'required'
		}
	});
	$('#form-obs-date').validate({
		rules: {
			date: {
				required: true,
				'dateCel' : true}
		}
	});
	$('#form-obs').validate({
		rules: {
			individusNombre: {individusNbre: true},
			determinationSource: {isbn: true}
		}
	});
}
 
function configurerDatePicker() {
	$.datepicker.setDefaults($.datepicker.regional['fr']);
	$('#date').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();
		}
	});
	$('img.ui-datepicker-trigger').appendTo('#date-icone');
}
 
function fermerPanneauAlert() {
	$(this).parentsUntil('.zone-alerte', '.alert').hide();
}
 
function basculerOuvertureFermetureCadre(element) {
	if (element.hasClass('glyphicon-plus-sign')) {
		element.removeClass('glyphicon-plus-sign').addClass('glyphicon-minus-sign');
	} else {
		element.removeClass('glyphicon-minus-sign').addClass('glyphicon-plus-sign');
	}
}
 
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 bloquerCopierCollerCourriel() {
	afficherPanneau('#dialogue-bloquer-copier-coller');
	return false;
}
 
function basculerAffichageCoord() {
	var textActuel = $(this).text(),
			textARemplacer = $(this).data('toggle-text');
	$(this).text(textARemplacer).data('toggle-text', textActuel);
 
	if ($(this).hasClass('cacher-coord')) {
		$(this).removeClass('cacher-coord').addClass('afficher-coord');
		$('#coordonnees-geo').addClass('hidden');
	} else {
		$(this).removeClass('afficher-coord').addClass('cacher-coord');
		$('#coordonnees-geo').removeClass('hidden');
	}
 
	return false;
}
 
function ajouterObs() {
	// Fermeture automatique des dialogue de transmission de données
	$('#dialogue-obs-transaction-ko').hide();
	$('#dialogue-obs-transaction-ok').hide();
 
	if (validerFormulaire() == true) {
		obsNbre = obsNbre + 1;
		$('.obs-nbre').text(obsNbre);
		$('.obs-nbre').triggerHandler('changement');
		afficherObs();
		stockerObsData();
		supprimerMiniatures();
		if(!ESPECE_IMPOSEE) {
			$('#taxon').val('');
			$('#taxon').data('numNomSel',undefined);
		}
		$('#barre-progression-upload').attr('aria-valuemax', obsNbre);
		$('#barre-progression-upload .sr-only').text('0/'+obsNbre+' observations transmises');
	} else {
		afficherPanneau('#dialogue-form-invalide');
	}
}
 
function afficherObs() {
	var date = $('#date').val(),
		commune = $('#commune-nom').text(),
		codeInsee = $('#commune-code-insee').text(),
		lat = $('input[name="latitude"]').val(),
		lng = $('input[name="longitude"]').val(),
		lieudit = $('#lieudit').val(),
		station = $('#station').val(),
 
		milieux = $('#milieu').val(),
		exposition = getTextOptionSelectionne('station-exposition'),
		pente = getTextOptionSelectionne('station-pente'),
 
		phenologie = getTextOptionSelectionne('phenologie'),
		abondance = getTextOptionSelectionne('abondance'),
		individus = (($('#individus-nbre').val() === undefined || $('#individus-nbre').val() === '') ? '' : ' (' + $('#individus-nbre').val() + ')'),
		typeReleve = getTextOptionSelectionne('releve-type'),
		sourceDet = $('#determination-source').val(),
 
		notes = $('#notes').val();
 
	$('#liste-obs').prepend(
		'<div id="obs'+obsNbre+'" class="obs obs'+obsNbre+'">'+
				'<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+'">'+
							'<span class="glyphicon glyphicon-trash icon-white"></i>'+
						'</button>'+
					'</div> '+
					'<div class="row">'+
						'<div class="col-md-2 obs-miniatures">'+
							ajouterImgMiniatureAuTransfert()+
						'</div>'+
						'<div class="col-md-8">'+
							'<ul class="list-unstyled obs-entete">'+
								'<li>'+
									'Observé à ' +
									'<span class="commune">' + commune + '</span> ' +
									'(' + codeInsee + ') [' + lat +' / ' + lng + ']' +
									' le ' +
									'<span class="date">' + date + '</span>' +
								'</li>' +
							'</ul>'+
							'<ul class="list-unstyled obs-details">'+
								'<li>' +
									'<span>Lieu-dit :</span> ' + lieudit + ' ; ' +
									'<span>Station :</span> ' + station + ' ; ' +
								'</li>' +
								'<li>' +
									'<span>Milieu :</span> ' + milieux + ' ; ' +
									'<span>Exposition :</span> ' + exposition + ' ; ' +
									'<span>Pente :</span> ' + pente + ' ; ' +
								'</li>' +
								'<li>' +
									'<span>Phénologie :</span> ' + phenologie + ' ; ' +
									'<span>Abondance :</span> ' + abondance + individus + ' ; ' +
									'<span>Relevé :</span> ' + typeReleve + ' ; ' +
									'<span>Source :</span> ' + sourceDet + ' ; ' +
								'</li>' +
								'<li>' +
									'<span>Commentaires :</span> ' + notes +
								'</li>'+
							'</ul>'+
						'</div>'+
					'</div>'+
				'</div>'+
		'</div>');
}
 
function getTextOptionSelectionne(id) {
	var optionVal = $('#' + id).val(),
		optionText = $('#' + id + ' option:selected').text();
	//console.log(optionVal+'-'+optionText);
	return ((optionVal === undefined || optionVal === '') ? '' : optionText);
}
 
function stockerObsData() {
	var numNomSel = $('#taxon').data('numNomSel'),
		nomSel = $('#taxon').val(),
		nomRet = $('#taxon').data('nomRet'),
		numNomRet = $('#taxon').data('numNomRet'),
		numTaxon = $('#taxon').data('nt'),
		famille = $('#taxon').data('famille'),
		referentiel = (numNomSel == undefined) ? '' : NOM_SCI_REFERENTIEL;
 
	$('#liste-obs').data('obsId'+obsNbre, {
		'date' : $('#date').val(),
		'notes' : $('#notes').val().trim(),
 
		'nom_sel': nomSel,
		'num_nom_sel': numNomSel,
		'nom_ret': nomRet,
		'num_nom_ret': numNomRet,
		'num_taxon': numTaxon,
		'famille': famille,
		'referentiel': referentiel,
 
		'latitude' : $('#latitude').val(),
		'longitude' : $('#longitude').val(),
		'commune_nom' : $('#commune-nom').text(),
		'commune_code_insee' : $('#commune-code-insee').text(),
		'altitude': $('#altitude').text(),
		'lieudit': $('#lieudit').val().trim(),
		'station': $('#station').val().trim(),
		'milieu': $('#milieu').val().trim(),
		'abondance': $('#abondance').val(),
		'phenologie': $('#phenologie').val(),
 
		//Ajout des champs images
		'image_nom' : getNomsImgsOriginales(),
 
		// Ajout des champs étendus de l'obs
		'obs_etendue': getObsChpEtendus()
	});
}
 
function getObsChpEtendus() {
	var champs = [];
 
	$('.obs-chp-etendu').each(function() {
		var valeur = $(this).val(),
			cle = $(this).attr('name');
		if (valeur != '') {
			var chpEtendu = {cle: cle, valeur: valeur.trim()};
			champs.push(chpEtendu);
		}
	});
	return champs;
}
 
function surChangementNbreObs() {
	if (obsNbre == 0) {
		$('#transmettre-obs').attr('disabled', 'disabled');
		$('#ajouter-obs').removeAttr('disabled');
	} else 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');
	}
}
 
var nbObsEnCours = 1;
var totalObsATransmettre = 0;
function transmettreObs() {
	var observations = $('#liste-obs').data();
	if (DEBUG) {
		console.log(observations);
	}
	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 = '';
	$.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 .msg').remove();
			$('.alert-txt .msg-erreur').remove();
			$('.alert-txt .msg-debug').remove();
			$('#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();
			}
		},
		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) {
			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_remarques@tela-botanica.org?'+
					'subject=Dysfonctionnement du widget de saisie '+TAG_PROJET+
					'&body='+erreurMsg+'%0D%0ADébogage :%0D%0A'+debugMsg;
 
				// 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+'</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);
				}
			}
		}
	});
}
 
function validerFormulaire() {
	var observateur = $('#form-observateur').valid(),
		station = $('#form-station').valid(),
		obsDate = $('#form-obs-date').valid(),
		obs = $('#form-obs').valid();
	return (observateur == true && station == true && obs == true && obsDate == true) ? true : false;
}
 
function getNomsImgsOriginales() {
	var noms = new Array();
	$('.miniature-img').each(function() {
		noms.push($(this).attr('alt'));
	});
	return noms;
}
 
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 ajouterImgMiniatureAuTransfert() {
	var html = '';
	var miniatures = '';
	var premiere = true;
	if ($('#miniatures img').length >= 1) {
		$('#miniatures img').each(function() {
			var visible = premiere ? 'miniature-selectionnee' : 'miniature-cachee';
			premiere = false;
			var css = $(this).hasClass('b64') ? 'thumbnail b64' : 'thumbnail';
			var src = $(this).attr('src');
			var alt = $(this).attr('alt');
			miniature = '<img class="'+css+' '+visible+'" alt="'+alt+'"src="'+src+'" />';
			miniatures += miniature;
		});
		visible = ($('#miniatures img').length > 1) ? '' : 'defilement-miniatures-cache';
		var html =
			'<div class="defilement-miniatures">'+
				'<a class="defilement-miniatures-gauche '+visible+'">&#60;</a>'+
				miniatures+
				'<a class="defilement-miniatures-droite '+visible+'">&#62;</a>'+
			'</div>';
	} else {
		html = '<img class="thumbnail" alt="Aucune photo"src="'+PAS_DE_PHOTO_ICONE_URL+'" />';
	}
	return html;
}
 
function defilerMiniatures(element) {
	var miniatureSelectionne = element.siblings('img.miniature-selectionnee');
	miniatureSelectionne.removeClass('miniature-selectionnee');
	miniatureSelectionne.addClass('miniature-cachee');
	var miniatureAffichee = miniatureSelectionne;
 
	if(element.hasClass('defilement-miniatures-gauche')) {
		if(miniatureSelectionne.prev('.miniature').length != 0) {
			miniatureAffichee = miniatureSelectionne.prev('.thumbnail');
		} else {
			miniatureAffichee = miniatureSelectionne.siblings('.thumbnail').last();
		}
	} else {
		if(miniatureSelectionne.next('.miniature').length != 0) {
			miniatureAffichee = miniatureSelectionne.next('.thumbnail');
		} else {
			miniatureAffichee = miniatureSelectionne.siblings('.thumbnail').first();
		}
	}
	//console.log(miniatureAffichee);
	miniatureAffichee.addClass('miniature-selectionnee');
	miniatureAffichee.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;
}

Rev 2432	Rev 2439
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	`//+---------------------------------------------------------------------------------------------------------+`	46	`//+---------------------------------------------------------------------------------------------------------+`
47	`//FORMULAIRE`	47	`//FORMULAIRE`
48	`$(document).ready(function() {`	48	`$(document).ready(function() {`
49	`if (OBS_ID != '') {`	49	`if (OBS_ID != '') {`
50	`chargerInfoObs();`	50	`chargerInfoObs();`
51	`}`	51	`}`
52	`});`	52	`});`
53		53
54	`function chargerInfoObs() {`	54	`function chargerInfoObs() {`
55	`var urlObs = SERVICE_OBS_URL + '/' + OBS_ID;`	55	`var urlObs = SERVICE_OBS_URL + '/' + OBS_ID;`
56	`$.ajax({`	56	`$.ajax({`
57	`url: urlObs,`	57	`url: urlObs,`
58	`type: 'GET',`	58	`type: 'GET',`
59	`success: function(data, textStatus, jqXHR) {`	59	`success: function(data, textStatus, jqXHR) {`
60	`if (data != undefined && data != '') {`	60	`if (data != undefined && data != '') {`
61	`prechargerForm(data);`	61	`prechargerForm(data);`
62	`}`	62	`}`
63	`// TODO: voir s'il est pertinent d'indiquer quelque chose en cas d'erreur ou d'obs`	63	`// TODO: voir s'il est pertinent d'indiquer quelque chose en cas d'erreur ou d'obs`
64	`// inexistante`	64	`// inexistante`
65	`},`	65	`},`
66	`error: function(jqXHR, textStatus, errorThrown) {`	66	`error: function(jqXHR, textStatus, errorThrown) {`
67	`// TODO: cf TODO ci-dessus`	67	`// TODO: cf TODO ci-dessus`
68	`}`	68	`}`
69	`});`	69	`});`
70	`}`	70	`}`
71		71
72	`function prechargerForm(data) {`	72	`function prechargerForm(data) {`
73	`$('#milieu').val(data.milieu);`	73	`$('#milieu').val(data.milieu);`
74		74
75	`$('#carte-recherche').val(data.zoneGeo);`	75	`$('#carte-recherche').val(data.zoneGeo);`
76	`$('#commune-nom').text(data.zoneGeo);`	76	`$('#commune-nom').text(data.zoneGeo);`
77		77
78	`if (data.hasOwnProperty('codeZoneGeo')) {`	78	`if (data.hasOwnProperty('codeZoneGeo')) {`
79	`// TODO: trouver un moyen qui fonctionne lorsqu'on aura d'autres référentiels que INSEE`	79	`// TODO: trouver un moyen qui fonctionne lorsqu'on aura d'autres référentiels que INSEE`
80	`$('#commune-code-insee').text(data.codeZoneGeo.replace('INSEE-C:', ''));`	80	`$('#commune-code-insee').text(data.codeZoneGeo.replace('INSEE-C:', ''));`
81	`}`	81	`}`
82		82
83	`if (data.hasOwnProperty('latitude') && data.hasOwnProperty('longitude')) {`	83	`if (data.hasOwnProperty('latitude') && data.hasOwnProperty('longitude')) {`
84	`var latLng = new google.maps.LatLng(data.latitude, data.longitude);`	84	`var latLng = new google.maps.LatLng(data.latitude, data.longitude);`
85	`mettreAJourMarkerPosition(latLng);`	85	`mettreAJourMarkerPosition(latLng);`
86	`marker.setPosition(latLng);`	86	`marker.setPosition(latLng);`
87	`map.setCenter(latLng);`	87	`map.setCenter(latLng);`
88	`map.setZoom(16);`	88	`map.setZoom(16);`
89	`}`	89	`}`
90	`}`	90	`}`
91		91
92		92
93	`//+----------------------------------------------------------------------------------------------------------+`	93	`//+----------------------------------------------------------------------------------------------------------+`
94	`//FORM IDENTITE : gestion de l'observateur`	94	`//FORM IDENTITE : gestion de l'observateur`
95		95
96	`$(document).ready(function() {`	96	`$(document).ready(function() {`
97	`requeterIdentite();// Sur rechargement de la page`	97	`requeterIdentite();// Sur rechargement de la page`
98		98
99	`// Interaction sur le formulaire observateur`	99	`// Interaction sur le formulaire observateur`
100	`$('#prenom').on('change', formaterPrenom);`	100	`$('#prenom').on('change', formaterPrenom);`
101	`$('#nom').on('change', formaterNom);`	101	`$('#nom').on('change', formaterNom);`
102	`$('#courriel').on('blur', requeterIdentite);`	102	`$('#courriel').on('blur', requeterIdentite);`
103	`$('#courriel').on('keyup', testerLancementRequeteIdentite);`	103	`$('#courriel').on('keyup', testerLancementRequeteIdentite);`
104	`$('#courriel_confirmation').on('paste', bloquerCopierCollerCourriel);`	104	`$('#courriel_confirmation').on('paste', bloquerCopierCollerCourriel);`
105	`});`	105	`});`
106		106
107	`function testerLancementRequeteIdentite(event) {`	107	`function testerLancementRequeteIdentite(event) {`
108	`if (event.which == 13) {`	108	`if (event.which == 13) {`
109	`requeterIdentite();`	109	`requeterIdentite();`
110	`event.preventDefault();`	110	`event.preventDefault();`
111	`event.stopPropagation();`	111	`event.stopPropagation();`
112	`}`	112	`}`
113	`}`	113	`}`
114		114
115	`function requeterIdentite() {`	115	`function requeterIdentite() {`
116	`var courriel = $('#courriel').val();`	116	`var courriel = $('#courriel').val();`
117	`if (courriel) {`	117	`if (courriel) {`
118	`var urlAnnuaire = SERVICE_ANNUAIRE_ID_URL + courriel;`	118	`var urlAnnuaire = SERVICE_ANNUAIRE_ID_URL + courriel;`
119	`$.ajax({`	119	`$.ajax({`
120	`url: urlAnnuaire,`	120	`url: urlAnnuaire,`
121	`type: 'GET',`	121	`type: 'GET',`
122	`success: function(data, textStatus, jqXHR) {`	122	`success: function(data, textStatus, jqXHR) {`
123	`if (data != undefined && data[courriel] != undefined) {`	123	`if (data != undefined && data[courriel] != undefined) {`
124	`var infos = data[courriel];`	124	`var infos = data[courriel];`
125	`surSuccesCompletionCourriel(infos, courriel);`	125	`surSuccesCompletionCourriel(infos, courriel);`
126	`} else {`	126	`} else {`
127	`surErreurCompletionCourriel();`	127	`surErreurCompletionCourriel();`
128	`}`	128	`}`
129	`},`	129	`},`
130	`error: function(jqXHR, textStatus, errorThrown) {`	130	`error: function(jqXHR, textStatus, errorThrown) {`
131	`surErreurCompletionCourriel();`	131	`surErreurCompletionCourriel();`
132	`},`	132	`},`
133	`complete: function(jqXHR, textStatus) {`	133	`complete: function(jqXHR, textStatus) {`
134	`$('#zone-courriel-confirmation, #zone-prenom-nom').removeClass('hidden');`	134	`$('#zone-courriel-confirmation, #zone-prenom-nom').removeClass('hidden');`
135	`$('#form-observateur').valid();`	135	`$('#form-observateur').valid();`
136	`}`	136	`}`
137	`});`	137	`});`
138	`}`	138	`}`
139	`}`	139	`}`
140		140
141	`function surErreurCompletionCourriel() {`	141	`function surErreurCompletionCourriel() {`
142	`$('#prenom, #nom, #courriel_confirmation').removeAttr('disabled');`	142	`$('#prenom, #nom, #courriel_confirmation').removeAttr('disabled');`
143	`afficherPanneau('#dialogue-courriel-introuvable');`	143	`afficherPanneau('#dialogue-courriel-introuvable');`
144	`}`	144	`}`
145		145
146	`function surSuccesCompletionCourriel(infos, courriel) {`	146	`function surSuccesCompletionCourriel(infos, courriel) {`
147	`$('#id_utilisateur').val(infos.id);`	147	`$('#id_utilisateur').val(infos.id);`
148	`$('#prenom').val(infos.prenom);`	148	`$('#prenom').val(infos.prenom);`
149	`$('#nom').val(infos.nom);`	149	`$('#nom').val(infos.nom);`
150	`$('#courriel_confirmation').val(courriel);`	150	`$('#courriel_confirmation').val(courriel);`
151	`$('#prenom, #nom, #courriel_confirmation').attr('disabled', 'disabled');`	151	`$('#prenom, #nom, #courriel_confirmation').attr('disabled', 'disabled');`
152		152
153	`$('#dialogue-courriel-introuvable').hide();`	153	`$('#dialogue-courriel-introuvable').hide();`
154	`}`	154	`}`
155		155
156	`function formaterNom() {`	156	`function formaterNom() {`
157	`$(this).val($(this).val().toUpperCase());`	157	`$(this).val($(this).val().toUpperCase());`
158	`}`	158	`}`
159		159
160	`function formaterPrenom() {`	160	`function formaterPrenom() {`
161	`var prenom = new Array(),`	161	`var prenom = new Array(),`
162	`mots = $(this).val().split(' ');`	162	`mots = $(this).val().split(' ');`
163	`for (var i = 0; i < mots.length; i++) {`	163	`for (var i = 0; i < mots.length; i++) {`
164	`var mot = mots[i];`	164	`var mot = mots[i];`
165	`if (mot.indexOf('-') >= 0) {`	165	`if (mot.indexOf('-') >= 0) {`
166	`var prenomCompose = new Array(),`	166	`var prenomCompose = new Array(),`
167	`motsComposes = mot.split('-');`	167	`motsComposes = mot.split('-');`
168	`for (var j = 0; j < motsComposes.length; j++) {`	168	`for (var j = 0; j < motsComposes.length; j++) {`
169	`var motSimple = motsComposes[j],`	169	`var motSimple = motsComposes[j],`
170	`motMajuscule = motSimple.charAt(0).toUpperCase() + motSimple.slice(1);`	170	`motMajuscule = motSimple.charAt(0).toUpperCase() + motSimple.slice(1);`
171	`prenomCompose.push(motMajuscule);`	171	`prenomCompose.push(motMajuscule);`
172	`}`	172	`}`
173	`prenom.push(prenomCompose.join('-'));`	173	`prenom.push(prenomCompose.join('-'));`
174	`} else {`	174	`} else {`
175	`var motMajuscule = mot.charAt(0).toUpperCase() + mot.slice(1);`	175	`var motMajuscule = mot.charAt(0).toUpperCase() + mot.slice(1);`
176	`prenom.push(motMajuscule);`	176	`prenom.push(motMajuscule);`
177	`}`	177	`}`
178	`}`	178	`}`
179	`$(this).val(prenom.join(' '));`	179	`$(this).val(prenom.join(' '));`
180	`}`	180	`}`
181		181
182	`function bloquerCopierCollerCourriel() {`	182	`function bloquerCopierCollerCourriel() {`
183	`afficherPanneau('#dialogue-bloquer-copier-coller');`	183	`afficherPanneau('#dialogue-bloquer-copier-coller');`
184	`return false;`	184	`return false;`
185	`}`	185	`}`
186		186
187		187
188	`//+----------------------------------------------------------------------------------------------------------+`	188	`//+----------------------------------------------------------------------------------------------------------+`
189	`// GOOGLE MAP`	189	`// GOOGLE MAP`
190	`var map,`	190	`var map,`
191	`marker,`	191	`marker,`
192	`latLng,`	192	`latLng,`
193	`geocoder;`	193	`geocoder;`
194		194
195	`$(document).ready(function() {`	195	`$(document).ready(function() {`
196	`initialiserGoogleMap();`	196	`initialiserGoogleMap();`
197	`initialiserAutocompleteCommune();`	197	`initialiserAutocompleteCommune();`
198	`});`	198	`});`
199		199
200	`function afficherErreurGoogleMap(status) {`	200	`function afficherErreurGoogleMap(status) {`
201	`if (DEBUG) {`	201	`if (DEBUG) {`
202	`$('#dialogue-google-map .contenu').empty().append(`	202	`$('#dialogue-google-map .contenu').empty().append(`
203	`'<pre class="msg-erreur">'+`	203	`'<pre class="msg-erreur">'+`
204	`"Le service de Géocodage de Google Map a échoué à cause de l'erreur : "+status+`	204	`"Le service de Géocodage de Google Map a échoué à cause de l'erreur : "+status+`
205	`'</pre>');`	205	`'</pre>');`
206	`afficherPanneau('#dialogue-google-map');`	206	`afficherPanneau('#dialogue-google-map');`
207	`}`	207	`}`
208	`}`	208	`}`
209		209
210	`function surDeplacementMarker() {`	210	`function surDeplacementMarker() {`
211	`mettreAJourMarkerPosition(marker.getPosition());`	211	`mettreAJourMarkerPosition(marker.getPosition());`
212	`}`	212	`}`
213		213
214	`function surClickDansCarte(event) {`	214	`function surClickDansCarte(event) {`
215	`deplacerMarker(event.latLng);`	215	`deplacerMarker(event.latLng);`
216	`}`	216	`}`
217		217
218	`function geolocaliser() {`	218	`function geolocaliser() {`
219	`var latitude = $('#latitude').val(),`	219	`var latitude = $('#latitude').val(),`
220	`longitude = $('#longitude').val();`	220	`longitude = $('#longitude').val();`
221	`latLng = new google.maps.LatLng(latitude, longitude);`	221	`latLng = new google.maps.LatLng(latitude, longitude);`
222	`deplacerMarker(latLng);`	222	`deplacerMarker(latLng);`
223	`}`	223	`}`
224		224
225	`function initialiserGoogleMap(){`	225	`function initialiserGoogleMap(){`
226	`// Carte`	226	`// Carte`
227	`var latLng = new google.maps.LatLng(46.30871, 2.54395);// Centre de la France`	227	`var latLng = new google.maps.LatLng(46.30871, 2.54395);// Centre de la France`
228	`var zoomDefaut = 5;`	228	`var zoomDefaut = 5;`
229		229
230	`var options = {`	230	`var options = {`
231	`zoom: zoomDefaut,`	231	`zoom: zoomDefaut,`
232	`center: latLng,`	232	`center: latLng,`
233	`mapTypeId: google.maps.MapTypeId.HYBRID,`	233	`mapTypeId: google.maps.MapTypeId.HYBRID,`
234	`mapTypeControlOptions: {`	234	`mapTypeControlOptions: {`
235	`mapTypeIds: ['OSM', google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.HYBRID, google.maps.MapTypeId.SATELLITE, google.maps.MapTypeId.TERRAIN]}`	235	`mapTypeIds: ['OSM', google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.HYBRID, google.maps.MapTypeId.SATELLITE, google.maps.MapTypeId.TERRAIN]}`
236	`};`	236	`};`
237		237
238	`// Ajout de la couche OSM à la carte`	238	`// Ajout de la couche OSM à la carte`
239	`osmMapType = new google.maps.ImageMapType({`	239	`osmMapType = new google.maps.ImageMapType({`
240	`getTileUrl: function(coord, zoom) {`	240	`getTileUrl: function(coord, zoom) {`
241	`return 'http://tile.openstreetmap.org/' +`	241	`return 'http://tile.openstreetmap.org/' +`
242	`zoom + '/' + coord.x + '/' + coord.y + '.png';`	242	`zoom + '/' + coord.x + '/' + coord.y + '.png';`
243	`},`	243	`},`
244	`tileSize: new google.maps.Size(256, 256),`	244	`tileSize: new google.maps.Size(256, 256),`
245	`isPng: true,`	245	`isPng: true,`
246	`alt: 'OpenStreetMap',`	246	`alt: 'OpenStreetMap',`
247	`name: 'OSM',`	247	`name: 'OSM',`
248	`maxZoom: 19`	248	`maxZoom: 19`
249	`});`	249	`});`
250		250
251	`// Création de la carte Google`	251	`// Création de la carte Google`
252	`map = new google.maps.Map(document.getElementById('map-canvas'), options); //affiche la google map dans la div map_canvas`	252	`map = new google.maps.Map(document.getElementById('map-canvas'), options); //affiche la google map dans la div map_canvas`
253	`map.mapTypes.set('OSM', osmMapType);`	253	`map.mapTypes.set('OSM', osmMapType);`
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	`// Marqueur google draggable`	258	`// Marqueur google draggable`
259	`marker = new google.maps.Marker({`	259	`marker = new google.maps.Marker({`
260	`map: map,`	260	`map: map,`
261	`draggable: true,`	261	`draggable: true,`
262	`title: 'Ma station',`	262	`title: 'Ma station',`
263	`icon: GOOGLE_MAP_MARQUEUR_URL,`	263	`icon: GOOGLE_MAP_MARQUEUR_URL,`
264	`position: latLng`	264	`position: latLng`
265	`});`	265	`});`
266		266
267	`initialiserMarker(latLng);`	267	`initialiserMarker(latLng);`
268		268
269	`// Tentative de geocalisation`	269	`// Tentative de geocalisation`
270	`if (navigator.geolocation) {`	270	`if (navigator.geolocation) {`
271	`navigator.geolocation.getCurrentPosition(function(position) {`	271	`navigator.geolocation.getCurrentPosition(function(position) {`
272	`var latitude = position.coords.latitude;`	272	`var latitude = position.coords.latitude;`
273	`var longitude = position.coords.longitude;`	273	`var longitude = position.coords.longitude;`
274	`latLng = new google.maps.LatLng(latitude, longitude);`	274	`latLng = new google.maps.LatLng(latitude, longitude);`
275	`deplacerMarker(latLng);`	275	`deplacerMarker(latLng);`
276	`});`	276	`});`
277	`}`	277	`}`
278		278
279	`// intéraction carte`	279	`// intéraction carte`
280	`$('#geolocaliser').on('click', geolocaliser);`	280	`$('#geolocaliser').on('click', geolocaliser);`
281	`google.maps.event.addListener(marker, 'dragend', surDeplacementMarker);`	281	`google.maps.event.addListener(marker, 'dragend', surDeplacementMarker);`
282	`google.maps.event.addListener(map, 'click', surClickDansCarte);`	282	`google.maps.event.addListener(map, 'click', surClickDansCarte);`
283	`}`	283	`}`
284		284
285	`function initialiserMarker(latLng) {`	285	`function initialiserMarker(latLng) {`
286	`if (marker != undefined) {`	286	`if (marker != undefined) {`
287	`marker.setPosition(latLng);`	287	`marker.setPosition(latLng);`
288	`map.setCenter(latLng);`	288	`map.setCenter(latLng);`
289	`mettreAJourMarkerPosition(latLng);`	289	`mettreAJourMarkerPosition(latLng);`
290	`}`	290	`}`
291	`}`	291	`}`
292		292
293	`function deplacerMarker(latLng) {`	293	`function deplacerMarker(latLng) {`
294	`if (marker != undefined) {`	294	`if (marker != undefined) {`
295	`marker.setPosition(latLng);`	295	`marker.setPosition(latLng);`
296	`map.setCenter(latLng);`	296	`map.setCenter(latLng);`
297	`mettreAJourMarkerPosition(latLng);`	297	`mettreAJourMarkerPosition(latLng);`
298	`}`	298	`}`
299	`}`	299	`}`
300		300
301	`function mettreAJourMarkerPosition(latLng) {`	301	`function mettreAJourMarkerPosition(latLng) {`
302	`trouverCommune(latLng);`	302	`trouverCommune(latLng);`
303	`trouverAltitude(latLng);`	303	`trouverAltitude(latLng);`
304		304
305	`var lat = latLng.lat().toFixed(5),`	305	`var lat = latLng.lat().toFixed(5),`
306	`lng = latLng.lng().toFixed(5);`	306	`lng = latLng.lng().toFixed(5);`
307	`remplirChampLatitude(lat);`	307	`remplirChampLatitude(lat);`
308	`remplirChampLongitude(lng);`	308	`remplirChampLongitude(lng);`
309	`remplirChampsLambert93(lat, lng);`	309	`remplirChampsLambert93(lat, lng);`
310	`}`	310	`}`
311		311
312	`function remplirChampLatitude(latDecimale) {`	312	`function remplirChampLatitude(latDecimale) {`
313	`var lat = Math.round(latDecimale * 100000) / 100000;`	313	`var lat = Math.round(latDecimale * 100000) / 100000;`
314	`$('#latitude').val(lat);`	314	`$('#latitude').val(lat);`
315	`}`	315	`}`
316		316
317	`function remplirChampLongitude(lngDecimale) {`	317	`function remplirChampLongitude(lngDecimale) {`
318	`var lng = Math.round(lngDecimale * 100000) / 100000;`	318	`var lng = Math.round(lngDecimale * 100000) / 100000;`
319	`$('#longitude').val(lng);`	319	`$('#longitude').val(lng);`
320	`}`	320	`}`
321		321
322	`proj4.defs([`	322	`proj4.defs([`
323	`['EPSG:4326', '+proj=longlat +ellps=WGS84 +datum=WGS84 +no_defs'],`	323	`['EPSG:4326', '+proj=longlat +ellps=WGS84 +datum=WGS84 +no_defs'],`
324	`['EPSG:2154', '+title=RGF93 / Lambert-93 +proj=lcc +lat_1=49 +lat_2=44 +lat_0=46.5 +lon_0=3 +x_0=700000 +y_0=6600000 +ellps=GRS80 +towgs84=0,0,0,0,0,0,0 +units=m +no_defs']`	324	`['EPSG:2154', '+title=RGF93 / Lambert-93 +proj=lcc +lat_1=49 +lat_2=44 +lat_0=46.5 +lon_0=3 +x_0=700000 +y_0=6600000 +ellps=GRS80 +towgs84=0,0,0,0,0,0,0 +units=m +no_defs']`
325	`]);`	325	`]);`
326	`function remplirChampsLambert93(lat, lng) {`	326	`function remplirChampsLambert93(lat, lng) {`
327	`// Prendre en compte l'initialisation des projections`	327	`// Prendre en compte l'initialisation des projections`
328	`var coordinate = {x: lng,y: lat};`	328	`var coordinate = {x: lng,y: lat};`
329	`proj4(proj4.defs('EPSG:4326'), proj4.defs('EPSG:2154')).forward(coordinate);`	329	`proj4(proj4.defs('EPSG:4326'), proj4.defs('EPSG:2154')).forward(coordinate);`
330	`$('#l93-x').val(coordinate.x.toFixed(0));`	330	`$('#l93-x').val(coordinate.x.toFixed(0));`
331	`$('#l93-y').val(coordinate.y.toFixed(0));`	331	`$('#l93-y').val(coordinate.y.toFixed(0));`
332	`}`	332	`}`
333		333
334	`function trouverAltitude(pos) {`	334	`function trouverAltitude(pos) {`
335	`$(function() {`	335	`$(function() {`
336	`var url_service = SERVICE_ALTITUDE_URL,`	336	`var url_service = SERVICE_ALTITUDE_URL,`
337	`urlAltFormatee = url_service.replace('{lat}', pos.lat()).replace('{lon}', pos.lng());`	337	`urlAltFormatee = url_service.replace('{lat}', pos.lat()).replace('{lon}', pos.lng());`
338	`$.ajax({`	338	`$.ajax({`
339	`url: urlAltFormatee,`	339	`url: urlAltFormatee,`
340	`type: 'GET',`	340	`type: 'GET',`
341	`dataType: 'jsonp',`	341	`dataType: 'jsonp',`
342	`beforeSend : function() {`	342	`beforeSend : function() {`
343	`$('#altitude').empty();`	343	`$('#altitude').empty();`
344	`$('#dialogue-erreur .alert-txt').empty();`	344	`$('#dialogue-erreur .alert-txt').empty();`
345	`},`	345	`},`
346	`success : function(data, textStatus, jqXHR) {`	346	`success : function(data, textStatus, jqXHR) {`
347	`$('#altitude').empty().append(data.altitude);`	347	`$('#altitude').empty().append(data.altitude);`
348	`$('#marqueur-altitude').data('altitude', data.altitude);`	348	`$('#marqueur-altitude').data('altitude', data.altitude);`
349	`},`	349	`},`
350	`statusCode : {`	350	`statusCode : {`
351	`500 : function(jqXHR, textStatus, errorThrown) {`	351	`500 : function(jqXHR, textStatus, errorThrown) {`
352	`if (DEBUG) {`	352	`if (DEBUG) {`
353	`$('#dialogue-erreur .alert-txt').append('<p id="msg">Un problème est survenu lors de l\'appel au service fournissant l\'altitude.</p>');`	353	`$('#dialogue-erreur .alert-txt').append('<p id="msg">Un problème est survenu lors de l\'appel au service fournissant l\'altitude.</p>');`
354	`reponse = jQuery.parseJSON(jqXHR.responseText);`	354	`reponse = jQuery.parseJSON(jqXHR.responseText);`
355	`var erreurMsg = '';`	355	`var erreurMsg = '';`
356	`if (reponse != null) {`	356	`if (reponse != null) {`
357	`$.each(reponse, function (cle, valeur) {`	357	`$.each(reponse, function (cle, valeur) {`
358	`erreurMsg += valeur + '<br />';`	358	`erreurMsg += valeur + '<br />';`
359	`});`	359	`});`
360	`}`	360	`}`
361		361
362	`$('#dialogue-erreur .alert-txt').append('<p class="msg-erreur">Erreur 500 : '+errorThrown+"<br />"+erreurMsg+'</p>');`	362	`$('#dialogue-erreur .alert-txt').append('<p class="msg-erreur">Erreur 500 : '+errorThrown+"<br />"+erreurMsg+'</p>');`
363	`}`	363	`}`
364	`}`	364	`}`
365	`},`	365	`},`
366	`error : function(jqXHR, textStatus, errorThrown) {`	366	`error : function(jqXHR, textStatus, errorThrown) {`
367	`if (DEBUG) {`	367	`if (DEBUG) {`
368	`$("#dialogue-erreur .alert-txt").append('<p class="msg">Une erreur Ajax est survenue lors de l\'appel au service fournissant l\'altitude.</p>');`	368	`$("#dialogue-erreur .alert-txt").append('<p class="msg">Une erreur Ajax est survenue lors de l\'appel au service fournissant l\'altitude.</p>');`
369	`reponse = jQuery.parseJSON(jqXHR.responseText);`	369	`reponse = jQuery.parseJSON(jqXHR.responseText);`
370	`var erreurMsg = '';`	370	`var erreurMsg = '';`
371	`if (reponse != null) {`	371	`if (reponse != null) {`
372	`$.each(reponse, function (cle, valeur) {`	372	`$.each(reponse, function (cle, valeur) {`
373	`erreurMsg += valeur + '<br />';`	373	`erreurMsg += valeur + '<br />';`
374	`});`	374	`});`
375	`}`	375	`}`
376		376
377	`$('#dialogue-erreur .alert-txt').append('<p class="msg-erreur">Erreur Ajax : '+errorThrown+' (type : '+textStatus+') <br />'+erreurMsg+'</p>');`	377	`$('#dialogue-erreur .alert-txt').append('<p class="msg-erreur">Erreur Ajax : '+errorThrown+' (type : '+textStatus+') <br />'+erreurMsg+'</p>');`
378	`}`	378	`}`
379	`},`	379	`},`
380	`complete : function(jqXHR, textStatus) {`	380	`complete : function(jqXHR, textStatus) {`
381	`var debugMsg = extraireEnteteDebug(jqXHR);`	381	`var debugMsg = extraireEnteteDebug(jqXHR);`
382	`if (debugMsg != '') {`	382	`if (debugMsg != '') {`
383	`if (DEBUG) {`	383	`if (DEBUG) {`
384	`$('#dialogue-erreur .alert-txt').append('<pre class="msg-debug msg">Débogage : '+debugMsg+'</pre>');`	384	`$('#dialogue-erreur .alert-txt').append('<pre class="msg-debug msg">Débogage : '+debugMsg+'</pre>');`
385	`}`	385	`}`
386	`}`	386	`}`
387	`if ($('#dialogue-erreur .msg').length > 0) {`	387	`if ($('#dialogue-erreur .msg').length > 0) {`
388	`$('#dialogue-erreur').show();`	388	`$('#dialogue-erreur').show();`
389	`}`	389	`}`
390	`}`	390	`}`
391	`});`	391	`});`
392	`});`	392	`});`
393	`}`	393	`}`
394		394
395	`function trouverCommune(pos) {`	395	`function trouverCommune(pos) {`
396	`$(function() {`	396	`$(function() {`
397	`var url_service = SERVICE_NOM_COMMUNE_URL,`	397	`var url_service = SERVICE_NOM_COMMUNE_URL,`
398	`urlNomCommuneFormatee = url_service.replace('{lat}', pos.lat()).replace('{lon}', pos.lng());`	398	`urlNomCommuneFormatee = url_service.replace('{lat}', pos.lat()).replace('{lon}', pos.lng());`
399	`$.ajax({`	399	`$.ajax({`
400	`url: urlNomCommuneFormatee,`	400	`url: urlNomCommuneFormatee,`
401	`type: 'GET',`	401	`type: 'GET',`
402	`dataType: 'jsonp',`	402	`dataType: 'jsonp',`
403	`beforeSend : function() {`	403	`beforeSend : function() {`
404	`$('.commune-info').empty();`	404	`$('.commune-info').empty();`
405	`$('#dialogue-erreur .alert-txt').empty();`	405	`$('#dialogue-erreur .alert-txt').empty();`
406	`},`	406	`},`
407	`success : function(data, textStatus, jqXHR) {`	407	`success : function(data, textStatus, jqXHR) {`
408	`$('.commune-info').empty();`	408	`$('.commune-info').empty();`
409	`$('#commune-nom').append(data.nom);`	409	`$('#commune-nom').append(data.nom);`
410	`$('#commune-code-insee').append(data.codeINSEE);`	410	`$('#commune-code-insee').append(data.codeINSEE);`
411	`$('#marqueur-commune').data('commune', {'nom' : data.nom, 'codeInsee' : data.codeINSEE});`	411	`$('#marqueur-commune').data('commune', {'nom' : data.nom, 'codeInsee' : data.codeINSEE});`
412	`},`	412	`},`
413	`statusCode : {`	413	`statusCode : {`
414	`500 : function(jqXHR, textStatus, errorThrown) {`	414	`500 : function(jqXHR, textStatus, errorThrown) {`
415	`if (DEBUG) {`	415	`if (DEBUG) {`
416	`$('#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>');`	416	`$('#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>');`
417	`reponse = jQuery.parseJSON(jqXHR.responseText);`	417	`reponse = jQuery.parseJSON(jqXHR.responseText);`
418	`var erreurMsg = '';`	418	`var erreurMsg = '';`
419	`if (reponse != null) {`	419	`if (reponse != null) {`
420	`$.each(reponse, function (cle, valeur) {`	420	`$.each(reponse, function (cle, valeur) {`
421	`erreurMsg += valeur + '<br />';`	421	`erreurMsg += valeur + '<br />';`
422	`});`	422	`});`
423	`}`	423	`}`
424		424
425	`$('#dialogue-erreur .alert-txt').append('<p class="msg-erreur">Erreur 500 : '+errorThrown+"<br />"+erreurMsg+'</p>');`	425	`$('#dialogue-erreur .alert-txt').append('<p class="msg-erreur">Erreur 500 : '+errorThrown+"<br />"+erreurMsg+'</p>');`
426	`}`	426	`}`
427	`}`	427	`}`
428	`},`	428	`},`
429	`error : function(jqXHR, textStatus, errorThrown) {`	429	`error : function(jqXHR, textStatus, errorThrown) {`
430	`if (DEBUG) {`	430	`if (DEBUG) {`
431	`$("#dialogue-erreur .alert-txt").append('<p class="msg">Une erreur Ajax est survenue lors de la transmission de vos observations.</p>');`	431	`$("#dialogue-erreur .alert-txt").append('<p class="msg">Une erreur Ajax est survenue lors de la transmission de vos observations.</p>');`
432	`reponse = jQuery.parseJSON(jqXHR.responseText);`	432	`reponse = jQuery.parseJSON(jqXHR.responseText);`
433	`var erreurMsg = '';`	433	`var erreurMsg = '';`
434	`if (reponse != null) {`	434	`if (reponse != null) {`
435	`$.each(reponse, function (cle, valeur) {`	435	`$.each(reponse, function (cle, valeur) {`
436	`erreurMsg += valeur + '<br />';`	436	`erreurMsg += valeur + '<br />';`
437	`});`	437	`});`
438	`}`	438	`}`
439		439
440	`$('#dialogue-erreur .alert-txt').append('<p class="msg-erreur">Erreur Ajax : '+errorThrown+' (type : '+textStatus+') <br />'+erreurMsg+'</p>');`	440	`$('#dialogue-erreur .alert-txt').append('<p class="msg-erreur">Erreur Ajax : '+errorThrown+' (type : '+textStatus+') <br />'+erreurMsg+'</p>');`
441	`}`	441	`}`
442	`},`	442	`},`
443	`complete : function(jqXHR, textStatus) {`	443	`complete : function(jqXHR, textStatus) {`
444	`var debugMsg = extraireEnteteDebug(jqXHR);`	444	`var debugMsg = extraireEnteteDebug(jqXHR);`
445	`if (debugMsg != '') {`	445	`if (debugMsg != '') {`
446	`if (DEBUG) {`	446	`if (DEBUG) {`
447	`$('#dialogue-erreur .alert-txt').append('<pre class="msg-debug msg">Débogage : '+debugMsg+'</pre>');`	447	`$('#dialogue-erreur .alert-txt').append('<pre class="msg-debug msg">Débogage : '+debugMsg+'</pre>');`
448	`}`	448	`}`
449	`}`	449	`}`
450	`if ($('#dialogue-erreur .msg').length > 0) {`	450	`if ($('#dialogue-erreur .msg').length > 0) {`
451	`$('#dialogue-erreur').show();`	451	`$('#dialogue-erreur').show();`
452	`}`	452	`}`
453	`}`	453	`}`
454	`});`	454	`});`
455	`});`	455	`});`
456	`}`	456	`}`
457		457
458		458
459	`//+---------------------------------------------------------------------------------------------------------+`	459	`//+---------------------------------------------------------------------------------------------------------+`
460	`//AUTO-COMPLÉTION Noms Scientifiques`	460	`//AUTO-COMPLÉTION Noms Scientifiques`
461		461
462	`function ajouterAutocompletionNoms() {`	462	`function ajouterAutocompletionNoms() {`
463	`$('#taxon').autocomplete({`	463	`$('#taxon').autocomplete({`
464	`source: function(requete, add){`	464	`source: function(requete, add){`
465	`// la variable de requête doit être vidée car sinon le parametre "term" est ajouté`	465	`// la variable de requête doit être vidée car sinon le parametre "term" est ajouté`
466		466
467	`var url = getUrlAutocompletionNomsSci();`	467	`var url = getUrlAutocompletionNomsSci();`
468	`$.getJSON(url, function(data) {`	468	`$.getJSON(url, function(data) {`
469	`var suggestions = traiterRetourNomsSci(data);`	469	`var suggestions = traiterRetourNomsSci(data);`
470	`add(suggestions);`	470	`add(suggestions);`
471	`});`	471	`});`
472	`},`	472	`},`
473	`html: true`	473	`html: true`
474	`});`	474	`});`
475		475
476	`$('#taxon').on('autocompleteselect', function(event, ui) {`	476	`$('#taxon').on('autocompleteselect', function(event, ui) {`
477	`$('#taxon').data(ui.item);`	477	`$('#taxon').data(ui.item);`
478	`if (ui.item.retenu == true) {`	478	`if (ui.item.retenu == true) {`
479	`$('#taxon').addClass('ns-retenu');`	479	`$('#taxon').addClass('ns-retenu');`
480	`} else {`	480	`} else {`
481	`$('#taxon').removeClass('ns-retenu');`	481	`$('#taxon').removeClass('ns-retenu');`
482	`}`	482	`}`
483	`});`	483	`});`
484	`}`	484	`}`
485		485
486	`function getUrlAutocompletionNomsSci() {`	486	`function getUrlAutocompletionNomsSci() {`
487	`var mots = $('#taxon').val(),`	487	`var mots = $('#taxon').val(),`
488	`url = SERVICE_AUTOCOMPLETION_NOM_SCI_URL_TPL.replace('{referentiel}',NOM_SCI_REFERENTIEL);`	488	`url = SERVICE_AUTOCOMPLETION_NOM_SCI_URL_TPL.replace('{referentiel}',NOM_SCI_REFERENTIEL);`
489	`url = url.replace('{masque}', mots);`	489	`url = url.replace('{masque}', mots);`
490	`return url;`	490	`return url;`
491	`}`	491	`}`
492		492
493	`function traiterRetourNomsSci(data) {`	493	`function traiterRetourNomsSci(data) {`
494	`var suggestions = [];`	494	`var suggestions = [];`
495	`if (data.resultat != undefined) {`	495	`if (data.resultat != undefined) {`
496	`$.each(data.resultat, function(i, val) {`	496	`$.each(data.resultat, function(i, val) {`
497	`val.nn = i;`	497	`val.nn = i;`
498	`var nom = {label: '', value: '', nt: '', nomSel: '', nomSelComplet: '', numNomSel: '',`	498	`var nom = {label: '', value: '', nt: '', nomSel: '', nomSelComplet: '', numNomSel: '',`
499	`nomRet: '', numNomRet: '', famille: '', retenu: false`	499	`nomRet: '', numNomRet: '', famille: '', retenu: false`
500	`};`	500	`};`

Subversion Repositories eFlore/Applications.cel

(root)/branches/v2.7-grelinette/widget/modules/saisie/squelettes/missions-flore/js/missions-flore.js – Rev 2432 → 2439