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

 	var urlAnnuaire = SERVICE_ANNUAIRE_ID_URL + courriel;
 	$.ajax({
 		url: urlAnnuaire,
 		type: 'GET',
 		success: function(data, textStatus, jqXHR) {
-			console.log('SUCCESS:'+textStatus);
 			if (data != undefined && data[courriel] != undefined) {
 				var infos = data[courriel];
 				$('#id_utilisateur').val(infos.id);
 				$('#prenom').val(infos.prenom);
 				$('#nom').val(infos.nom);
 			} else {
 				surErreurCompletionCourriel();
+			}
 		},
 		error: function(jqXHR, textStatus, errorThrown) {
-			console.log('ERREUR :'+textStatus);
 			surErreurCompletionCourriel();
 		},
 		complete: function(jqXHR, textStatus) {
-			console.log('COMPLETE :'+textStatus);
 			$('#zone-prenom-nom').removeClass('hidden');
 			$('#zone-courriel-confirmation').removeClass('hidden');
+		}
 	});
+}
 //+----------------------------------------------------------------------------------------------------------+
 // GOOGLE MAP
+var map,
+	geocoder,
+	markerDeb,
-var map,
+	latLngDeb,
-	marker,
+	markerFin,
+	latLngFin,
-	latLng,
+	ligneRue,
-	geocoder;
+	premierDeplacement = true;
 $(document).ready(function() {
-$(document).ready(function() {
+	initialiserGoogleMap();
-	initialiserGoogleMap();
+	afficherEtapeGeolocalisation(1);
 		},
 		// Cette partie est executee a la selection d'une adresse
 		select: function(event, ui) {
 			var latLng = new google.maps.LatLng(ui.item.latitude, ui.item.longitude);
 			deplacerMarker(latLng);
+			map.setZoom(16);
+		}
 	});
 	$('#geolocaliser').on('click', geolocaliser);
-	//google.maps.event.addListener(marker, 'dragend', surDeplacementMarker);
+	google.maps.event.addListener(markerDeb, 'dragend', surDeplacementMarkerDeb);
-	//google.maps.event.addListener(map, 'click', surClickDansCarte);
-});
+	google.maps.event.addListener(map, 'click', surClickDansCarte);
-function initialiserGoogleMap(){
+});
-	// Carte
-	var latLng = new google.maps.LatLng(46.30871, 2.54395),// Centre de la France
+function initialiserGoogleMap(){
-		zoomDefaut = 5;
+	latLngDeb = new google.maps.LatLng(46.30871, 2.54395);// Centre de la France
-		options = {
+	var options = {
-			zoom: zoomDefaut,
+			zoom: 5,
-			center: latLng,
+			center: latLngDeb,
 			mapTypeId: google.maps.MapTypeId.HYBRID,
 	map.mapTypes.set('OSM', osmMapType);
 	// Création du Geocoder
 	geocoder = new google.maps.Geocoder();
-	// Marqueur google draggable
+	// Marqueur de début de Rue
-	marker = new google.maps.Marker({
+	markerDeb = new google.maps.Marker({
 		map: map,
 		draggable: true,
-		title: 'Ma station',
+		title: 'Début de la portion de rue étudiée',
-		icon: GOOGLE_MAP_MARQUEUR_URL,
+		icon: GOOGLE_MAP_MARQUEUR_DEBUT_URL,
-		position: latLng
-	});
+		position: latLngDeb
 	});
-	initialiserMarker(latLng);
+	initialiserMarkerDeb(latLngDeb);
-	// Tentative de geocalisation
-	if (navigator.geolocation) {
-		navigator.geolocation.getCurrentPosition(function(position) {
-			var latitude = position.coords.latitude,
-				longitude = position.coords.longitude;
-			latLng = new google.maps.LatLng(latitude, longitude);
 			deplacerMarker(latLng);
-		});
+	// Tentative de geocalisation
+	tenterGeolocalisation();
-	}
+}
+function afficherErreurGoogleMap(status) {
+	if (DEBUG) {
-}
+		$('#dialogue-google-map .contenu').empty().append(
+			'<pre class="msg-erreur">'+
-function surDeplacementMarker() {
-	trouverCommune(marker.getPosition());
-	mettreAJourMarkerPosition(marker.getPosition());
 			"Le service de Géocodage de Google Map a échoué à cause de l'erreur : "+status+
 			'</pre>');
-function surClickDansCarte(event) {
+		afficherPanneau('#dialogue-google-map');
 	deplacerMarker(event.latLng);
+}
+function geolocaliser(event) {
+	var latitude = $('#latitude').val(),
-function geolocaliser(event) {
+		longitude = $('#longitude').val();
-	var latitude = $('#latitude').val(),
+	latLng = new google.maps.LatLng(latitude, longitude);
+	deplacerMarker(latLng);
+	afficherEtapeGeolocalisation(2);
+	map.setZoom(16);
+	arreter(event);
+}
+function surDeplacementMarkerDeb() {
+	trouverCommune(markerDeb.getPosition());
+	mettreAJourMarkerPosition(markerDeb.getPosition());
+	deplacerMarker(markerDeb.getPosition());
-		longitude = $('#longitude').val();
+}
-	latLng = new google.maps.LatLng(latitude, longitude);
-	deplacerMarker(latLng);
+function surClickDansCarte(event) {
-	arreter(event);
+	deplacerMarker(event.latLng);
+}
-function initialiserMarker(latLng) {
+function initialiserMarkerDeb(latLng) {
-	if (marker != undefined) {
+	if (markerDeb != undefined) {
+		markerDeb.setPosition(latLng);
+		map.setCenter(latLng);
+		mettreAJourMarkerPosition(latLng);
+		trouverCommune(latLng);
+	}
+}
+function tenterGeolocalisation() {
+	if (navigator.geolocation) {
+		navigator.geolocation.getCurrentPosition(function(position) {
+			var latitude = position.coords.latitude,
+				longitude = position.coords.longitude;
+			latLngDeb = new google.maps.LatLng(latitude, longitude);
+			latLngFin = latLngDeb;
+			// si l'utilisateur géolocalise sa ville alors le premier déplacement doit être réinitialisé
-		marker.setPosition(latLng);
+			premierDeplacement = true;
-		map.setCenter(latLng);
+			deplacerMarker(latLngDeb);
+			map.setZoom(16);
-		mettreAJourMarkerPosition(latLng);
+		});
-		trouverCommune(latLng);
+	}
+}
+function deplacerMarker(latLng) {
+	if (markerDeb != undefined) {
+		latLngDeb = latLng;
+		markerDeb.setPosition(latLngDeb);
+		map.setCenter(latLngDeb);
+		trouverCommune(latLngDeb);
+		if (!premierDeplacement) {
+			if (markerFin != undefined) {
+				markerFin.setMap(null);
+			}
+			latLngFin = new google.maps.LatLng(latLngDeb.lat(), latLngDeb.lng() + 0.0010);
+			markerFin = new google.maps.Marker({
+				map: map,
+				draggable: true,
+				title: 'Fin de la portion de rue étudiée',
+				icon: GOOGLE_MAP_MARQUEUR_FIN_URL,
+				position: latLngFin
+			});
+			google.maps.event.addListener(markerFin, 'dragend', function() {
+				dessinerLigneRue(markerDeb.getPosition(), markerFin.getPosition());
+				latLngDeb = markerDeb.getPosition();
+				latLngFin = markerFin.getPosition();
+				latLngCentre = new google.maps.LatLng((latLngFin.lat() + latLngDeb.lat())/2, (latLngFin.lng() + latLngDeb.lng())/2);
-	}
+				mettreAJourMarkerPosition(latLngCentre);
+				afficherEtapeGeolocalisation(4);
+			});
-}
+			dessinerLigneRue(latLngDeb, latLngFin);
+			latLngCentre = new google.maps.LatLng((latLngFin.lat() + latLngDeb.lat())/2, (latLngFin.lng() + latLngDeb.lng())/2);
+			mettreAJourMarkerPosition(latLngCentre);
+			afficherEtapeGeolocalisation(3);
+		} else {
+			mettreAJourMarkerPosition(latLngDeb);
+		}
 		premierDeplacement = false;
+	}
+}
+function dessinerLigneRue(pointDebut, pointFin) {
+	if (ligneRue != undefined) {
+		ligneRue.setMap(null);
+	}
+	ligneRue = new google.maps.Polyline({
+		path: [pointDebut, pointFin],
+		strokeColor: "#FF0000",
+		strokeOpacity: 1.0,
+		strokeWeight: 2
+	});
 function deplacerMarker(latLng) {
-	if (marker != undefined) {
+	ligneRue.setMap(map);
 		marker.setPosition(latLng);
 		map.setCenter(latLng);
 		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) {
-				console.log(data);
+			$.getJSON(url, function(data) {
 				var suggestions = traiterRetourNomsSci(data);
 				add(suggestions);
 			});
 		},
 })(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
-	$('body').on('click', '.effacer-miniature', function(event) {
+			};
+			$('#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;
 		supprimerMiniature($(this));
 	});
 	$('#photo-placeholder').click(function(event) {
 		$('#fichier').click();
-	});
-	$('#fichier').bind('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
-		};
-		$('#miniature').append(
-			'<img id="miniature-chargement" class="miniature" alt="chargement" src="'+CHARGEMENT_IMAGE_URL+'"/>');
-		$('#ajouter-obs').attr('disabled', 'disabled');
-		if (verifierFormat($('#fichier').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;
-	});
-	$('.effacer-miniature').on('click', function() {
+	$('body').on('click', '.effacer-miniature', function(event) {
+		supprimerMiniature($(this));
+	});
-		$(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);
+		//console.log('Débogage upload : ' + debogage);
+	}
 	var message = $('message', reponse).text();
 	if (message != '') {
 		$('#miniature-msg').append(message);
 	} else {
 		$('#miniatures').append(creerWidgetMiniature(reponse));
+	}
 	});
 	$('input#hauteur-plante').on('blur', function() {
 		// if there's a bad value
-		var valeur = $(this).val();
-		console.log(valeur);
+		var valeur = $(this).val();
 		if (! valeur.match(/^[0-9]+$/)) {
 			// replace it with nothing
 			var nouvelleValeur = valeur.replace(/[^0-9]/g, '');
 			$(this).val(nouvelleValeur);
 		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');
+}
 				'dateCel' : true},
 			dateDerniereIntervention: {
 				required: true}
 		},
 		errorPlacement: function(error, element) {
-	        if (element.attr('name') == 'date') {
+			if (element.attr('name') == 'date') {
-		        element.parent('.input-prepend').after(error);
+				element.parent('.input-prepend').after(error);
-	        } else {
+			} else {
-	        	error.insertAfter(element);
+				error.insertAfter(element);
-	        }
+			}
-	    }
+		}
 	});
 	$('#form-obs').validate({
 		rules: {
 			'taxon-liste': {
 				required: true},
 				digits: true},
 			resistanceTraitementPhyto: {
 				required: true}
 		},
 		errorPlacement: function(error, element) {
-	        if (element.attr('name') == 'milieux[]') {
+			if (element.attr('name') == 'milieux[]') {
-		        error.insertAfter('#milieux-controls');
+				error.insertAfter('#milieux-controls');
-	        } else {
+			} else {
-	        	error.insertAfter(element);
+				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,
-		obs = $('#form-obs').valid();
+		finRue = (latLngFin == undefined) ? false : true;
+	var ok = (observateur && station && obs && date && debRue && finRue) ? true : false;
+	//console.log(observateur+'-'+station+'-'+obs+'-'+date+'-'+debRue+'-'+finRue);
-	return (observateur == true && station == true && obs == true && date == true) ? true : false;
+	return ok;
+}
 		$('.obs-nbre').text(obsNbre);
 		$('.obs-nbre').triggerHandler('changement');
 		afficherObs();
 		stockerObsData();
 		supprimerMiniatures();
-		$('#taxon').val('').data('numNomSel', undefined).removeClass('ns-retenu');
 	} 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');
+			afficherPanneau('#dialogue-form-invalide');
+		}
+	}
+}
 function afficherObs() {
 	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');
-	console.log(indicateurActif)
+	var indicateurActif = element.parent().find('.defilement-indicateurs .active');
 	indicateurActif.removeClass('active');
 	if (element.hasClass('defilement-control-zone') && element.hasClass('gauche')) {
 		'image_nom': getNomsImgsOriginales(),
 		// Ajout des champs étendus de l'obs
 		'obs_etendue': getObsChpEtendus()
 	});
-	console.log($('#liste-obs').data('obsId'+obsNbre));
+	//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);
 		champs.push(perceptionTechnicien);
 	$('.obs-chp-etendu').each(function() {
 		var valeur = $(this).val(),
 			cle = $(this).attr('name'),
 //+----------------------------------------------------------------------------------------------------------+
 // TRANSFERER OBS : envoie des obs au CEL
 function transmettreObs() {
-	var observations = $('#liste-obs').data();
-	console.log(observations);
+	var observations = $('#liste-obs').data();
 	if (observations == undefined || jQuery.isEmptyObject(observations)) {
 		afficherPanneau('#dialogue-zero-obs');

Subversion Repositories eFlore/Applications.cel

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