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


// Héritage !!
function WidgetSaisieBellesdemarue() {
	this.markerDeb = undefined;
	this.latLngDeb = undefined;
	this.markerFin = undefined;
	this.latLngCentre = undefined;
	this.latLngFin = undefined;
	this.ligneRue = undefined;
	this.premierDeplacement = true;
	this.valeurChamp = "";
	this.avertissementDeuxPhotosAffiche = false;
	this.googleMapMarqueurDebutUrl = null;
	this.googleMapMarqueurFinUrl = null;
	this.ville = null;
	this.supprimerIconeUrl = null;
	this.serviceTraceRueUrl = null;
	this.taxons = {};
	this.listeRues = {};
	this.indexRueSelectionnee = 0;
	this.requeteRechercheRue = null;
	this.aucuneRueSelectionnee = "Aucune rue sélectionnée";
	this.nomDeRueInconnue = "Nom de rue inconnu";
	this.zoneGeo = null;
	this.groupeZonesGeo = null;
	this.serviceCoordSearchUrl = "";
}
WidgetSaisieBellesdemarue.prototype = new WidgetSaisie();
 
//surcharge
WidgetSaisieBellesdemarue.prototype.initialiserGoogleMap = function() {
	// centrage
	this.latLng = new google.maps.LatLng(50.8504500, 4.3487800);// Bruxelles par défaut
	
	var options = {
			zoom: 11, // avant : 16
			center: this.latLng,
			mapTypeId: google.maps.MapTypeId.HYBRID,
			mapTypeControlOptions: {
				mapTypeIds: ['OSM',
					google.maps.MapTypeId.ROADMAP,
					google.maps.MapTypeId.HYBRID,
					google.maps.MapTypeId.SATELLITE,
					google.maps.MapTypeId.TERRAIN]}
		};
 
	// Ajout de la couche OSM à la carte
	osmMapType = new google.maps.ImageMapType({
		getTileUrl: function(coord, zoom) {
			return 'http://tile.openstreetmap.org/' + zoom + '/' + coord.x + '/' + coord.y + '.png';
		},
		tileSize: new google.maps.Size(256, 256),
		isPng: true,
		alt: 'OpenStreetMap',
		name: 'OSM',
		maxZoom: 19
	});
 
	// Création de la carte Google
	this.map = new google.maps.Map(document.getElementById('map-canvas'), options); //affiche la google map dans la div map_canvas
	this.map.mapTypes.set('OSM', osmMapType);
	
	// Création du Geocoder
	this.geocoder = new google.maps.Geocoder();
 
	// Marqueur google draggable
	this.marker = new google.maps.Marker({
		map: this.map,
		draggable: true,
		title: 'Ma station',
		icon: this.googleMapMarqueurUrl,
		position: this.latLng
	});
 
	this.initialiserMarker(this.latLng);
 
	// intéraction carte
	$("#geolocaliser").on('click', this.geolocaliser.bind(this));
	google.maps.event.addListener(this.marker, 'dragend', this.surDeplacementMarker.bind(this));
	google.maps.event.addListener(this.map, 'click', this.surClickDansCarte.bind(this));
};
 
//surcharge
WidgetSaisieBellesdemarue.prototype.initForm = function() {
	// super() à la main - toute autre manière de faire est über-komplex
	WidgetSaisie.prototype.initForm.call(this);
 
	this.surChangementTaxonListe();
	$('#taxon-liste').on('change', this.surChangementTaxonListe);
	if (this.debug) {
		console.log('Selected taxon:'+$('#taxon-liste option:selected').val());
	}
	$('#taxon-liste').on('blur', this.surChangementValeurTaxon);
	$('#taxon').on('blur', this.surChangementValeurTaxon);
 
	this.surChangementMilieuListe();
	$('#milieu').on('change', this.surChangementMilieuListe);
};
 
//surcharge
WidgetSaisieBellesdemarue.prototype.initEvts = function() {
	var lthis = this;
	// super() à la main - toute autre manière de faire est über-komplex
	WidgetSaisie.prototype.initEvts.call(this);
 
	$('.dropdown-menu input, .dropdown-menu label').on('click', function(event) {
		event.stopPropagation();
	});
	$('#fichier').off(); // elever l'écouteur d'événements de base
	$('#fichier').on('click change', function(event) {
 
 
 
 
 
 
 
 
 
 
 
 
 
		if ($(this).val().length > 0) {
			arreter(event);
			var options = {
				success: lthis.afficherMiniature.bind(lthis), // 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="'+ this.chargementImageIconeUrl +'"/>');
			$('#ajouter-obs').attr('disabled', 'disabled');
			if (lthis.verifierFormat($(this).val())) {
				$('#form-upload').ajaxSubmit(options);
			} else {
				$('#form-upload')[0].reset();
				window.alert("Le format de fichier n'est pas supporté, les formats acceptés sont "+	$('#fichier').attr('accept'));
			}
			return false;
		}
	});
 
	$('.cb-milieux').on('click', function(event) {
		$(this).valid();
		event.stopPropagation();
	});
 
	// Défilement des photos
	$('body').on('click', '.defilement-control-zone', function(event) {
		lthis.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');
	});
 
	$('#photo-placeholder').click(function(event) {
		$('#fichier').click();
	});
	$('#geolocaliser').on('click', this.geolocaliser.bind(this));
 
};
 
/**
 * AUTO-COMPLÉTION Noms Scientifiques => OK
 * sélectionne un nom et puis qu'on le remplacer par un nom non valide
 * Garder la trace de la valeur permet de vider le nn lorsqu'on
 */
/*
WidgetSaisieBellesdemarue.prototype.ajouterAutocompletionNoms = function() {
	var lthis = this;
	$('#taxon').autocomplete({
		source: function(requete, add){
			// la variable de requête doit être vidée car sinon le parametre "term" est ajouté
 
			var url = lthis.getUrlAutocompletionNomsSci();
			$.getJSON(url, function(data) {
				var suggestions = lthis.traiterRetourNomsSci(data);
				add(suggestions);
			});
		},
		html: true
	});
 
	$('#taxon').bind('autocompleteselect', function(event, ui) {
		$('#taxon').data(ui.item);
		lthis.valeurChamp = $('#taxon').val();
		if (ui.item.retenu == true) {
			$('#taxon').addClass('ns-retenu');
		} else {
			$('#taxon').removeClass('ns-retenu');
		}
	});
	
	$('#taxon').bind('keypress', function() {
		if(lthis.valeurChamp != $('#taxon').val()) {
			$('#taxon').data('numNomSel', '');
		}
		lthis.valeurChamp = $('#taxon').val();
	});
};
 
*/
 
// surcharge
WidgetSaisieBellesdemarue.prototype.configurerFormValidator = function() {
	$.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', '');
				}
			}
		}
	});
};
 
// surcharge
WidgetSaisieBellesdemarue.prototype.definirReglesFormValidator = function() {
	$('#form-observateur').validate({
		rules: {
			courriel: {
				required: true,
				email: true},
			courriel_confirmation: {
				equalTo: '#courriel'},
			prenom: {
				required: true},
			nom: {
				required: true}
		}
	});
	$('#form-obs').validate({
		rules: {
			latitude : {
				required: true,
				range: [-90, 90]
			},
			longitude: {
				required: true,
				range: [-180, 180]
			},
			date: {
				required: true,
				'dateCel' : true
			},
			'taxon-liste': {
				required: true
			},
			milieu: {
				required: true,
				minlength: 1
			},
			certitude: {
				required: true
			}
		},
		errorPlacement: function(error, element) {
			if (element.attr('name') == 'date') {
				element.parent('.input-prepend').after(error);
 
 
			} else if (element.attr('name') == 'certitude') {
				error.insertAfter('#certitude-controls');
			} else if (element.attr('name') == 'longitude') { // on ignore "latitude" pour ne pas avoir de double erreur
				error.insertBefore('#info-commune');
			} else {
				error.insertAfter(element);
			}
		}
	});
};
 
WidgetSaisieBellesdemarue.prototype.validerFormulaire = function() {
	$observateur = $("#form-observateur").valid();
	$obs = $("#form-obs").valid();
	return ($observateur == true && $obs == true) ? true : false;
};
 
WidgetSaisieBellesdemarue.prototype.surChangementTaxonListe = function() {
	if ($('#taxon-liste').val() === '?') {
		$('#taxon-input-groupe').removeClass('hidden');
	} else {
		// $('#milieu-autre').val(''); paraît logique de faire ça mais méfiance
		$('#taxon-input-groupe').addClass('hidden');
	}
};
 
WidgetSaisieBellesdemarue.prototype.surChangementMilieuListe = function() {
	if ($('#milieu').val() === 'autres') {
		$('#milieu-autre-input-group').removeClass('hidden');
	} else {
		$('#milieu-autre').val('');
		$('#milieu-autre-input-group').addClass('hidden');
	}
};
 
// trouve la commune (zone géo de niveau 8) sous le pointeur, en mode mondial
// et pas seulement français (service zoneAdmin et non nomCommune)
WidgetSaisieBellesdemarue.prototype.trouverCommune = function(pos) {
	if (this.latLng == null) { // tentative de protection contre le démon de Prémilhat
		return;
	}
	var lthis = this;
	$(function() {
 
		var url_service = lthis.serviceNomCommuneUrl;
 
		var 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();
 
				// en Belgique et en France, en général 8 = patelin @TODO bancal
				if ("8" in data) {
					$("#commune-nom").append(data["8"].intitule);
					$("#marqueur-commune").data('commune', {'nom' : data["8"].nom, 'codeInsee' : null});
				}
			},
			statusCode : {
			    500 : function(jqXHR, textStatus, errorThrown) {
					if (this.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 (this.debug) {
					$("#dialogue-erreur .alert-txt").append('<p class="msg">Une erreur Ajax est survenue lors de la recherche de la commune.</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 (this.debug) {
						$("#dialogue-erreur .alert-txt").append('<pre class="msg-debug msg">Débogage : '+debugMsg+'</pre>');
					}
				}
				if ($("#dialogue-erreur .msg").length > 0) {
					$("#dialogue-erreur").show();
				}
			}
		});
	});
};
 
/*
WidgetSaisieBellesdemarue.prototype.surChangementValeurTaxon = function() {
	var nomHorsListe = $('#taxon-liste').val() == '?' ? true : false;
	var nomSpecial = $('#taxon-liste option:selected').hasClass('nom-special');
	var numNomSel = nomHorsListe ? $('#taxon').data('numNomSel') : $('#taxon-liste').val();
	
	// Un nom non valide entraine automatiquement une certitude "à déterminer"
	if(nomSpecial || !numNomSel) {
		$('#certitude-adeterminer').attr('checked', 'checked');
	} else {
		$('#certitude-adeterminer').removeAttr('checked');
	}
};
*/
 
// surcharge
WidgetSaisieBellesdemarue.prototype.ajouterObs = function() {
	// Fermeture automatique des dialogue de transmission de données
	// @WARNING TEST
	$('#dialogue-obs-transaction-ko').hide();
	$('#dialogue-obs-transaction-ok').hide();
 
	// obligation de fournir au moins une image
	var nbImages = $('#miniatures img').length;
	if (nbImages == 0) {
		$('#image-obligatoire').show();
	} else {
		$('#image-obligatoire').hide();
	}
 
	if (this.validerFormulaire() == true && nbImages == 0) {
		this.masquerPanneau('#dialogue-form-invalide');
		this.obsNbre = this.obsNbre + 1;
		$(".obs-nbre").text(this.obsNbre);
		$(".obs-nbre").triggerHandler('changement');
		this.afficherObs();
		this.stockerObsData();
		this.supprimerMiniatures();
 
 
 
 
		if(! this.especeImposee) {
			$("#taxon").val("");
 
			$("#taxon").data("numNomSel",undefined);
		}
		$('#barre-progression-upload').attr('aria-valuemax', this.obsNbre);
		$('#barre-progression-upload .sr-only').text('0/'+this.obsNbre+" observations transmises");
	} else {
		this.afficherPanneau('#dialogue-form-invalide');
	}
};
 
/*
// surcharge
WidgetSaisieBellesdemarue.prototype.afficherObs = function() {
	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) ? '' : '['+ this.nomSciReferentiel +']',
		commune = $('#commune-nom').text(),
		codeInsee = $('#commune-code-insee').text(),
		station = this.getValeurStation(),
		lat = $('input[name="latitude"]').val(),
		lng = $('input[name="longitude"]').val(),
		date = $('#date').val(),
		milieux = this.getMilieux(),
		notes = (nomSpecial ? this.taxons[numNomSel]['nom_fr'] + ".<br />" : '') + $('#notes').val();
 
	$('#liste-obs').prepend(
		'<div id="obs'+this.obsNbre+'" class="row-fluid obs obs'+this.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="'+this.obsNbre+'" title="'+this.obsNbre+'">' +
							'<i class="icon-trash icon-white"></i>' +
						'</button>' +
					'</div> ' +
					'<div class="row-fluid">' +
						'<div class="span2 obs-miniatures">' +
						this.ajouterImgMiniatureAuTransfert() +
						'</div>'+
						'<div class="span7">' +
							'<ul class="unstyled">' +
								'<li>'+
									'<span class="nom-sci">' + taxon + '</span> ' +
									this.formaterNumNomSel(numNomSel) +
									' observé à <br />' +
									'<span class="commune">' + commune + '</span> ' +
									'(' + codeInsee + '), ' +
									'<span class="station">' + station + '</span><br /> ' +
									' le ' +
									'<span class="date">' + date + '</span>' +
								'</li>' +
								'<li>' +
									'Milieux : ' + milieux + ' ' + ' ; ' +
								'</li>' +
								'<li>' +
									'Notes : ' + notes +
								'</li>' +
							'</ul>' +
						'</div>' +
					'</div>' +
				'</div>' +
			'</div>'+
		'</div>');
	$('#zone-liste-obs').removeClass("hidden");
};
 
WidgetSaisieBellesdemarue.prototype.getValeurStation = function() { 
	var station = "";
	var valeurSelectionnee = $("#indication-nom-rue-nom").text().trim();
	if(valeurSelectionnee == this.aucuneRueSelectionnee || valeurSelectionnee == this.nomDeRueInconnue) {
		station = $('input[name="adresse"]').val().trim()
	} else {
		station = $("#indication-nom-rue-nom").text().trim();
	}
	
	return station;
}
 
WidgetSaisieBellesdemarue.prototype.ajouterImgMiniatureAuTransfert = function() {
	var html = '',
		miniatures = '',
		indicateurs = '',
		premiere = true,
		numero = 1;
	if ($('#miniatures img').length == 0) {
		html = '<img class="miniature" alt="Aucune photo"src="'+ this.pasDePhotoIconeUrl +'" />';
	} 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;
};
 
WidgetSaisieBellesdemarue.prototype.defilerMiniatures = function(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');
};
 
WidgetSaisieBellesdemarue.prototype.formaterNumNomSel = function(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;
};
 
// surcharge
WidgetSaisieBellesdemarue.prototype.surChangementReferentiel = function() {
	this.nomSciReferentiel = $('#referentiel').val();
	$('#taxon').val('');
};
 
// surcharge
WidgetSaisieBellesdemarue.prototype.stockerObsData = function() {
	var lthis = this;
	var nomHorsListe = $('#taxon-liste').val() == '?' ? true : false;
		nomSpecial = $('#taxon-liste option:selected').hasClass('nom-special'),
		numNomSel = nomHorsListe ? $('#taxon').data('numNomSel') : $('#taxon-liste').val();
	var nomSel = nomHorsListe ? $('#taxon').val() : $('#taxon-liste option:selected').data('nom-a-sauver'),
		nomRet = nomHorsListe ? $('#taxon').data('nomRet') : this.taxons[numNomSel]['nom_ret'],
		numNomRet = nomHorsListe ? $('#taxon').data('numNomRet') : this.taxons[numNomSel]['num_nom_ret'],
		numTaxon = nomHorsListe ? $('#taxon').data('nt') : this.taxons[numNomSel]['num_taxon'],
		famille = nomHorsListe ? $('#taxon').data('famille') : this.taxons[numNomSel]['famille'],
		referentiel = (numNomSel == undefined) ? '' : this.nomSciReferentiel,
		notes = (nomSpecial ? this.taxons[numNomSel]['nom_fr'] + '. ' : '') + $('#notes').val();
		
		certitude = $('input[name=certitude]:checked').val();
		certitude = (certitude == undefined) ? '' : certitude;
 
	$('#liste-obs').data('obsId'+this.obsNbre, {
		'date': $('#date').val(),
		'notes': notes,
 
		'station': this.getValeurStation(),
		'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,
		'certitude': certitude,
		'milieu': lthis.getMilieux(),
 
		// Ajout des champs images
		'image_nom': lthis.getNomsImgsOriginales(),
 
		// Ajout des champs étendus de l'obs
		'obs_etendue': lthis.getObsChpEtendus()
	});
	if (this.debug) {
		console.log($('#liste-obs').data('obsId'+this.obsNbre));
	}
};
 
WidgetSaisieBellesdemarue.prototype.getObsChpEtendus = function() {
	var champs = [];
	if (this.latLngDeb != undefined) {
		var latitudeDebutRue = {cle: 'latitudeDebutRue', label: 'Latitude du début de la rue', valeur: this.latLngDeb.lat().toFixed(5)};
		champs.push(latitudeDebutRue);
		var longitudeDebutRue = {cle: 'longitudeDebutRue', label: 'Longitude du début de la rue', valeur: this.latLngDeb.lng().toFixed(5)};
		champs.push(longitudeDebutRue);
	}
	if (this.latLngFin != undefined) {
		var latitudeFinRue = {cle: 'latitudeFinRue', label: 'Latitude de fin de la rue', valeur: this.latLngFin.lat().toFixed(5)};
		champs.push(latitudeFinRue);
		var longitudeFinRue = {cle: 'longitudeFinRue', label: 'Longitude de fin de la rue', valeur: this.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;
};
*/

Rev 3046	Rev 3047
1	`// Héritage !!`	1	`// Héritage !!`
2	`function WidgetSaisieBellesdemarue() {`	2	`function WidgetSaisieBellesdemarue() {`
3	`this.markerDeb = undefined;`	3	`this.markerDeb = undefined;`
4	`this.latLngDeb = undefined;`	4	`this.latLngDeb = undefined;`
5	`this.markerFin = undefined;`	5	`this.markerFin = undefined;`
6	`this.latLngCentre = undefined;`	6	`this.latLngCentre = undefined;`
7	`this.latLngFin = undefined;`	7	`this.latLngFin = undefined;`
8	`this.ligneRue = undefined;`	8	`this.ligneRue = undefined;`
9	`this.premierDeplacement = true;`	9	`this.premierDeplacement = true;`
10	`this.valeurChamp = "";`	10	`this.valeurChamp = "";`
11	`this.avertissementDeuxPhotosAffiche = false;`	11	`this.avertissementDeuxPhotosAffiche = false;`
12	`this.googleMapMarqueurDebutUrl = null;`	12	`this.googleMapMarqueurDebutUrl = null;`
13	`this.googleMapMarqueurFinUrl = null;`	13	`this.googleMapMarqueurFinUrl = null;`
14	`this.ville = null;`	14	`this.ville = null;`
15	`this.supprimerIconeUrl = null;`	15	`this.supprimerIconeUrl = null;`
16	`this.serviceTraceRueUrl = null;`	16	`this.serviceTraceRueUrl = null;`
17	`this.taxons = {};`	17	`this.taxons = {};`
18	`this.listeRues = {};`	18	`this.listeRues = {};`
19	`this.indexRueSelectionnee = 0;`	19	`this.indexRueSelectionnee = 0;`
20	`this.requeteRechercheRue = null;`	20	`this.requeteRechercheRue = null;`
21	`this.aucuneRueSelectionnee = "Aucune rue sélectionnée";`	21	`this.aucuneRueSelectionnee = "Aucune rue sélectionnée";`
22	`this.nomDeRueInconnue = "Nom de rue inconnu";`	22	`this.nomDeRueInconnue = "Nom de rue inconnu";`
23	`this.zoneGeo = null;`	23	`this.zoneGeo = null;`
24	`this.groupeZonesGeo = null;`	24	`this.groupeZonesGeo = null;`
25	`this.serviceCoordSearchUrl = "";`	25	`this.serviceCoordSearchUrl = "";`
26	`}`	26	`}`
27	`WidgetSaisieBellesdemarue.prototype = new WidgetSaisie();`	27	`WidgetSaisieBellesdemarue.prototype = new WidgetSaisie();`
28		28
29	`//surcharge`	29	`//surcharge`
30	`WidgetSaisieBellesdemarue.prototype.initialiserGoogleMap = function() {`	30	`WidgetSaisieBellesdemarue.prototype.initialiserGoogleMap = function() {`
31	`// centrage`	31	`// centrage`
32	`this.latLng = new google.maps.LatLng(50.8504500, 4.3487800);// Bruxelles par défaut`	32	`this.latLng = new google.maps.LatLng(50.8504500, 4.3487800);// Bruxelles par défaut`
33		33
34	`var options = {`	34	`var options = {`
35	`zoom: 11, // avant : 16`	35	`zoom: 11, // avant : 16`
36	`center: this.latLng,`	36	`center: this.latLng,`
37	`mapTypeId: google.maps.MapTypeId.HYBRID,`	37	`mapTypeId: google.maps.MapTypeId.HYBRID,`
38	`mapTypeControlOptions: {`	38	`mapTypeControlOptions: {`
39	`mapTypeIds: ['OSM',`	39	`mapTypeIds: ['OSM',`
40	`google.maps.MapTypeId.ROADMAP,`	40	`google.maps.MapTypeId.ROADMAP,`
41	`google.maps.MapTypeId.HYBRID,`	41	`google.maps.MapTypeId.HYBRID,`
42	`google.maps.MapTypeId.SATELLITE,`	42	`google.maps.MapTypeId.SATELLITE,`
43	`google.maps.MapTypeId.TERRAIN]}`	43	`google.maps.MapTypeId.TERRAIN]}`
44	`};`	44	`};`
45		45
46	`// Ajout de la couche OSM à la carte`	46	`// Ajout de la couche OSM à la carte`
47	`osmMapType = new google.maps.ImageMapType({`	47	`osmMapType = new google.maps.ImageMapType({`
48	`getTileUrl: function(coord, zoom) {`	48	`getTileUrl: function(coord, zoom) {`
49	`return 'http://tile.openstreetmap.org/' + zoom + '/' + coord.x + '/' + coord.y + '.png';`	49	`return 'http://tile.openstreetmap.org/' + zoom + '/' + coord.x + '/' + coord.y + '.png';`
50	`},`	50	`},`
51	`tileSize: new google.maps.Size(256, 256),`	51	`tileSize: new google.maps.Size(256, 256),`
52	`isPng: true,`	52	`isPng: true,`
53	`alt: 'OpenStreetMap',`	53	`alt: 'OpenStreetMap',`
54	`name: 'OSM',`	54	`name: 'OSM',`
55	`maxZoom: 19`	55	`maxZoom: 19`
56	`});`	56	`});`
57		57
58	`// Création de la carte Google`	58	`// Création de la carte Google`
59	`this.map = new google.maps.Map(document.getElementById('map-canvas'), options); //affiche la google map dans la div map_canvas`	59	`this.map = new google.maps.Map(document.getElementById('map-canvas'), options); //affiche la google map dans la div map_canvas`
60	`this.map.mapTypes.set('OSM', osmMapType);`	60	`this.map.mapTypes.set('OSM', osmMapType);`
61		61
62	`// Création du Geocoder`	62	`// Création du Geocoder`
63	`this.geocoder = new google.maps.Geocoder();`	63	`this.geocoder = new google.maps.Geocoder();`
64		64
65	`// Marqueur google draggable`	65	`// Marqueur google draggable`
66	`this.marker = new google.maps.Marker({`	66	`this.marker = new google.maps.Marker({`
67	`map: this.map,`	67	`map: this.map,`
68	`draggable: true,`	68	`draggable: true,`
69	`title: 'Ma station',`	69	`title: 'Ma station',`
70	`icon: this.googleMapMarqueurUrl,`	70	`icon: this.googleMapMarqueurUrl,`
71	`position: this.latLng`	71	`position: this.latLng`
72	`});`	72	`});`
73		73
74	`this.initialiserMarker(this.latLng);`	74	`this.initialiserMarker(this.latLng);`
75		75
76	`// intéraction carte`	76	`// intéraction carte`
77	`$("#geolocaliser").on('click', this.geolocaliser.bind(this));`	77	`$("#geolocaliser").on('click', this.geolocaliser.bind(this));`
78	`google.maps.event.addListener(this.marker, 'dragend', this.surDeplacementMarker.bind(this));`	78	`google.maps.event.addListener(this.marker, 'dragend', this.surDeplacementMarker.bind(this));`
79	`google.maps.event.addListener(this.map, 'click', this.surClickDansCarte.bind(this));`	79	`google.maps.event.addListener(this.map, 'click', this.surClickDansCarte.bind(this));`
80	`};`	80	`};`
81		81
82	`//surcharge`	82	`//surcharge`
83	`WidgetSaisieBellesdemarue.prototype.initForm = function() {`	83	`WidgetSaisieBellesdemarue.prototype.initForm = function() {`
84	`// super() à la main - toute autre manière de faire est über-komplex`	84	`// super() à la main - toute autre manière de faire est über-komplex`
85	`WidgetSaisie.prototype.initForm.call(this);`	85	`WidgetSaisie.prototype.initForm.call(this);`
86		86
87	`this.surChangementTaxonListe();`	87	`this.surChangementTaxonListe();`
88	`$('#taxon-liste').on('change', this.surChangementTaxonListe);`	88	`$('#taxon-liste').on('change', this.surChangementTaxonListe);`
89	`if (this.debug) {`	89	`if (this.debug) {`
90	`console.log('Selected taxon:'+$('#taxon-liste option:selected').val());`	90	`console.log('Selected taxon:'+$('#taxon-liste option:selected').val());`
91	`}`	91	`}`
92	`$('#taxon-liste').on('blur', this.surChangementValeurTaxon);`	92	`$('#taxon-liste').on('blur', this.surChangementValeurTaxon);`
93	`$('#taxon').on('blur', this.surChangementValeurTaxon);`	93	`$('#taxon').on('blur', this.surChangementValeurTaxon);`
94		94
95	`this.surChangementMilieuListe();`	95	`this.surChangementMilieuListe();`
96	`$('#milieu').on('change', this.surChangementMilieuListe);`	96	`$('#milieu').on('change', this.surChangementMilieuListe);`
97	`};`	97	`};`
98		98
99	`//surcharge`	99	`//surcharge`
100	`WidgetSaisieBellesdemarue.prototype.initEvts = function() {`	100	`WidgetSaisieBellesdemarue.prototype.initEvts = function() {`
101	`var lthis = this;`	101	`var lthis = this;`
102	`// super() à la main - toute autre manière de faire est über-komplex`	102	`// super() à la main - toute autre manière de faire est über-komplex`
103	`WidgetSaisie.prototype.initEvts.call(this);`	103	`WidgetSaisie.prototype.initEvts.call(this);`
104		104
105	`$('.dropdown-menu input, .dropdown-menu label').on('click', function(event) {`	105	`$('.dropdown-menu input, .dropdown-menu label').on('click', function(event) {`
106	`event.stopPropagation();`	106	`event.stopPropagation();`
107	`});`	107	`});`
108	`$('#fichier').off(); // elever l'écouteur d'événements de base`	108	`$('#fichier').off(); // elever l'écouteur d'événements de base`
109	`$('#fichier').on('click change', function(event) {`	109	`$('#fichier').on('click change', function(event) {`
110		-
111	`if($("#photos-conteneur #miniatures .miniature").length == 1 && ! lthis.avertissementDeuxPhotosAffiche) {`	-
112	`messageAvertissement = "Attention: \n"+`	-
113	`"Sélectionnez uniquement les photos correspondantes à une seule plante \n"+`	-
114	`"(c'est à dire correspondant à un seul individu d'une espèce donnée) \n"+`	-
115	`"vue dans le tronçon de rue inventoriée ";`	-
116	`if(window.confirm(messageAvertissement)) {`	-
117	`lthis.avertissementDeuxPhotosAffiche = true;`	-
118	`return true;`	-
119	`} else {`	-
120	`return false;`	-
121	`}`	-
122	`}`	-
123	`if ($(this).val().length > 0) {`	110	`if ($(this).val().length > 0) {`
124	`arreter(event);`	111	`arreter(event);`
125	`var options = {`	112	`var options = {`
126	`success: lthis.afficherMiniature.bind(lthis), // post-submit callback`	113	`success: lthis.afficherMiniature.bind(lthis), // post-submit callback`
127	`dataType: 'xml', // 'xml', 'script', or 'json' (expected server response type)`	114	`dataType: 'xml', // 'xml', 'script', or 'json' (expected server response type)`
128	`resetForm: true // reset the form after successful submit`	115	`resetForm: true // reset the form after successful submit`
129	`};`	116	`};`
130	`$('#miniature').append(`	117	`$('#miniature').append(`
131	`'<img id="miniature-chargement" class="miniature" alt="chargement" src="'+ this.chargementImageIconeUrl +'"/>');`	118	`'<img id="miniature-chargement" class="miniature" alt="chargement" src="'+ this.chargementImageIconeUrl +'"/>');`
132	`$('#ajouter-obs').attr('disabled', 'disabled');`	119	`$('#ajouter-obs').attr('disabled', 'disabled');`
133	`if (lthis.verifierFormat($(this).val())) {`	120	`if (lthis.verifierFormat($(this).val())) {`
134	`$('#form-upload').ajaxSubmit(options);`	121	`$('#form-upload').ajaxSubmit(options);`
135	`} else {`	122	`} else {`
136	`$('#form-upload')[0].reset();`	123	`$('#form-upload')[0].reset();`
137	`window.alert("Le format de fichier n'est pas supporté, les formats acceptés sont "+ $('#fichier').attr('accept'));`	124	`window.alert("Le format de fichier n'est pas supporté, les formats acceptés sont "+ $('#fichier').attr('accept'));`
138	`}`	125	`}`
139	`return false;`	126	`return false;`
140	`}`	127	`}`
141	`});`	128	`});`
142		129
143	`$('.cb-milieux').on('click', function(event) {`	130	`$('.cb-milieux').on('click', function(event) {`
144	`$(this).valid();`	131	`$(this).valid();`
145	`event.stopPropagation();`	132	`event.stopPropagation();`
146	`});`	133	`});`
147		134
148	`// Défilement des photos`	135	`// Défilement des photos`
149	`$('body').on('click', '.defilement-control-zone', function(event) {`	136	`$('body').on('click', '.defilement-control-zone', function(event) {`
150	`lthis.defilerMiniatures($(this));`	137	`lthis.defilerMiniatures($(this));`
151	`});`	138	`});`
152	`$('body').on('mouseover', '.defilement-control-zone', function(event) {`	139	`$('body').on('mouseover', '.defilement-control-zone', function(event) {`
153	`$('.defilement-control', this).removeClass('hidden');`	140	`$('.defilement-control', this).removeClass('hidden');`
154	`});`	141	`});`
155	`$('body').on('mouseout', '.defilement-control-zone', function(event) {`	142	`$('body').on('mouseout', '.defilement-control-zone', function(event) {`
156	`$('.defilement-control', this).addClass('hidden');`	143	`$('.defilement-control', this).addClass('hidden');`
157	`});`	144	`});`
158		145
159	`$('#photo-placeholder').click(function(event) {`	146	`$('#photo-placeholder').click(function(event) {`
160	`$('#fichier').click();`	147	`$('#fichier').click();`
161	`});`	148	`});`
162	`$('#geolocaliser').on('click', this.geolocaliser.bind(this));`	149	`$('#geolocaliser').on('click', this.geolocaliser.bind(this));`
163		150
164	`};`	151	`};`
165		152
166	`/**`	153	`/**`
167	`* AUTO-COMPLÉTION Noms Scientifiques => OK`	154	`* AUTO-COMPLÉTION Noms Scientifiques => OK`
168	`* sélectionne un nom et puis qu'on le remplacer par un nom non valide`	155	`* sélectionne un nom et puis qu'on le remplacer par un nom non valide`
169	`* Garder la trace de la valeur permet de vider le nn lorsqu'on`	156	`* Garder la trace de la valeur permet de vider le nn lorsqu'on`
170	`*/`	157	`*/`
171	`/*`	158	`/*`
172	`WidgetSaisieBellesdemarue.prototype.ajouterAutocompletionNoms = function() {`	159	`WidgetSaisieBellesdemarue.prototype.ajouterAutocompletionNoms = function() {`
173	`var lthis = this;`	160	`var lthis = this;`
174	`$('#taxon').autocomplete({`	161	`$('#taxon').autocomplete({`
175	`source: function(requete, add){`	162	`source: function(requete, add){`
176	`// la variable de requête doit être vidée car sinon le parametre "term" est ajouté`	163	`// la variable de requête doit être vidée car sinon le parametre "term" est ajouté`
177		164
178	`var url = lthis.getUrlAutocompletionNomsSci();`	165	`var url = lthis.getUrlAutocompletionNomsSci();`
179	`$.getJSON(url, function(data) {`	166	`$.getJSON(url, function(data) {`
180	`var suggestions = lthis.traiterRetourNomsSci(data);`	167	`var suggestions = lthis.traiterRetourNomsSci(data);`
181	`add(suggestions);`	168	`add(suggestions);`
182	`});`	169	`});`
183	`},`	170	`},`
184	`html: true`	171	`html: true`
185	`});`	172	`});`
186		173
187	`$('#taxon').bind('autocompleteselect', function(event, ui) {`	174	`$('#taxon').bind('autocompleteselect', function(event, ui) {`
188	`$('#taxon').data(ui.item);`	175	`$('#taxon').data(ui.item);`
189	`lthis.valeurChamp = $('#taxon').val();`	176	`lthis.valeurChamp = $('#taxon').val();`
190	`if (ui.item.retenu == true) {`	177	`if (ui.item.retenu == true) {`
191	`$('#taxon').addClass('ns-retenu');`	178	`$('#taxon').addClass('ns-retenu');`
192	`} else {`	179	`} else {`
193	`$('#taxon').removeClass('ns-retenu');`	180	`$('#taxon').removeClass('ns-retenu');`
194	`}`	181	`}`
195	`});`	182	`});`
196		183
197	`$('#taxon').bind('keypress', function() {`	184	`$('#taxon').bind('keypress', function() {`
198	`if(lthis.valeurChamp != $('#taxon').val()) {`	185	`if(lthis.valeurChamp != $('#taxon').val()) {`
199	`$('#taxon').data('numNomSel', '');`	186	`$('#taxon').data('numNomSel', '');`
200	`}`	187	`}`
201	`lthis.valeurChamp = $('#taxon').val();`	188	`lthis.valeurChamp = $('#taxon').val();`
202	`});`	189	`});`
203	`};`	190	`};`
204		191
205	`*/`	192	`*/`
206		193
207	`// surcharge`	194	`// surcharge`
208	`WidgetSaisieBellesdemarue.prototype.configurerFormValidator = function() {`	195	`WidgetSaisieBellesdemarue.prototype.configurerFormValidator = function() {`
209	`$.validator.addMethod(`	196	`$.validator.addMethod(`
210	`'dateCel',`	197	`'dateCel',`
211	`function (value, element) {`	198	`function (value, element) {`
212	`return value == '' \|\| (/^[0-9]{2}[-\/][0-9]{2}[-\/][0-9]{4}$/.test(value));`	199	`return value == '' \|\| (/^[0-9]{2}[-\/][0-9]{2}[-\/][0-9]{4}$/.test(value));`
213	`},`	200	`},`
214	`'Format : jj/mm/aaaa. Date incomplète, utiliser 0, exemple : 00/12/2011.');`	201	`'Format : jj/mm/aaaa. Date incomplète, utiliser 0, exemple : 00/12/2011.');`
215		202
216	`$.extend($.validator.defaults, {`	203	`$.extend($.validator.defaults, {`
217	`ignore: [],// Forcer Jquery Validate à examiner les éléments avec en display:none;`	204	`ignore: [],// Forcer Jquery Validate à examiner les éléments avec en display:none;`
218	`highlight: function(element) {`	205	`highlight: function(element) {`
219	`$(element).closest('.control-group').removeClass('success').addClass('error');`	206	`$(element).closest('.control-group').removeClass('success').addClass('error');`
220	`},`	207	`},`
221	`success: function(element) {`	208	`success: function(element) {`
222	`element.text('OK!').addClass('valid');`	209	`element.text('OK!').addClass('valid');`
223	`element.closest('.control-group').removeClass('error').addClass('success');`	210	`element.closest('.control-group').removeClass('error').addClass('success');`
224		211
225	`if (element.attr('id') == 'taxon' && $('#taxon').val() != '') {`	212	`if (element.attr('id') == 'taxon' && $('#taxon').val() != '') {`
226	`// Si le taxon n'est pas lié au référentiel, on vide le data associé`	213	`// Si le taxon n'est pas lié au référentiel, on vide le data associé`
227	`if ($('#taxon').data('value') != $('#taxon').val()) {`	214	`if ($('#taxon').data('value') != $('#taxon').val()) {`
228	`$('#taxon').data('numNomSel', '');`	215	`$('#taxon').data('numNomSel', '');`
229	`$('#taxon').data('nomRet', '');`	216	`$('#taxon').data('nomRet', '');`
230	`$('#taxon').data('numNomRet', '');`	217	`$('#taxon').data('numNomRet', '');`
231	`$('#taxon').data('nt', '');`	218	`$('#taxon').data('nt', '');`
232	`$('#taxon').data('famille', '');`	219	`$('#taxon').data('famille', '');`
233	`}`	220	`}`
234	`}`	221	`}`
235	`}`	222	`}`
236	`});`	223	`});`
237	`};`	224	`};`
238		225
239	`// surcharge`	226	`// surcharge`
240	`WidgetSaisieBellesdemarue.prototype.definirReglesFormValidator = function() {`	227	`WidgetSaisieBellesdemarue.prototype.definirReglesFormValidator = function() {`
241	`$('#form-observateur').validate({`	228	`$('#form-observateur').validate({`
242	`rules: {`	229	`rules: {`
243	`courriel: {`	230	`courriel: {`
244	`required: true,`	231	`required: true,`
245	`email: true},`	232	`email: true},`
246	`courriel_confirmation: {`	233	`courriel_confirmation: {`
247	`equalTo: '#courriel'},`	234	`equalTo: '#courriel'},`
248	`prenom: {`	235	`prenom: {`
249	`required: true},`	236	`required: true},`
250	`nom: {`	237	`nom: {`
251	`required: true}`	238	`required: true}`
252	`}`	239	`}`
253	`});`	240	`});`
254	`$('#form-obs').validate({`	241	`$('#form-obs').validate({`
255	`rules: {`	242	`rules: {`
256	`latitude : {`	243	`latitude : {`
257	`required: true,`	244	`required: true,`
258	`range: [-90, 90]`	245	`range: [-90, 90]`
259	`},`	246	`},`
260	`longitude: {`	247	`longitude: {`
261	`required: true,`	248	`required: true,`
262	`range: [-180, 180]`	249	`range: [-180, 180]`
263	`},`	250	`},`
264	`date: {`	251	`date: {`
265	`required: true,`	252	`required: true,`
266	`'dateCel' : true`	253	`'dateCel' : true`
267	`},`	254	`},`
268	`'taxon-liste': {`	255	`'taxon-liste': {`
269	`required: true`	256	`required: true`
270	`},`	257	`},`
271	`milieu: {`	258	`milieu: {`
272	`required: true,`	259	`required: true,`
273	`minlength: 1`	260	`minlength: 1`
274	`},`	261	`},`
275	`certitude: {`	262	`certitude: {`
276	`required: true`	263	`required: true`
277	`}`	264	`}`
278	`},`	265	`},`
279	`errorPlacement: function(error, element) {`	266	`errorPlacement: function(error, element) {`
280	`if (element.attr('name') == 'date') {`	267	`if (element.attr('name') == 'date') {`
281	`element.parent('.input-prepend').after(error);`	268	`element.parent('.input-prepend').after(error);`
282	`/*} else if (element.attr('name') == 'milieux[]') {`	-
283	`error.insertAfter('#milieux-controls');*/`	-
284	`} else if (element.attr('name') == 'certitude') {`	269	`} else if (element.attr('name') == 'certitude') {`
285	`error.insertAfter('#certitude-controls');`	270	`error.insertAfter('#certitude-controls');`
-		271	`} else if (element.attr('name') == 'longitude') { // on ignore "latitude" pour ne pas avoir de double erreur`
-		272	`error.insertBefore('#info-commune');`
286	`} else {`	273	`} else {`
287	`error.insertAfter(element);`	274	`error.insertAfter(element);`
288	`}`	275	`}`
289	`}`	276	`}`
290	`});`	277	`});`
291	`};`	278	`};`
292		279
293	`WidgetSaisieBellesdemarue.prototype.validerFormulaire = function() {`	280	`WidgetSaisieBellesdemarue.prototype.validerFormulaire = function() {`
294	`$observateur = $("#form-observateur").valid();`	281	`$observateur = $("#form-observateur").valid();`
295	`$obs = $("#form-obs").valid();`	282	`$obs = $("#form-obs").valid();`
296	`return ($observateur == true && $obs == true) ? true : false;`	283	`return ($observateur == true && $obs == true) ? true : false;`
297	`};`	284	`};`
298		285
299	`WidgetSaisieBellesdemarue.prototype.surChangementTaxonListe = function() {`	286	`WidgetSaisieBellesdemarue.prototype.surChangementTaxonListe = function() {`
300	`if ($('#taxon-liste').val() === '?') {`	287	`if ($('#taxon-liste').val() === '?') {`
301	`$('#taxon-input-groupe').removeClass('hidden');`	288	`$('#taxon-input-groupe').removeClass('hidden');`
302	`} else {`	289	`} else {`
303	`// $('#milieu-autre').val(''); paraît logique de faire ça mais méfiance`	290	`// $('#milieu-autre').val(''); paraît logique de faire ça mais méfiance`
304	`$('#taxon-input-groupe').addClass('hidden');`	291	`$('#taxon-input-groupe').addClass('hidden');`
305	`}`	292	`}`
306	`};`	293	`};`
307		294
308	`WidgetSaisieBellesdemarue.prototype.surChangementMilieuListe = function() {`	295	`WidgetSaisieBellesdemarue.prototype.surChangementMilieuListe = function() {`
309	`if ($('#milieu').val() === 'autres') {`	296	`if ($('#milieu').val() === 'autres') {`
310	`$('#milieu-autre-input-group').removeClass('hidden');`	297	`$('#milieu-autre-input-group').removeClass('hidden');`
311	`} else {`	298	`} else {`
312	`$('#milieu-autre').val('');`	299	`$('#milieu-autre').val('');`
313	`$('#milieu-autre-input-group').addClass('hidden');`	300	`$('#milieu-autre-input-group').addClass('hidden');`
314	`}`	301	`}`
315	`};`	302	`};`
-		303
-		304	`// trouve la commune (zone géo de niveau 8) sous le pointeur, en mode mondial`
316		305	`// et pas seulement français (service zoneAdmin et non nomCommune)`
317	`WidgetSaisieBellesdemarue.prototype.trouverCommune = function(pos) {`	306	`WidgetSaisieBellesdemarue.prototype.trouverCommune = function(pos) {`
318	`if (this.latLng == null) { // tentative de protection contre le démon de Prémilhat`	307	`if (this.latLng == null) { // tentative de protection contre le démon de Prémilhat`
319	`return;`	308	`return;`
320	`}`	309	`}`
321	`var lthis = this;`	310	`var lthis = this;`
322	`$(function() {`	311	`$(function() {`
323		312
324	`var url_service = lthis.serviceNomCommuneUrl;`	313	`var url_service = lthis.serviceNomCommuneUrl;`
325		314
326	`var urlNomCommuneFormatee = url_service.replace('{lat}', pos.lat()).replace('{lon}', pos.lng());`	315	`var urlNomCommuneFormatee = url_service.replace('{lat}', pos.lat()).replace('{lon}', pos.lng());`
327	`$.ajax({`	316	`$.ajax({`
328	`url : urlNomCommuneFormatee,`	317	`url : urlNomCommuneFormatee,`
329	`type : "GET",`	318	`type : "GET",`
330	`dataType : "jsonp",`	319	`dataType : "jsonp",`
331	`beforeSend : function() {`	320	`beforeSend : function() {`
332	`$(".commune-info").empty();`	321	`$(".commune-info").empty();`
333	`$("#dialogue-erreur .alert-txt").empty();`	322	`$("#dialogue-erreur .alert-txt").empty();`
334	`},`	323	`},`
335	`success : function(data, textStatus, jqXHR) {`	324	`success : function(data, textStatus, jqXHR) {`
336	`$(".commune-info").empty();`	325	`$(".commune-info").empty();`
337	`// mode mondial (service zoneAdmin et non nomCommune) :`	-
338	`// en Belgique et en France, en général 8 = patelin @TODO bancal`	326	`// en Belgique et en France, en général 8 = patelin @TODO bancal`
339	`if ("8" in data) {`	327	`if ("8" in data) {`
340	`$("#commune-nom").append(data["8"].intitule);`	328	`$("#commune-nom").append(data["8"].intitule);`
341	`$("#marqueur-commune").data('commune', {'nom' : data["8"].nom, 'codeInsee' : null});`	329	`$("#marqueur-commune").data('commune', {'nom' : data["8"].nom, 'codeInsee' : null});`
342	`}`	330	`}`
343	`},`	331	`},`
344	`statusCode : {`	332	`statusCode : {`
345	`500 : function(jqXHR, textStatus, errorThrown) {`	333	`500 : function(jqXHR, textStatus, errorThrown) {`
346	`if (this.debug) {`	334	`if (this.debug) {`
347	`$("#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>');`	335	`$("#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>');`
348	`reponse = jQuery.parseJSON(jqXHR.responseText);`	336	`reponse = jQuery.parseJSON(jqXHR.responseText);`
349	`var erreurMsg = "";`	337	`var erreurMsg = "";`
350	`if (reponse != null) {`	338	`if (reponse != null) {`
351	`$.each(reponse, function (cle, valeur) {`	339	`$.each(reponse, function (cle, valeur) {`
352	`erreurMsg += valeur + "<br />";`	340	`erreurMsg += valeur + "<br />";`
353	`});`	341	`});`
354	`}`	342	`}`
355		343
356	`$("#dialogue-erreur .alert-txt").append('<p class="msg-erreur">Erreur 500 : '+errorThrown+"<br />"+erreurMsg+'</p>');`	344	`$("#dialogue-erreur .alert-txt").append('<p class="msg-erreur">Erreur 500 : '+errorThrown+"<br />"+erreurMsg+'</p>');`
357	`}`	345	`}`
358	`}`	346	`}`
359	`},`	347	`},`
360	`error : function(jqXHR, textStatus, errorThrown) {`	348	`error : function(jqXHR, textStatus, errorThrown) {`
361	`if (this.debug) {`	349	`if (this.debug) {`
362	`$("#dialogue-erreur .alert-txt").append('<p class="msg">Une erreur Ajax est survenue lors de la recherche de la commune.</p>');`	350	`$("#dialogue-erreur .alert-txt").append('<p class="msg">Une erreur Ajax est survenue lors de la recherche de la commune.</p>');`
363	`reponse = jQuery.parseJSON(jqXHR.responseText);`	351	`reponse = jQuery.parseJSON(jqXHR.responseText);`
364	`var erreurMsg = "";`	352	`var erreurMsg = "";`
365	`if (reponse != null) {`	353	`if (reponse != null) {`
366	`$.each(reponse, function (cle, valeur) {`	354	`$.each(reponse, function (cle, valeur) {`
367	`erreurMsg += valeur + "<br />";`	355	`erreurMsg += valeur + "<br />";`
368	`});`	356	`});`
369	`}`	357	`}`
370		358
371	`$("#dialogue-erreur .alert-txt").append('<p class="msg-erreur">Erreur Ajax : '+errorThrown+' (type : '+textStatus+') <br />'+erreurMsg+'</p>');`	359	`$("#dialogue-erreur .alert-txt").append('<p class="msg-erreur">Erreur Ajax : '+errorThrown+' (type : '+textStatus+') <br />'+erreurMsg+'</p>');`
372	`}`	360	`}`
373	`},`	361	`},`
374	`complete : function(jqXHR, textStatus) {`	362	`complete : function(jqXHR, textStatus) {`
375	`var debugMsg = extraireEnteteDebug(jqXHR);`	363	`var debugMsg = extraireEnteteDebug(jqXHR);`
376	`if (debugMsg != '') {`	364	`if (debugMsg != '') {`
377	`if (this.debug) {`	365	`if (this.debug) {`
378	`$("#dialogue-erreur .alert-txt").append('<pre class="msg-debug msg">Débogage : '+debugMsg+'</pre>');`	366	`$("#dialogue-erreur .alert-txt").append('<pre class="msg-debug msg">Débogage : '+debugMsg+'</pre>');`
379	`}`	367	`}`
380	`}`	368	`}`
381	`if ($("#dialogue-erreur .msg").length > 0) {`	369	`if ($("#dialogue-erreur .msg").length > 0) {`
382	`$("#dialogue-erreur").show();`	370	`$("#dialogue-erreur").show();`
383	`}`	371	`}`
384	`}`	372	`}`
385	`});`	373	`});`
386	`});`	374	`});`
387	`};`	375	`};`
388		376
389	`/*`	377	`/*`
390	`WidgetSaisieBellesdemarue.prototype.surChangementValeurTaxon = function() {`	378	`WidgetSaisieBellesdemarue.prototype.surChangementValeurTaxon = function() {`
391	`var nomHorsListe = $('#taxon-liste').val() == '?' ? true : false;`	379	`var nomHorsListe = $('#taxon-liste').val() == '?' ? true : false;`
392	`var nomSpecial = $('#taxon-liste option:selected').hasClass('nom-special');`	380	`var nomSpecial = $('#taxon-liste option:selected').hasClass('nom-special');`
393	`var numNomSel = nomHorsListe ? $('#taxon').data('numNomSel') : $('#taxon-liste').val();`	381	`var numNomSel = nomHorsListe ? $('#taxon').data('numNomSel') : $('#taxon-liste').val();`
394		382
395	`// Un nom non valide entraine automatiquement une certitude "à déterminer"`	383	`// Un nom non valide entraine automatiquement une certitude "à déterminer"`
396	`if(nomSpecial \|\| !numNomSel) {`	384	`if(nomSpecial \|\| !numNomSel) {`
397	`$('#certitude-adeterminer').attr('checked', 'checked');`	385	`$('#certitude-adeterminer').attr('checked', 'checked');`
398	`} else {`	386	`} else {`
399	`$('#certitude-adeterminer').removeAttr('checked');`	387	`$('#certitude-adeterminer').removeAttr('checked');`
400	`}`	388	`}`
401	`};`	389	`};`
-		390	`*/`
402		391
403	`// surcharge`	392	`// surcharge`
404	`WidgetSaisieBellesdemarue.prototype.ajouterObs = function() {`	393	`WidgetSaisieBellesdemarue.prototype.ajouterObs = function() {`
-		394	`// Fermeture automatique des dialogue de transmission de données`
-		395	`// @WARNING TEST`
-		396	`$('#dialogue-obs-transaction-ko').hide();`
-		397	`$('#dialogue-obs-transaction-ok').hide();`
-		398
-		399	`// obligation de fournir au moins une image`
-		400	`var nbImages = $('#miniatures img').length;`
-		401	`if (nbImages == 0) {`
-		402	`$('#image-obligatoire').show();`
-		403	`} else {`
-		404	`$('#image-obligatoire').hide();`
-		405	`}`
-		406
405	`if (this.validerFormulaire() == true) {`	407	`if (this.validerFormulaire() == true && nbImages == 0) {`
-		408	`this.masquerPanneau('#dialogue-form-invalide');`
406	`this.obsNbre = this.obsNbre + 1;`	409	`this.obsNbre = this.obsNbre + 1;`
407	`$('.obs-nbre').text(this.obsNbre);`	410	`$(".obs-nbre").text(this.obsNbre);`
408	`$('.obs-nbre').triggerHandler('changement');`	411	`$(".obs-nbre").triggerHandler('changement');`
409	`this.afficherObs();`	412	`this.afficherObs();`
410	`this.stockerObsData();`	413	`this.stockerObsData();`
411	`this.supprimerMiniatures();`	414	`this.supprimerMiniatures();`
412	`} else {`	-
413	`// Affichage de tous les panneau cachés avec champ obligatoire`	-
414	`var debRue = (this.latLngDeb == undefined \|\| this.latLngDeb == this.latLngFin) ? false : true,`	-
415	`finRue = (this.latLngFin == undefined \|\| this.latLngDeb == this.latLngFin) ? false : true;`	-
416	`if (debRue == false \|\| finRue == false) {`	415	`if(! this.especeImposee) {`
417	`this.afficherPanneau('#dialogue-form-invalide-rue');`	416	`$("#taxon").val("");`
418	`} else {`	-
419	`this.afficherPanneau('#dialogue-form-invalide');`	417	`$("#taxon").data("numNomSel",undefined);`
420	`}`	418	`}`
-		419	`$('#barre-progression-upload').attr('aria-valuemax', this.obsNbre);`
-		420	`$('#barre-progression-upload .sr-only').text('0/'+this.obsNbre+" observations transmises");`
-		421	`} else {`
421	`this.montrerFormIdentite();`	422	`this.afficherPanneau('#dialogue-form-invalide');`
422	`}`	423	`}`
423	`};`	424	`};`
-		425
424		426	`/*`
425	`// surcharge`	427	`// surcharge`
426	`WidgetSaisieBellesdemarue.prototype.afficherObs = function() {`	428	`WidgetSaisieBellesdemarue.prototype.afficherObs = function() {`
427	`var numNomSel = ($('#taxon-liste').val() == '?') ? $('#taxon').data('numNomSel') : $('#taxon-liste').val(),`	429	`var numNomSel = ($('#taxon-liste').val() == '?') ? $('#taxon').data('numNomSel') : $('#taxon-liste').val(),`
428	`nomSpecial = $('#taxon-liste option:selected').hasClass('nom-special'),`	430	`nomSpecial = $('#taxon-liste option:selected').hasClass('nom-special'),`
429	`taxon = ($('#taxon-liste').val() == '?') ? $('#taxon').val() : $('#taxon-liste option:selected').data('nom-a-sauver'),`	431	`taxon = ($('#taxon-liste').val() == '?') ? $('#taxon').val() : $('#taxon-liste option:selected').data('nom-a-sauver'),`
430	`referentiel = (numNomSel == undefined) ? '' : '['+ this.nomSciReferentiel +']',`	432	`referentiel = (numNomSel == undefined) ? '' : '['+ this.nomSciReferentiel +']',`
431	`commune = $('#commune-nom').text(),`	433	`commune = $('#commune-nom').text(),`
432	`codeInsee = $('#commune-code-insee').text(),`	434	`codeInsee = $('#commune-code-insee').text(),`
433	`station = this.getValeurStation(),`	435	`station = this.getValeurStation(),`
434	`lat = $('input[name="latitude"]').val(),`	436	`lat = $('input[name="latitude"]').val(),`
435	`lng = $('input[name="longitude"]').val(),`	437	`lng = $('input[name="longitude"]').val(),`
436	`date = $('#date').val(),`	438	`date = $('#date').val(),`
437	`milieux = this.getMilieux(),`	439	`milieux = this.getMilieux(),`
438	`notes = (nomSpecial ? this.taxons[numNomSel]['nom_fr'] + ".<br />" : '') + $('#notes').val();`	440	`notes = (nomSpecial ? this.taxons[numNomSel]['nom_fr'] + ".<br />" : '') + $('#notes').val();`
439		441
440	`$('#liste-obs').prepend(`	442	`$('#liste-obs').prepend(`
441	`'<div id="obs'+this.obsNbre+'" class="row-fluid obs obs'+this.obsNbre+'">' +`	443	`'<div id="obs'+this.obsNbre+'" class="row-fluid obs obs'+this.obsNbre+'">' +`
442	`'<div class="span12">' +`	444	`'<div class="span12">' +`
443	`'<div class="well">' +`	445	`'<div class="well">' +`
444	`'<div class="obs-action pull-right has-tooltip" data-placement="bottom" ' +`	446	`'<div class="obs-action pull-right has-tooltip" data-placement="bottom" ' +`
445	`'title="Supprimer cette observation de la liste à transmettre">' +`	447	`'title="Supprimer cette observation de la liste à transmettre">' +`
446	`'<button class="btn btn-danger supprimer-obs" value="'+this.obsNbre+'" title="'+this.obsNbre+'">' +`	448	`'<button class="btn btn-danger supprimer-obs" value="'+this.obsNbre+'" title="'+this.obsNbre+'">' +`
447	`'<i class="icon-trash icon-white"></i>' +`	449	`'<i class="icon-trash icon-white"></i>' +`
448	`'</button>' +`	450	`'</button>' +`
449	`'</div> ' +`	451	`'</div> ' +`
450	`'<div class="row-fluid">' +`	452	`'<div class="row-fluid">' +`
451	`'<div class="span2 obs-miniatures">' +`	453	`'<div class="span2 obs-miniatures">' +`
452	`this.ajouterImgMiniatureAuTransfert() +`	454	`this.ajouterImgMiniatureAuTransfert() +`
453	`'</div>'+`	455	`'</div>'+`
454	`'<div class="span7">' +`	456	`'<div class="span7">' +`
455	`'<ul class="unstyled">' +`	457	`'<ul class="unstyled">' +`
456	`'<li>'+`	458	`'<li>'+`
457	`'<span class="nom-sci">' + taxon + '</span> ' +`	459	`'<span class="nom-sci">' + taxon + '</span> ' +`
458	`this.formaterNumNomSel(numNomSel) +`	460	`this.formaterNumNomSel(numNomSel) +`
459	`' observé à <br />' +`	461	`' observé à <br />' +`
460	`'<span class="commune">' + commune + '</span> ' +`	462	`'<span class="commune">' + commune + '</span> ' +`
461	`'(' + codeInsee + '), ' +`	463	`'(' + codeInsee + '), ' +`
462	`'<span class="station">' + station + '</span><br /> ' +`	464	`'<span class="station">' + station + '</span><br /> ' +`
463	`' le ' +`	465	`' le ' +`
464	`'<span class="date">' + date + '</span>' +`	466	`'<span class="date">' + date + '</span>' +`
465	`'</li>' +`	467	`'</li>' +`
466	`'<li>' +`	468	`'<li>' +`
467	`'Milieux : ' + milieux + ' ' + ' ; ' +`	469	`'Milieux : ' + milieux + ' ' + ' ; ' +`
468	`'</li>' +`	470	`'</li>' +`
469	`'<li>' +`	471	`'<li>' +`
470	`'Notes : ' + notes +`	472	`'Notes : ' + notes +`
471	`'</li>' +`	473	`'</li>' +`
472	`'</ul>' +`	474	`'</ul>' +`
473	`'</div>' +`	475	`'</div>' +`
474	`'</div>' +`	476	`'</div>' +`
475	`'</div>' +`	477	`'</div>' +`
476	`'</div>'+`	478	`'</div>'+`
477	`'</div>');`	479	`'</div>');`

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/saisie/squelettes/bellesdemarue/js/WidgetSaisieBellesdemarue.js – Rev 3046 → 3047