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


// Héritage !!
function WidgetSaisieBellesdemarue(langue) {
	this.taxons = {}; // utile ?
	this.langue = langue || "fr";
}
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());
	}
 
	// vidage du champ de recherche Google Maps
	$('#carte-recherche').val('');
 
	// vidage du taxon précédemment saisi avec l'autocomplétion, sans quoi on
	// perd son nn
	$('#taxon').val('');
	$('#taxon').data('numNomSel', ''); // et on vide le nn précédent
	this.surChangementValeurTaxon();
	$('#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));
 
};
 
// 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 {
		$('#taxon').val(''); // on force à réutiliser l'autocomplétion pour avoir un nn
		$('#taxon').data('numNomSel', ''); // on vide le nn précédent
		$('#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();
				}
			}
		});
	});
};
 
// lorsqu'on choisit un taxon dans la liste, ou qu'on en tape un à la main dans
// le champ "autre espèce" (avec autocomplétion)
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();
	var nomSel = nomHorsListe ? $('#taxon').val() : $('#taxon-liste option:selected').text().trim();
 
	// Un nom non valide entraine automatiquement une certitude "à déterminer"
	if(nomSpecial || !numNomSel) {
		$('#certitude-adeterminer').prop('checked', true);
	} else {
		$('#certitude-adeterminer').prop('checked', false);
	}
 
	// stockage temporaire des infos connues
	$('#taxon').data('nn', numNomSel);
	$('#taxon').data('ns', nomSel);
};
 
 
// surcharge
WidgetSaisieBellesdemarue.prototype.ajouterObs = function() {
	// Fermeture automatique des dialogue de transmission de données
	$('#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").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() {
	// on accepte que la commune soit parfois vide
	var commune = $("#commune-nom").text();
	if (this.debug) {
		console.log(commune);
	}
	$("#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="thumbnail span2">'+
						this.ajouterImgMiniatureAuTransfert()+
						'</div>'+
						'<div class="span9">'+
							'<ul class="unstyled">'+
								'<li>'+
									'<span class="nom-sci">'+this.ajouterNomEspece()+'</span> '+
									this.ajouterNumNomSel()+
									this.ajouterNomReferentiel()+
								'</li>'+
								'<li>'+
									'Observé à '+
									'<span class="commune">'+commune+'</span> '+
									' ['+$("#latitude").val()+' / '+$("#longitude").val()+']'+
									' le '+
									'<span class="date">'+$("#date").val()+'</span>'+
								'</li>'+
								'<li>'+
									'<span>Certitude :</span> '+$('input[name="certitude"]').val()+' '+
								'</li>'+
								'<li>'+
									'<span>Milieu :</span> '+this.ajouterMilieu()+
								'</li>'+
								'<li>'+
									'Commentaires : <span class="discretion">'+$("#notes").val()+'</span>'+
								'</li>'+
							'</ul>'+
						'</div>'+
					'</div>'+
				'</div>'+
			'</div>'+
		'</div>');
	$('#zone-liste-obs').removeClass("hidden").show();
};
 
// 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,
 
		'latitude': $('#latitude').val(),
		'longitude': $('#longitude').val(),
		'commune_nom': $('#commune-nom').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.ajouterMilieu(),
 
		// 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.ajouterMilieu = function() {
	var milieu = $('#milieu').val();
	if (milieu == 'autres') {
		var autreMilieu = $('#milieu-autre').val();
		if (autreMilieu) {
			milieu = autreMilieu;
		}
	}
	return milieu;
};
 
WidgetSaisieBellesdemarue.prototype.ajouterNomEspece = function() {
	var ns = $('#taxon').data('ns');
	if (! ns) {
		ns = "inconnue";
	}
	return ns;
};
 
WidgetSaisieBellesdemarue.prototype.ajouterNomReferentiel = function() {
	var nomRef = '';
	if ($("#taxon").data("nn")) {
		nomRef = '<span class="referentiel-obs">'+
			' [' + this.nomSciReferentiel +']'+
		'</span>';
	}
	return nomRef;
};
 
// surcharge
WidgetSaisieBellesdemarue.prototype.ajouterNumNomSel = function() {
	var nn = '';
	if (! $("#taxon").data("nn")) {
		nn = ' <span class="alert-error">[non lié au référentiel]</span>';
	} else {
		nn = ' <span class="nn">[nn'+$("#taxon").data("nn")+']</span>';
	}
	return nn;
};

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

Subversion Repositories eFlore/Applications.cel

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