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
var latLngDebPre = {lat: null, lng: null},
	latLngFinPre = {lat: null, lng: null},
	okPourChargementCarte = 2;
 
$(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);
	
	//console.log(infos.extension);
	if (infos.extension) {
		var ext = infos.extension;
		if (ext.latitudeDebutRue && ext.longitudeDebutRue && ext.latitudeFinRue && ext.longitudeFinRue) {
			okPourChargementCarte--;
			latLngDebPre.lat = parseFloat(ext.latitudeDebutRue.valeur);
			latLngDebPre.lng = parseFloat(ext.longitudeDebutRue.valeur);
			latLngFinPre.lat = parseFloat(ext.latitudeFinRue.valeur);
			latLngFinPre.lng = parseFloat(ext.longitudeFinRue.valeur);
			prechargerRue();
		}
		
		var chpsARemplir = ['adresse', 'typoUrbaine', 'revetementSol', 'presenceZoneVegetalise', 'hauteurBatimentAvoisinant',
			'intensiteGestion', 'periodiciteTraitementPhyto', 'dateArretTraitementPhyto', 'itineraireGestion'];
		$.each(infos.extension, function(nomDuChp, value) {
			if (chpsARemplir.indexOf(nomDuChp) >= 0) {
				if ($('[name="' + nomDuChp + '"]').hasClass('slider')) {
					$('select[name="' + nomDuChp + '"] option[value="' + value.valeur + '"]')
						.attr('selected', 'selected');
					var selectedIndexOptions = $('select[name="' + nomDuChp + '"]').prop('selectedIndex') + 1;
					$('[name="' + nomDuChp + '"]').parent().find('.horizontal-slider').slider('value', selectedIndexOptions);
					
					if (nomDuChp == 'periodiciteTraitementPhyto') {
						$('[name="periodiciteTraitementPhyto"]').trigger('change');
					}
				} else {
					$('[name="' + nomDuChp + '"]').val(value.valeur);
				}
			}
		});
	}
}
 
function prechargerRue() {
	//console.log('okPourChargementCarte : '+okPourChargementCarte);
	if (okPourChargementCarte == 0) {
		latLngDeb = new google.maps.LatLng(latLngDebPre.lat, latLngDebPre.lng);
		markerDeb = undefined;
		initialiserMarkerDeb();
		deplacerMarkerDeb(latLngDeb);
		premierDeplacement = false;
		markerFin = undefined;
		latLngFin = new google.maps.LatLng(latLngFinPre.lat, latLngFinPre.lng);
		initialiserMarkerFin();
		deplacerMakerFin(latLngFin)
		surDeplacementMarkerFin();
		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('keypress', 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];
					$('#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-courriel-confirmation, #zone-prenom-nom').removeClass('hidden');
			}
		});
	}
}
 
function surErreurCompletionCourriel() {
	$('#prenom, #nom, #courriel_confirmation').removeAttr('disabled');
	afficherPanneau('#dialogue-courriel-introuvable');
}
 
function formaterNom() {
	$(this).val($(this).val().toUpperCase());
}
 
function formaterPrenom() {
	var prenom = new Array(),
		mots = $(this).val().split(' ');
	for (var i = 0; i < mots.length; i++) {
		var mot = mots[i];
		if (mot.indexOf('-') >= 0) {
			var prenomCompose = new Array(),
				motsComposes = mot.split('-');
			for (var j = 0; j < motsComposes.length; j++) {
				var motSimple = motsComposes[j],
					motMajuscule = motSimple.charAt(0).toUpperCase() + motSimple.slice(1);
				prenomCompose.push(motMajuscule);
			}
			prenom.push(prenomCompose.join('-'));
		} else {
			var motMajuscule = mot.charAt(0).toUpperCase() + mot.slice(1);
			prenom.push(motMajuscule);
		}
	}
	$(this).val(prenom.join(' '));
}
 
function bloquerCopierCollerCourriel() {
	afficherPanneau('#dialogue-bloquer-copier-coller');
	return false;
}
 
//+----------------------------------------------------------------------------------------------------------+
// GOOGLE MAP
 
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 nouvellePosition = new google.maps.LatLng(ui.item.latitude, ui.item.longitude);
			initialiserMarkerDeb();
			deplacerMarkerDeb(nouvellePosition);
			map.setZoom(16);
			afficherEtapeGeolocalisation(2);
		}
	});
	
	$('#geolocaliser').on('click', geolocaliser);
});
 
function initialiserGoogleMap(){
	latLngDeb = new google.maps.LatLng(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);
	
	// Ajout de l'évènment sur click dans Carte
	google.maps.event.addListener(map, 'click', surClickDansCarte);
	
	// Lorsque la carte est chargée, on vérifie si on peut précharger des données
	google.maps.event.addListenerOnce(map, 'idle', function(){
		if (OBS_ID == '') {
			// Initialisation du marker de début de rue
			initialiserMarkerDeb();
			// Tentative de geocalisation si aucune obs à précharger
			if (OBS_ID == '') {
				tenterGeolocalisation();
			}
		} else {
			okPourChargementCarte--;
			prechargerRue();
		}
	});
	
	// Création du Geocoder
	geocoder = new google.maps.Geocoder();
}
 
function initialiserMarkerDeb() {
	premierDeplacement = true;
	if (markerDeb == undefined) {
		// Marqueur de début de Rue
		markerDeb = new google.maps.Marker({
			map: map,
			draggable: true,
			title: 'Début de la portion de rue étudiée',
			icon: GOOGLE_MAP_MARQUEUR_DEBUT_URL,
			position: latLngDeb
		});
		google.maps.event.addListener(markerDeb, 'dragend', surDeplacementMarkerDeb);
	}
	
	latLngFin = latLngDeb;
	if (markerFin != undefined) {
		markerFin.setMap(null);
	}
	latLngCentre = latLngDeb;
	if (ligneRue != undefined) {
		ligneRue.setMap(null);
	}
}
 
function surDeplacementMarkerDeb() {
	deplacerMarkerDeb(markerDeb.getPosition());
}
 
function deplacerMarkerDeb(nouvellePosition) {
	latLngDeb = nouvellePosition;
	markerDeb.setPosition(latLngDeb);
	map.setCenter(latLngDeb);
	mettreAJourStationPosition(latLngDeb);
	trouverCommune(latLngDeb);
 
	if (premierDeplacement) {
		initialiserMarkerDeb();
		premierDeplacement = false;
	} else {
		var nouvellePositionFin = new google.maps.LatLng(latLngDeb.lat(), latLngDeb.lng() + 0.0010);
		initialiserMarkerFin();
		deplacerMakerFin(nouvellePositionFin)
		afficherEtapeGeolocalisation(3);
	}
}
 
function initialiserMarkerFin() {
	if (markerFin == undefined) {
		markerFin = new google.maps.Marker({
			map: map,
			draggable: true,
			title: 'Fin de la portion de rue étudiée',
			icon: GOOGLE_MAP_MARQUEUR_FIN_URL,
			position: latLngFin
		});
		google.maps.event.addListener(markerFin, 'dragend', surDeplacementMarkerFin);
	} else {
		markerFin.setMap(null);
	}
}
 
function deplacerMakerFin(nouvellePosition) {
	latLngFin = nouvellePosition;
	markerFin.setMap(map);
	markerFin.setPosition(latLngFin);
	dessinerLigneRue(latLngDeb, latLngFin);
}
 
function surDeplacementMarkerFin() {
	dessinerLigneRue(markerDeb.getPosition(), markerFin.getPosition());
	afficherCentreRue();
	afficherEtapeGeolocalisation(4);
}
 
function dessinerLigneRue(pointDebut, pointFin) {
	if (ligneRue != undefined) {
		ligneRue.setMap(null);
	}
	
	ligneRue = new google.maps.Polyline({
		path: [pointDebut, pointFin],
		strokeColor: "#FF0000",
		strokeOpacity: 1.0,
		strokeWeight: 2
	});
 
	ligneRue.setMap(map);
}
 
function afficherCentreRue() {
	latLngDeb = markerDeb.getPosition();
	latLngFin = markerFin.getPosition();
	latLngCentre = new google.maps.LatLng((latLngFin.lat() + latLngDeb.lat())/2, (latLngFin.lng() + latLngDeb.lng())/2); 
	mettreAJourStationPosition(latLngCentre);
}
 
function mettreAJourStationPosition(latLng) {
	var lat = latLng.lat().toFixed(5),
		lng = latLng.lng().toFixed(5); 
	remplirChampLatitude(lat);
	remplirChampLongitude(lng);
}
 
function remplirChampLatitude(latDecimale) {
	var lat = Math.round(latDecimale * 100000) / 100000;
	$('#latitude').val(lat);
}
 
function remplirChampLongitude(lngDecimale) {
	var lng = Math.round(lngDecimale * 100000) / 100000;
	$('#longitude').val(lng);
}
 
function trouverCommune(pos) {
	$(function() {
		var url_service = SERVICE_NOM_COMMUNE_URL,
			urlNomCommuneFormatee = url_service.replace('{lat}', pos.lat()).replace('{lon}', pos.lng());
		$.ajax({
			url: urlNomCommuneFormatee,
			type: 'GET',
			dataType: 'jsonp',
			beforeSend: function() {
				$('.commune-info').empty();	
				$('#dialogue-erreur .alert-txt').empty();
			},
			success: function(data, textStatus, jqXHR) {
				$('.commune-info').empty();
				$('#commune-nom').append(data.nom);
				$('#commune-code-insee').append(data.codeINSEE);
				$('#marqueur-commune').data('commune', {'nom' : data.nom, 'codeInsee' : data.codeINSEE});
			},
			statusCode: {
				500: function(jqXHR, textStatus, errorThrown) {
					if (DEBUG) {	
						$('#dialogue-erreur .alert-txt').append('<p id="msg">Un problème est survenu lors de l\'appel au service fournissante le nom des communes.</p>');
						reponse = jQuery.parseJSON(jqXHR.responseText);
						var erreurMsg = "";
						if (reponse != null) {
							$.each(reponse, function (cle, valeur) {
								erreurMsg += valeur + '<br />';
							});
						}
						
						$('#dialogue-erreur .alert-txt').append(
							'<p class="msg-erreur">Erreur 500 : '+errorThrown+'<br />'+erreurMsg+'</p>');
					}
				}
			},
			error: function(jqXHR, textStatus, errorThrown) {
				if (DEBUG) {
					$('#dialogue-erreur .alert-txt').append(
						'<p class="msg">Une erreur Ajax est survenue lors de la transmission de vos observations.</p>');
					reponse = jQuery.parseJSON(jqXHR.responseText);
					var erreurMsg = '';
					if (reponse != null) {
						$.each(reponse, function (cle, valeur) {
							erreurMsg += valeur + '<br />';
						});
					}
					
					$('#dialogue-erreur .alert-txt').append(
						'<p class="msg-erreur">Erreur Ajax : '+errorThrown+' (type : '+textStatus+') <br />'+erreurMsg+'</p>');
				}
			},
			complete: function(jqXHR, textStatus) {
				var debugMsg = extraireEnteteDebug(jqXHR);
				if (debugMsg != '') {
					if (DEBUG) {
						$("#dialogue-erreur .alert-txt").append('<pre class="msg-debug msg">Débogage : '+debugMsg+'</pre>');
					}
				}
				if ($("#dialogue-erreur .msg").length > 0) {
					$("#dialogue-erreur").show();
				}
			}
		});
	});
}
 
function afficherEtapeGeolocalisation(numEtape) {
	$('.liste_indication_geolocalisation').children().hide();
	$('.liste_indication_geolocalisation :nth-child('+numEtape+')').show();
}
 
function afficherErreurGoogleMap(status) {
	if (DEBUG) {
		$('#dialogue-google-map .contenu').empty().append(
			'<pre class="msg-erreur">'+
			"Le service de Géocodage de Google Map a échoué à cause de l'erreur : "+status+
			'</pre>');
		afficherPanneau('#dialogue-google-map');
	}
}
 
function geolocaliser(event) {
	var latitude = $('#latitude').val(),
		longitude = $('#longitude').val(),
		nouvellePosition = new google.maps.LatLng(latitude, longitude);
	initialiserMarkerDeb();
	deplacerMarkerDeb(nouvellePosition);
	afficherEtapeGeolocalisation(2);
	map.setZoom(16);
	arreter(event);
}
 
function tenterGeolocalisation() {
	if (navigator.geolocation) {
		navigator.geolocation.getCurrentPosition(function(position) {
			var latitude = position.coords.latitude,
				longitude = position.coords.longitude,
				nouvellePosition = new google.maps.LatLng(latitude, longitude);
			initialiserMarkerDeb();
			deplacerMarkerDeb(nouvellePosition);
			map.setZoom(16);
		});
	}
}
 
function surClickDansCarte(event) {
	deplacerMarkerDeb(event.latLng);
}
 
 
//+---------------------------------------------------------------------------------------------------------+
//AUTO-COMPLÉTION Noms Scientifiques
 
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() {	
	// Interaction générales
	$('.alert .close').on('click', fermerPanneauAlert);
	$('.has-tooltip').tooltip('enable');
	$('#btn-aide').on('click', basculerAffichageAide);
	$('.dropdown-menu input, .dropdown-menu label').on('click', function(event) {
		event.stopPropagation();
	});
	
	// Afficher/Cacher champs cachés par défaut
	surChangementPeriodiciteTraitementPhyto();// Vérif lors du chargement de la page
	$('#periodicite-traitement-phyto').on('change', surChangementPeriodiciteTraitementPhyto);
	
	// Sliders
	transformerEnSlider('#presence-zone-vegetalise');
	transformerEnSlider('#hauteur-batiment-avoisinant');
	transformerEnSlider('#periodicite-traitement-phyto');
	transformerEnSlider('#resistance-traitement-phyto');
	transformerEnSlider('#vitesse-croissance');
 
	// Date picker
	configurerDatePicker('#date');
	configurerDatePicker('#date-arret-traitement-phyto');
	
	// Gestion de la liste des taxons
	surChangementTaxonListe();// Vérif lors du chargement de la page
	ajouterAutocompletionNoms();
	$('#taxon-liste').on('change', surChangementTaxonListe);
	
	// Validation du formulaire
	configurerFormValidator();
	definirReglesFormValidator();
	
	// Gestion des obs
	$('.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);
		}
	});		
	$('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);
 
	// Défilement des photos
	$('body').on('click', '.defilement-control-zone', function(event) {
		defilerMiniatures($(this));
	});
	$('body').on('mouseover', '.defilement-control-zone', function(event) {
		$('.defilement-control', this).removeClass('hidden');
	});
	$('body').on('mouseout', '.defilement-control-zone', function(event) {
		$('.defilement-control', this).addClass('hidden');
	});
	
});
 
function 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 surChangementPeriodiciteTraitementPhyto() {
	if ($('#periodicite-traitement-phyto').val() === 'jamais') {
		$('#datp-zone').removeClass('hidden');
	} else {
		$('#datp-zone').addClass('hidden');
	}
}
 
function surChangementTaxonListe() {
	if ($('#taxon-liste').val() === '?') {
		$('#taxon-input-groupe').removeClass('hidden');
	} else {
		$('#taxon-input-groupe').addClass('hidden');
	}
}
 
function configurerDatePicker(selector) {
	$.datepicker.setDefaults($.datepicker.regional['fr']);
	$(selector).datepicker({
		dateFormat: 'dd/mm/yy',
		showOn: 'button',
		buttonImageOnly: true,
		buttonImage: CALENDRIER_ICONE_URL,
		buttonText: 'Afficher le calendrier pour saisir la date.',
		showButtonPanel: true,
		onSelect: function(date) {
			$(this).valid();
		}
	});
	$(selector + ' + img.ui-datepicker-trigger').appendTo(selector + '-icone.add-on');
}
 
function 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')) {
		$('.has-tooltip').tooltip('enable');
		$(this).removeClass('btn-warning').addClass('btn-success');
		$('#btn-aide-txt', this).text("Désactiver l'aide");
	} else {
		$('.has-tooltip').tooltip('disable');
		$(this).removeClass('btn-success').addClass('btn-warning');
		$('#btn-aide-txt', this).text("Activer l'aide");
	}
}
 
function basculerAffichageCoord() {
	$('.afficher-coord-action').toggle();
	$('#coordonnees-geo').toggle('slow');
	//valeur false pour que le lien ne soit pas suivi
	return false;
}
 
 
//+----------------------------------------------------------------------------------------------------------+
// CRÉER OBS : Gestion des obs
 
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(),
		nomSpecial = $('#taxon-liste option:selected').hasClass('nom-special'),
		taxon = ($('#taxon-liste').val() == '?') ? $('#taxon').val() : $('#taxon-liste option:selected').data('nom-a-sauver'),
		referentiel = (numNomSel == undefined) ? '' : '['+NOM_SCI_PROJET+']',
		commune = $('#commune-nom').text(),
		codeInsee = $('#commune-code-insee').text(),
		lat = $('input[name="latitude"]').val(),
		lng = $('input[name="longitude"]').val(),
		date = $('#date').val(),
		site = $('#station').val(),
		revetement = $('#revetement-sol').val(),
		intensiteGestion = $('#intensite-gestion').val(),
		resistance = $('#resistance-traitement-phyto').val(),
		milieux = getMilieux(),
		notes = (nomSpecial ? taxons[numNomSel]['nom_fr'] + ".<br />" : '') + $('#notes').val();
	
	$('#liste-obs').prepend(
		'<div id="obs'+obsNbre+'" class="row-fluid obs obs'+obsNbre+'">'+
			'<div class="span12">'+
				'<div class="well">'+
					'<div class="obs-action pull-right has-tooltip" data-placement="bottom" '+
						'title="Supprimer cette observation de la liste à transmettre">'+
						'<button class="btn btn-danger supprimer-obs" value="'+obsNbre+'" title="'+obsNbre+'">'+
							'<i class="icon-trash icon-white"></i>'+
						'</button>'+
					'</div> '+		
					'<div class="row-fluid">'+	
						'<div class="span2 obs-miniatures">'+
							ajouterImgMiniatureAuTransfert()+
						'</div>'+
						'<div class="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>Revêtement au sol :</span> ' + revetement + ' ' + ' ; ' +
									'<span>Intensité de gestion :</span> ' + intensiteGestion + ' ' + ' ; ' +
									'<span>Milieu :</span> ' + milieux + ' ' + ' ; ' +
									'<span>Résistance/Résilience :</span> ' + resistance + ' ' +
								'</li>' +
								'<li>' +
									'Commentaires : ' + notes + 
								'</li>'+
							'</ul>'+
						'</div>'+
					'</div>'+
				'</div>'+
			'</div>'+
		'</div>');
}
 
function getMilieux() {
	var milieuxStr = '',
		milieux = [];
	$('.cb-milieux:checked').each(function() {
		milieux.push($(this).val());
	});
	
	milieuxStr = Array.prototype.slice.call(milieux).join(', ');
	return milieuxStr;
}
 
function ajouterImgMiniatureAuTransfert() {
	var html = '',
		miniatures = '',
		indicateurs = '',
		premiere = true,
		numero = 1;
	if ($('#miniatures img').length == 0) {
		html = '<img class="miniature" alt="Aucune photo"src="'+PAS_DE_PHOTO_ICONE_URL+'" />';
	} else if ($('#miniatures img').length >= 1) {
		$('#miniatures img').each(function() {
			var visible = premiere ? 'miniature-selectionnee' : 'miniature-cachee',
				css = $(this).hasClass('b64') ? 'miniature b64' : 'miniature',
				src = $(this).attr('src'),
				alt = $(this).attr('alt');
			
			var miniature = '<img class="'+css+' '+visible+'"  alt="'+alt+'"src="'+src+'" />';
			miniatures += miniature;
			
			var indicateurActif = premiere ? 'active' : '';
			var indicateur = '<li class="' + indicateurActif + '" data-numero="' + numero++ + '"></li>';
			indicateurs += indicateur;
		
			premiere = false;
		});
		
		if ($('#miniatures img').length == 1) {
			html = miniatures;
		} else {
			html = 
				'<div class="defilement">' +
					miniatures +
					'<a class="defilement-control-zone gauche">' +
					'	<span class="defilement-control gauche hidden">&#60;</span>' +
					'</a>' +
					'<a class="defilement-control-zone droite">' +
					'	<span class="defilement-control droite hidden">&#62;</span>' +
					'</a>' +
					'<ol class="defilement-indicateurs">' + indicateurs + '</ol>' +
				'</div>';
		}
	}
	return html;
}
 
function defilerMiniatures(element) {
	var miniatureSelectionne = element.siblings('img.miniature-selectionnee');
	miniatureSelectionne.removeClass('miniature-selectionnee').addClass('miniature-cachee');
	var miniatureAffichee = miniatureSelectionne;
	
	var indicateurActif = element.parent().find('.defilement-indicateurs .active');
	indicateurActif.removeClass('active');
	
	if (element.hasClass('defilement-control-zone') && element.hasClass('gauche')) {
		if (miniatureSelectionne.prev('.miniature').length != 0) {
			miniatureAffichee = miniatureSelectionne.prev('.miniature');
			indicateurActif.prev().addClass('active');
		} else {
			miniatureAffichee = miniatureSelectionne.siblings('.miniature').last();
			indicateurActif.siblings().last().addClass('active');
		}
	} else {
		if (miniatureSelectionne.next('.miniature').length != 0) {
			miniatureAffichee = miniatureSelectionne.next('.miniature');
			indicateurActif.next().addClass('active');
		} else {
			miniatureAffichee = miniatureSelectionne.siblings('.miniature').first();
			indicateurActif.siblings().first().addClass('active');
		}
	}
	miniatureAffichee.addClass('miniature-selectionnee').removeClass('miniature-cachee');
}
 
function formaterNumNomSel(numNomSel) {
	var nn = '';
	if (numNomSel == undefined) {
		nn = '<span class="alert-error">[non lié au référentiel]</span>';
	} else {
		nn = '<span class="nn">[nn'+numNomSel+']</span>';
	}
	return nn;
}
 
function surChangementReferentiel() {
	NOM_SCI_PROJET = $('#referentiel').val();
	NOM_SCI_REFERENTIEL = NOM_SCI_PROJET+':'+PROJETS_VERSIONS[NOM_SCI_PROJET];
	$('#taxon').val('');
}
 
function surChangementNbreObs() {
	if (obsNbre == 0) {
		$('#transmettre-obs').attr('disabled', 'disabled');
		$('#ajouter-obs').removeAttr('disabled');
		$('#zone-liste-obs').addClass('hidden');
	} else {
		$('#zone-liste-obs').removeClass('hidden');
		
		if (obsNbre > 0 && obsNbre < OBS_MAX_NBRE) {
			$('#transmettre-obs').removeAttr('disabled');
			$('#ajouter-obs').removeAttr('disabled');
		} else if (obsNbre >= OBS_MAX_NBRE) {
			$('#ajouter-obs').attr('disabled', 'disabled');
			afficherPanneau('#dialogue-bloquer-creer-obs');
		}
	}
}
 
function supprimerObs() {
	var obsId = $(this).val();
	// Problème avec IE 6 et 7
	if (obsId == 'Supprimer') {
		obsId = $(this).attr('title');
	}
	obsNbre = obsNbre - 1;
	$('.obs-nbre').text(obsNbre);
	$('.obs-nbre').triggerHandler('changement');
	
	$('.obs'+obsId).remove();
	$('#liste-obs').removeData('obsId' + obsId);
}
 
function initialiserObs() {
	obsNbre = 0;
	$('.obs-nbre').text(obsNbre);
	$('.obs-nbre').triggerHandler('changement');
	$('#liste-obs').removeData();
	$('.obs').remove();
	$('#dialogue-bloquer-creer-obs').hide();
}
 
function 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;
		nomSpecial = $('#taxon-liste option:selected').hasClass('nom-special'),
		numNomSel = nomHorsListe ? $('#taxon').data('numNomSel') : $('#taxon-liste').val(),
		nomSel = nomHorsListe ? $('#taxon').val() : $('#taxon-liste option:selected').data('nom-a-sauver'),
		nomRet = nomHorsListe ? $('#taxon').data('nomRet') : taxons[numNomSel]['nom_ret'],
		numNomRet = nomHorsListe ? $('#taxon').data('numNomRet') : taxons[numNomSel]['num_nom_ret'],
		numTaxon = nomHorsListe ? $('#taxon').data('nt') : taxons[numNomSel]['num_taxon'],
		famille = nomHorsListe ? $('#taxon').data('famille') : taxons[numNomSel]['famille'],
		referentiel = (numNomSel == undefined) ? '' : NOM_SCI_REFERENTIEL,
		notes = (nomSpecial ? taxons[numNomSel]['nom_fr'] + '. ' : '') + $('#notes').val();
	
	$('#liste-obs').data('obsId'+obsNbre, {
		'date': $('#date').val(), 
		'notes': notes,
		
		'station': $('#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 = '',
		debugNonJson = '';
	$.ajax({
		url: SERVICE_SAISIE_URL,
		type: 'POST',
		data: observations,
		dataType: 'json',
		beforeSend: function() {
			$('#dialogue-obs-transaction-ko').hide();
			$('#dialogue-obs-transaction-ok').hide();
			$('.alert-txt .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'est pas en JSON.";
				debugNonJson = jqXHR.responseText;
			}
		},
		complete: function(jqXHR, textStatus) {
			$('#chargement').hide();
			var debugMsg = extraireEnteteDebug(jqXHR);
			
			if (erreurMsg != '') {
				if (DEBUG) {
					$('#dialogue-obs-transaction-ko .alert-txt').append('<pre class="msg-erreur">' + erreurMsg + '</pre>');
					$('#dialogue-obs-transaction-ko .alert-txt').append('<pre class="msg-debug">Débogage : ' + debugNonJson + debugMsg + '</pre>');
				}
				var hrefCourriel = 'mailto:cel_remarques@tela-botanica.org?' + 
					'subject=Disfonctionnement du widget de saisie ' + TAG_PROJET + 
					'&body=' + erreurMsg + "\nDébogage :\n" + debugMsg + debugNonJson;
				
				$('#dialogue-obs-transaction-ko .alert-txt').append($('#tpl-transmission-ko').clone()
					.find('.courriel-erreur')
					.attr('href', hrefCourriel)
					.end()
					.html());
				$('#dialogue-obs-transaction-ko').show();
			} else {
				if (DEBUG) {
					$('#dialogue-obs-transaction-ok .alert-txt').append('<pre class="msg-debug">Débogage : ' + debugMsg + debugNonJson + '</pre>');
				}
				$('#dialogue-obs-transaction-ok').show();
			}
			initialiserObs();
		}
	});
}

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

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/saisie/squelettes/florileges/js/florileges.js – Rev 1946 → 1953