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



	});
}

 
function prechargerForm(infos) {
	$('input[name="station"]').val(infos.station);
 
	//console.log(infos.extension);
	if (infos.extension) {
		var ext = infos.extension;
		if (ext.latitudeDebutRue && ext.longitudeDebutRue && ext.latitudeFinRue && ext.longitudeFinRue) {

			latLngDebPre.lng = parseFloat(ext.longitudeDebutRue.valeur);
			latLngFinPre.lat = parseFloat(ext.latitudeFinRue.valeur);
			latLngFinPre.lng = parseFloat(ext.longitudeFinRue.valeur);
			prechargerRue();
		}
 
		var chpsARemplir = ['adresse', 'typoUrbaine', 'revetementSol', 'presenceZoneVegetalise', 'hauteurBatimentAvoisinant',
			'intensiteGestion', 'periodiciteTraitementPhyto', 'dateArretTraitementPhyto', 'itineraireGestion'];
		$.each(infos.extension, function(nomDuChp, value) {
			if (chpsARemplir.indexOf(nomDuChp) >= 0) {
				if ($('[name="' + nomDuChp + '"]').hasClass('slider')) {
					$('select[name="' + nomDuChp + '"] option[value="' + value.valeur + '"]')
						.attr('selected', 'selected');
					var selectedIndexOptions = $('select[name="' + nomDuChp + '"]').prop('selectedIndex') + 1;
					$('[name="' + nomDuChp + '"]').parent().find('.horizontal-slider').slider('value', selectedIndexOptions);
 
					if (nomDuChp == 'periodiciteTraitementPhyto') {
						$('[name="periodiciteTraitementPhyto"]').trigger('change');
					}
				} else {
					$('[name="' + nomDuChp + '"]').val(value.valeur);

 
//+----------------------------------------------------------------------------------------------------------+

// GOOGLE MAP
 
var map,
	geocoder,
	markerDeb,
	latLngDeb,
	markerFin,
	latLngFin,

	ligneRue,
	premierDeplacement = true;
 
$(document).ready(function() {
	initialiserGoogleMap();
	afficherEtapeGeolocalisation(1);
 
	// Autocompletion du champ adresse
	$('#carte-recherche').on('focus', function() {
		$(this).select();
	});
	$('#carte-recherche').on('mouseup', function(event) {// Pour Safari...
		event.preventDefault();
	});
 
	$('#carte-recherche').keypress(function(e) {
		if (e.which == 13) {
			e.preventDefault();
		}
	});
 
	$('#carte-recherche').autocomplete({
		//Cette partie utilise geocoder pour extraire des valeurs d'adresse
		source: function(request, response) {
 
			geocoder.geocode( {'address': request.term+', France', 'region' : 'fr' }, function(results, status) {
				if (status == google.maps.GeocoderStatus.OK) {

			deplacerMarkerDeb(nouvellePosition);
			map.setZoom(16);
			afficherEtapeGeolocalisation(2);
		}
	});
 
	$('#geolocaliser').on('click', geolocaliser);
});

 
function initialiserGoogleMap(){
	latLngDeb = new google.maps.LatLng(46.30871, 2.54395);// Centre de la France
	var options = {
			zoom: 5,
			center: latLngDeb,
			mapTypeId: google.maps.MapTypeId.HYBRID,
			mapTypeControlOptions: {
				mapTypeIds: ['OSM',
					google.maps.MapTypeId.ROADMAP,
					google.maps.MapTypeId.HYBRID,
					google.maps.MapTypeId.SATELLITE,
					google.maps.MapTypeId.TERRAIN]}
		};
 
	// Ajout de la couche OSM à la carte
	osmMapType = new google.maps.ImageMapType({
		getTileUrl: function(coord, zoom) {
			return 'http://tile.openstreetmap.org/' + zoom + '/' + coord.x + '/' + coord.y + '.png';

		isPng: true,
		alt: 'OpenStreetMap',
		name: 'OSM',
		maxZoom: 19
	});
 
	// Création de la carte Google
	map = new google.maps.Map(document.getElementById('map-canvas'), options); //affiche la google map dans la div map_canvas
	map.mapTypes.set('OSM', osmMapType);
 
	// Ajout de l'évènment sur click dans Carte
	google.maps.event.addListener(map, 'click', surClickDansCarte);
 
	// Lorsque la carte est chargée, on vérifie si on peut précharger des données
	google.maps.event.addListenerOnce(map, 'idle', function(){
		if (OBS_ID == '') {
			// Initialisation du marker de début de rue
			initialiserMarkerDeb();

		} else {
			okPourChargementCarte--;
			prechargerRue();
		}
	});
 
	// Création du Geocoder
	geocoder = new google.maps.Geocoder();
}

 

			icon: GOOGLE_MAP_MARQUEUR_DEBUT_URL,
			position: latLngDeb
		});
		google.maps.event.addListener(markerDeb, 'dragend', surDeplacementMarkerDeb);
	}
 
	latLngFin = latLngDeb;
	if (markerFin != undefined) {
		markerFin.setMap(null);
	}
	latLngCentre = latLngDeb;

 
function dessinerLigneRue(pointDebut, pointFin) {
	if (ligneRue != undefined) {
		ligneRue.setMap(null);
	}
 
	ligneRue = new google.maps.Polyline({
		path: [pointDebut, pointFin],
		strokeColor: "#FF0000",
		strokeOpacity: 1.0,

}

 
function afficherCentreRue() {
	latLngDeb = markerDeb.getPosition();
	latLngFin = markerFin.getPosition();
	latLngCentre = new google.maps.LatLng((latLngFin.lat() + latLngDeb.lat())/2, (latLngFin.lng() + latLngDeb.lng())/2);
	mettreAJourStationPosition(latLngCentre);

}
 
function mettreAJourStationPosition(latLng) {
	var lat = latLng.lat().toFixed(5),
		lng = latLng.lng().toFixed(5);
	remplirChampLatitude(lat);

	remplirChampLongitude(lng);

		$.ajax({
			url: urlNomCommuneFormatee,
			type: 'GET',
			dataType: 'jsonp',
			beforeSend: function() {
				$('.commune-info').empty();
				$('#dialogue-erreur .alert-txt').empty();
			},
			success: function(data, textStatus, jqXHR) {
				$('.commune-info').empty();
				$('#commune-nom').append(data.nom);
				$('#commune-code-insee').append(data.codeINSEE);
				$('#marqueur-commune').data('commune', {'nom' : data.nom, 'codeInsee' : data.codeINSEE});
			},
			statusCode: {
				500: function(jqXHR, textStatus, errorThrown) {
					if (DEBUG) {
						$('#dialogue-erreur .alert-txt').append('<p id="msg">Un problème est survenu lors de l\'appel au service fournissante le nom des communes.</p>');
						reponse = jQuery.parseJSON(jqXHR.responseText);
						var erreurMsg = "";
						if (reponse != null) {
							$.each(reponse, function (cle, valeur) {
								erreurMsg += valeur + '<br />';
							});
						}
 
						$('#dialogue-erreur .alert-txt').append(
							'<p class="msg-erreur">Erreur 500 : '+errorThrown+'<br />'+erreurMsg+'</p>');
					}
				}
			},

					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) {

//+---------------------------------------------------------------------------------------------------------+
//AUTO-COMPLÉTION Noms Scientifiques

 
function ajouterAutocompletionNoms() {
	$('#taxon').autocomplete({
		source: function(requete, add){
			// la variable de requête doit être vidée car sinon le parametre "term" est ajouté
 
			var url = getUrlAutocompletionNomsSci();
			$.getJSON(url, function(data) {
				var suggestions = traiterRetourNomsSci(data);
				add(suggestions);
			});
		},
		html: true
	});
 
	$('#taxon').bind('autocompleteselect', function(event, ui) {
		$('#taxon').data(ui.item);
		if (ui.item.retenu == true) {
			$('#taxon').addClass('ns-retenu');

				nom.numNomSel = val.nn;
				nom.nomRet = val.nom_retenu_complet;
				nom.numNomRet = val['nom_retenu.id'];
				nom.famille = val.famille;
				nom.retenu = (val.retenu == 'false') ? false : true;
 
				suggestions.push(nom);
			}
		});
	}
	return suggestions;

*
* Copyright 2010, Scott González (http://scottgonzalez.com)
* Dual licensed under the MIT or GPL Version 2 licenses.
*
* http://github.com/scottgonzalez/jquery-ui-extensions
*
* Adaptation par Aurélien Peronnet pour la mise en gras des noms de taxons valides
*/
(function($) {
	var proto = $.ui.autocomplete.prototype,
		initSource = proto._initSource;
 
	function filter(array, term) {
		var matcher = new RegExp($.ui.autocomplete.escapeRegex(term), 'i');
		return $.grep(array, function(value) {
			return matcher.test($('<div>').html(value.label || value.value || value).text());
		});
	}
 
	$.extend(proto, {
		_initSource: function() {
			if (this.options.html && $.isArray(this.options.source)) {
				this.source = function( request, response ) {
					response(filter(this.options.source, request.term));

		},
		_renderItem: function(ul, item) {
			if (item.retenu == true) {
				item.label = '<strong>'+item.label+'</strong>';
			}
 
			return $('<li></li>')
				.data('item.autocomplete', item)
				.append($('<a></a>')[this.options.html ? 'html' : 'text'](item.label))
				.appendTo(ul);
		}
	});
})(jQuery);

 
//+----------------------------------------------------------------------------------------------------------+
//UPLOAD PHOTO : Traitement de l'image
$(document).ready(function() {
	$('#fichier').on('click change', function(event) {
		if ($(this).val().length > 0) {
			arreter(event);
			var options = {
				success: afficherMiniature, // post-submit callback
				dataType: 'xml', // 'xml', 'script', or 'json' (expected server response type)
				resetForm: true // reset the form after successful submit
			};
			$('#miniature').append(
				'<img id="miniature-chargement" class="miniature" alt="chargement" src="'+CHARGEMENT_IMAGE_URL+'"/>');
			$('#ajouter-obs').attr('disabled', 'disabled');

				window.alert("Le format de fichier n'est pas supporté, les formats acceptés sont "+	$('#fichier').attr('accept'));
			}
			return false;
		}
	});
 
	$('#photo-placeholder').click(function(event) {
		$('#fichier').click();
	});
 
	$('body').on('click', '.effacer-miniature', function(event) {
		supprimerMiniature($(this));
	});
});

	var parts = nom.split('.');
	extension = parts[parts.length - 1];
	return (extension.toLowerCase() == 'jpeg' || extension.toLowerCase() == 'jpg');
}

 
function afficherMiniature(reponse) {
	if (DEBUG) {
		var debogage = $('debogage', reponse).text();
		//console.log('Débogage upload : ' + debogage);
	}

}

 
function creerWidgetMiniature(reponse) {
	var miniatureUrl = $('miniature-url', reponse).text(),
		imgNom = $('image-nom', reponse).text(),
		html =
			'<div class="miniature">'+
				'<img class="miniature-img" class="miniature" alt="'+imgNom+'" src="'+miniatureUrl+'"/>'+
				'<button class="btn effacer-miniature" type="button">Effacer</button>'+
			'</div>'

 
 

//+---------------------------------------------------------------------------------------------------------+
// FORMULAIRE : traitements génériques
 
$(document).ready(function() {
	// Interaction générales
	$('.alert .close').on('click', fermerPanneauAlert);
	$('.has-tooltip').tooltip('enable');
	$('#btn-aide').on('click', basculerAffichageAide);
	$('.dropdown-menu input, .dropdown-menu label').on('click', function(event) {
		event.stopPropagation();
	});
 
	// Afficher/Cacher champs cachés par défaut
	surChangementPeriodiciteTraitementPhyto();// Vérif lors du chargement de la page
	$('#periodicite-traitement-phyto').on('change', surChangementPeriodiciteTraitementPhyto);
 
	// Sliders
	transformerEnSlider('#presence-zone-vegetalise');
	transformerEnSlider('#hauteur-batiment-avoisinant');

	transformerEnSlider('#periodicite-traitement-phyto');
	transformerEnSlider('#resistance-traitement-phyto');
	transformerEnSlider('#vitesse-croissance');
 
	// Date picker
	configurerDatePicker('#date');
	configurerDatePicker('#date-arret-traitement-phyto');
 
	// Gestion de la liste des taxons
	surChangementTaxonListe();// Vérif lors du chargement de la page
	ajouterAutocompletionNoms();
	$('#taxon-liste').on('change', surChangementTaxonListe);
 
	// Validation du formulaire
	configurerFormValidator();
	definirReglesFormValidator();
 
	// Gestion des obs

		if (! valeur.match(/^[0-9]+$/)) {
			// replace it with nothing
			var nouvelleValeur = valeur.replace(/[^0-9]/g, '');
			$(this).val(nouvelleValeur);
		}
	});
	$('a.afficher-coord').on('click', basculerAffichageCoord);
	$('#ajouter-obs').on('click', ajouterObs);
	$('.obs-nbre').on('changement', surChangementNbreObs);
	$('body').on('click', '.supprimer-obs', supprimerObs);
	$('#transmettre-obs').on('click', transmettreObs);

		$('.defilement-control', this).removeClass('hidden');
	});
	$('body').on('mouseout', '.defilement-control-zone', function(event) {
		$('.defilement-control', this).addClass('hidden');
	});
 
});

 
function transformerEnSlider(selector) {
	$(selector).each(function(index, el) {
		// hide the element
		$(el).addClass('slider-on');
 
		// add the slider to each element
		var slider = $( '<div class="slider-holder"><div class="horizontal-slider"></div></div>' ).
			insertBefore( el ).find('.horizontal-slider').slider({
				min: 1,
				max: el.options.length,
				range: 'min',
				value: el.selectedIndex + 1,
				slide: function(event, ui) {
					el.selectedIndex = ui.value - 1;
					slider.find('a').text(el.options[el.selectedIndex].text);
 
					$(selector + ' option[selected="selected"]').removeAttr('selected');
					$(selector + ' :nth-child('+ui.value+')').attr('selected', 'selected')
					$(selector).valid();
				},
				stop: function() {
					$(el).change();
				}
			});
 
		slider.find('a').text(el.options[el.selectedIndex].text);
 
		// Create a legend under the slider so we can see the options
		var options = [];
		for (var option in $(el).children()) {
			if (!isNaN(parseInt(option))) {
				options.push(el.options[option].text);
			}
		}
		// the width of each legend/option
		var width = (slider.width() / (options.length - 1));
 
		// Add the legend. Half the width of the first and last options for display consistency.
		slider.after('<div class="slider-legend"><p style="width:' + (width / 2) + 'px;text-align:left;">' +
			options.join('</p><p style="width:' + width + 'px;">') +'</p></div>')
			.parent().find('.slider-legend p:last-child').css('width', width / 2)
			.css('text-align', 'right');
 
		// if there are too many options so that the text is wider than the width, then hide the text
		var lastChild = slider.parent().find('.slider-legend p:last-child');
		if (lastChild[0].clientWidth < lastChild[0].scrollWidth) {
			slider.parent().find('.slider-legend p');//.css('text-indent', '200%');

	$(selector + ' + img.ui-datepicker-trigger').appendTo(selector + '-icone.add-on');
}

 
function configurerFormValidator() {
	$.validator.addMethod(
		'dateCel',
		function (value, element) {
			return value == '' || (/^[0-9]{2}[-\/][0-9]{2}[-\/][0-9]{4}$/.test(value));
		},
		'Format : jj/mm/aaaa. Date incomplète, utiliser 0, exemple : 00/12/2011.');
 
	$.extend($.validator.defaults, {
		ignore: [],// Forcer Jquery Validate à examiner les éléments avec en display:none;
		highlight: function(element) {
			$(element).closest('.control-group').removeClass('success').addClass('error');
		},
		success: function(element) {
			element.text('OK!').addClass('valid');
			element.closest('.control-group').removeClass('error').addClass('success');
 
			if (element.attr('id') == 'taxon' && $('#taxon').val() != '') {
				// Si le taxon n'est pas lié au référentiel, on vide le data associé
				if ($('#taxon').data('value') != $('#taxon').val()) {
					$('#taxon').data('numNomSel', '');

		var debRue = (latLngDeb == undefined) ? false : true,
			finRue = (latLngFin == undefined) ? false : true;
		if (debRue == false || finRue == false) {
			afficherPanneau('#dialogue-form-invalide-rue');
		} else {
			afficherPanneau('#dialogue-form-invalide');
		}
	}
}

 

		revetement = $('#revetement-sol').val(),
		intensiteGestion = $('#intensite-gestion').val(),
		resistance = $('#resistance-traitement-phyto').val(),
		milieux = getMilieux(),
		notes = (nomSpecial ? taxons[numNomSel]['nom_fr'] + ".<br />" : '') + $('#notes').val();
 
	$('#liste-obs').prepend(
		'<div id="obs'+obsNbre+'" class="row-fluid obs obs'+obsNbre+'">'+
			'<div class="span12">'+
				'<div class="well">'+
					'<div class="obs-action pull-right has-tooltip" data-placement="bottom" '+
						'title="Supprimer cette observation de la liste à transmettre">'+
						'<button class="btn btn-danger supprimer-obs" value="'+obsNbre+'" title="'+obsNbre+'">'+
							'<i class="icon-trash icon-white"></i>'+
						'</button>'+
					'</div> '+
					'<div class="row-fluid">'+
						'<div class="span2 obs-miniatures">'+
							ajouterImgMiniatureAuTransfert()+
						'</div>'+
						'<div class="span8">'+
							'<ul class="unstyled">'+

									'<span>Intensité de gestion :</span> ' + intensiteGestion + ' ' + ' ; ' +
									'<span>Milieu :</span> ' + milieux + ' ' + ' ; ' +
									'<span>Résistance/Résilience :</span> ' + resistance + ' ' +
								'</li>' +
								'<li>' +
									'Commentaires : ' + notes +
								'</li>'+
							'</ul>'+
						'</div>'+
					'</div>'+
				'</div>'+

	var milieuxStr = '',
		milieux = [];
	$('.cb-milieux:checked').each(function() {
		milieux.push($(this).val());
	});
 
	milieuxStr = Array.prototype.slice.call(milieux).join(', ');
	return milieuxStr;
}

 

		$('#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>' +

 
function defilerMiniatures(element) {
	var miniatureSelectionne = element.siblings('img.miniature-selectionnee');
	miniatureSelectionne.removeClass('miniature-selectionnee').addClass('miniature-cachee');
	var miniatureAffichee = miniatureSelectionne;
 
	var indicateurActif = element.parent().find('.defilement-indicateurs .active');
	indicateurActif.removeClass('active');
 
	if (element.hasClass('defilement-control-zone') && element.hasClass('gauche')) {
		if (miniatureSelectionne.prev('.miniature').length != 0) {
			miniatureAffichee = miniatureSelectionne.prev('.miniature');
			indicateurActif.prev().addClass('active');

	}
	return nn;
}

 
function surChangementReferentiel() {
 
	NOM_SCI_REFERENTIEL = $('#referentiel').val();
	$('#taxon').val('');

}
 
function surChangementNbreObs() {
	if (obsNbre == 0) {
		$('#transmettre-obs').attr('disabled', 'disabled');
		$('#ajouter-obs').removeAttr('disabled');
		$('#zone-liste-obs').addClass('hidden');
	} else {
		$('#zone-liste-obs').removeClass('hidden');
 
		if (obsNbre > 0 && obsNbre < OBS_MAX_NBRE) {
			$('#transmettre-obs').removeAttr('disabled');
			$('#ajouter-obs').removeAttr('disabled');

		numNomRet = nomHorsListe ? $('#taxon').data('numNomRet') : taxons[numNomSel]['num_nom_ret'],
		numTaxon = nomHorsListe ? $('#taxon').data('nt') : taxons[numNomSel]['num_taxon'],
		famille = nomHorsListe ? $('#taxon').data('famille') : taxons[numNomSel]['famille'],
		referentiel = (numNomSel == undefined) ? '' : NOM_SCI_REFERENTIEL,
		notes = (nomSpecial ? taxons[numNomSel]['nom_fr'] + '. ' : '') + $('#notes').val();
 
	$('#liste-obs').data('obsId'+obsNbre, {
		'date': $('#date').val(),
		'notes': notes,
 
		'station': $('#station').val(),
		'latitude': $('#latitude').val(),
		'longitude': $('#longitude').val(),
		'commune_nom': $('#commune-nom').text(),
		'commune_code_insee': $('#commune-code-insee').text(),
 
		'nom_sel': nomSel,
		'num_nom_sel': numNomSel,
		'nom_ret': nomRet,
		'num_nom_ret': numNomRet,
		'num_taxon': numTaxon,
		'famille': famille,
		'referentiel': referentiel,
 
		'milieu': getMilieux(),
 
		// Ajout des champs images
		'image_nom': getNomsImgsOriginales(),
 
		// Ajout des champs étendus de l'obs
		'obs_etendue': getObsChpEtendus()
	});
	//console.log($('#liste-obs').data('obsId'+obsNbre));
}

		var latitudeFinRue = {cle: 'latitudeFinRue', label: 'Latitude de fin de la rue', valeur: latLngFin.lat().toFixed(5)};
		champs.push(latitudeFinRue);
		var longitudeFinRue = {cle: 'longitudeFinRue', label: 'Longitude de fin de la rue', valeur: latLngFin.lng().toFixed(5)};
		champs.push(longitudeFinRue);
	}
 
	$('.obs-chp-etendu').each(function() {
		var valeur = $(this).val(),
			cle = $(this).attr('name'),
			label = $(this).data('label');
		if (valeur != '') {

	// la boucle est factice car on utilise un tableau
	// dont on a besoin de n'extraire que le premier élément
	// or javascript n'a pas de méthode cross browsers pour extraire les clés
	// TODO: utiliser var.keys quand ça sera plus répandu
	// ou bien utiliser un vrai tableau et pas un objet
	for (var obsNum in observations) {
		obsATransmettre = new Object();
 
	    obsATransmettre['projet'] = TAG_PROJET;
	    obsATransmettre['tag-obs'] = TAG_OBS;
	    obsATransmettre['tag-img'] = TAG_IMG;
 
		var utilisateur = new Object();
		utilisateur.id_utilisateur = $("#id_utilisateur").val();
		utilisateur.prenom = $("#prenom").val();
		utilisateur.nom = $("#nom").val();
		utilisateur.courriel = $("#courriel").val();

		obsATransmettre[obsNum] = observations[obsNum];
		var idObsNumerique = obsNum.replace('obsId', '');
		if(idObsNumerique != "") {
			envoyerObsAuCel(idObsNumerique, obsATransmettre);
		}
 
		break;
	}
}

 

		data: observation,
		dataType: 'json',
		beforeSend: function() {
			$('#dialogue-obs-transaction-ko').hide();
			$('#dialogue-obs-transaction-ok').hide();
			$('.alert-txt').empty();
			$('#chargement').show();
		},
		success: function(data, textStatus, jqXHR) {
			// mise à jour du nombre d'obs à transmettre
			// et suppression de l'obs

				debugNonJson = jqXHR.responseText;
			}
		},
		complete: function(jqXHR, textStatus) {
			var debugMsg = extraireEnteteDebug(jqXHR);
 
			if (erreurMsg != '') {
				if (DEBUG) {
					$('#dialogue-obs-transaction-ko .alert-txt').append('<pre class="msg-erreur">' + erreurMsg + '</pre>');
					$('#dialogue-obs-transaction-ko .alert-txt').append('<pre class="msg-debug">Débogage : ' + debugNonJson + debugMsg + '</pre>');
				}
				var hrefCourriel = 'mailto:cel_remarques@tela-botanica.org?' +
					'subject=Disfonctionnement du widget de saisie ' + TAG_PROJET +
					'&body=' + erreurMsg + "\nDébogage :\n" + debugMsg + debugNonJson;
 
				// mise en valeur de l'obs en erreur + scroll vers celle ci en changeant le hash
				$('#obs'+idObs+' div div').addClass('obs-erreur');
				window.location.hash = "obs"+idObs;
 
				$('#dialogue-obs-transaction-ko .alert-txt').append($('#tpl-transmission-ko').clone()
					.find('.courriel-erreur')
					.attr('href', hrefCourriel)
					.end()
					.html());

						$('#dialogue-obs-transaction-ok .alert-txt').append($('#tpl-transmission-ok').clone().html());
						$("#dialogue-obs-transaction-ok").show();
						window.location.hash = "dialogue-obs-transaction-ok";
						initialiserObs();
					}, 1500);
 
				}
			}
		}
	});
}


Rev 2118	Rev 2408
Line 72...	Line 72...
72	`});`	72	`});`
73	`}`	73	`}`
Line 74...	Line 74...
74		74
75	`function prechargerForm(infos) {`	75	`function prechargerForm(infos) {`
76	`$('input[name="station"]').val(infos.station);`	76	`$('input[name="station"]').val(infos.station);`
77		77
78	`//console.log(infos.extension);`	78	`//console.log(infos.extension);`
79	`if (infos.extension) {`	79	`if (infos.extension) {`
80	`var ext = infos.extension;`	80	`var ext = infos.extension;`
81	`if (ext.latitudeDebutRue && ext.longitudeDebutRue && ext.latitudeFinRue && ext.longitudeFinRue) {`	81	`if (ext.latitudeDebutRue && ext.longitudeDebutRue && ext.latitudeFinRue && ext.longitudeFinRue) {`
Line 84...	Line 84...
84	`latLngDebPre.lng = parseFloat(ext.longitudeDebutRue.valeur);`	84	`latLngDebPre.lng = parseFloat(ext.longitudeDebutRue.valeur);`
85	`latLngFinPre.lat = parseFloat(ext.latitudeFinRue.valeur);`	85	`latLngFinPre.lat = parseFloat(ext.latitudeFinRue.valeur);`
86	`latLngFinPre.lng = parseFloat(ext.longitudeFinRue.valeur);`	86	`latLngFinPre.lng = parseFloat(ext.longitudeFinRue.valeur);`
87	`prechargerRue();`	87	`prechargerRue();`
88	`}`	88	`}`
89		89
90	`var chpsARemplir = ['adresse', 'typoUrbaine', 'revetementSol', 'presenceZoneVegetalise', 'hauteurBatimentAvoisinant',`	90	`var chpsARemplir = ['adresse', 'typoUrbaine', 'revetementSol', 'presenceZoneVegetalise', 'hauteurBatimentAvoisinant',`
91	`'intensiteGestion', 'periodiciteTraitementPhyto', 'dateArretTraitementPhyto', 'itineraireGestion'];`	91	`'intensiteGestion', 'periodiciteTraitementPhyto', 'dateArretTraitementPhyto', 'itineraireGestion'];`
92	`$.each(infos.extension, function(nomDuChp, value) {`	92	`$.each(infos.extension, function(nomDuChp, value) {`
93	`if (chpsARemplir.indexOf(nomDuChp) >= 0) {`	93	`if (chpsARemplir.indexOf(nomDuChp) >= 0) {`
94	`if ($('[name="' + nomDuChp + '"]').hasClass('slider')) {`	94	`if ($('[name="' + nomDuChp + '"]').hasClass('slider')) {`
95	`$('select[name="' + nomDuChp + '"] option[value="' + value.valeur + '"]')`	95	`$('select[name="' + nomDuChp + '"] option[value="' + value.valeur + '"]')`
96	`.attr('selected', 'selected');`	96	`.attr('selected', 'selected');`
97	`var selectedIndexOptions = $('select[name="' + nomDuChp + '"]').prop('selectedIndex') + 1;`	97	`var selectedIndexOptions = $('select[name="' + nomDuChp + '"]').prop('selectedIndex') + 1;`
98	`$('[name="' + nomDuChp + '"]').parent().find('.horizontal-slider').slider('value', selectedIndexOptions);`	98	`$('[name="' + nomDuChp + '"]').parent().find('.horizontal-slider').slider('value', selectedIndexOptions);`
99		99
100	`if (nomDuChp == 'periodiciteTraitementPhyto') {`	100	`if (nomDuChp == 'periodiciteTraitementPhyto') {`
101	`$('[name="periodiciteTraitementPhyto"]').trigger('change');`	101	`$('[name="periodiciteTraitementPhyto"]').trigger('change');`
102	`}`	102	`}`
103	`} else {`	103	`} else {`
104	`$('[name="' + nomDuChp + '"]').val(value.valeur);`	104	`$('[name="' + nomDuChp + '"]').val(value.valeur);`
Line 215...	Line 215...
215		215
216	`//+----------------------------------------------------------------------------------------------------------+`	216	`//+----------------------------------------------------------------------------------------------------------+`
Line 217...	Line 217...
217	`// GOOGLE MAP`	217	`// GOOGLE MAP`
218		218
219	`var map,`	219	`var map,`
220	`geocoder,`	220	`geocoder,`
221	`markerDeb,`	221	`markerDeb,`
222	`latLngDeb,`	222	`latLngDeb,`
223	`markerFin,`	223	`markerFin,`
224	`latLngFin,`	224	`latLngFin,`
Line 225...	Line 225...
225	`ligneRue,`	225	`ligneRue,`
226	`premierDeplacement = true;`	226	`premierDeplacement = true;`
227		227
228	`$(document).ready(function() {`	228	`$(document).ready(function() {`
229	`initialiserGoogleMap();`	229	`initialiserGoogleMap();`
230	`afficherEtapeGeolocalisation(1);`	230	`afficherEtapeGeolocalisation(1);`
231		231
232	`// Autocompletion du champ adresse`	232	`// Autocompletion du champ adresse`
233	`$('#carte-recherche').on('focus', function() {`	233	`$('#carte-recherche').on('focus', function() {`
234	`$(this).select();`	234	`$(this).select();`
235	`});`	235	`});`
236	`$('#carte-recherche').on('mouseup', function(event) {// Pour Safari...`	236	`$('#carte-recherche').on('mouseup', function(event) {// Pour Safari...`
237	`event.preventDefault();`	237	`event.preventDefault();`
238	`});`	238	`});`
239		239
240	`$('#carte-recherche').keypress(function(e) {`	240	`$('#carte-recherche').keypress(function(e) {`
241	`if (e.which == 13) {`	241	`if (e.which == 13) {`
242	`e.preventDefault();`	242	`e.preventDefault();`
243	`}`	243	`}`
244	`});`	244	`});`
245		245
246	`$('#carte-recherche').autocomplete({`	246	`$('#carte-recherche').autocomplete({`
247	`//Cette partie utilise geocoder pour extraire des valeurs d'adresse`	247	`//Cette partie utilise geocoder pour extraire des valeurs d'adresse`
248	`source: function(request, response) {`	248	`source: function(request, response) {`
249		249
250	`geocoder.geocode( {'address': request.term+', France', 'region' : 'fr' }, function(results, status) {`	250	`geocoder.geocode( {'address': request.term+', France', 'region' : 'fr' }, function(results, status) {`
251	`if (status == google.maps.GeocoderStatus.OK) {`	251	`if (status == google.maps.GeocoderStatus.OK) {`
Line 270...	Line 270...
270	`deplacerMarkerDeb(nouvellePosition);`	270	`deplacerMarkerDeb(nouvellePosition);`
271	`map.setZoom(16);`	271	`map.setZoom(16);`
272	`afficherEtapeGeolocalisation(2);`	272	`afficherEtapeGeolocalisation(2);`
273	`}`	273	`}`
274	`});`	274	`});`
275		275
276	`$('#geolocaliser').on('click', geolocaliser);`	276	`$('#geolocaliser').on('click', geolocaliser);`
277	`});`	277	`});`
Line 278...	Line 278...
278		278
279	`function initialiserGoogleMap(){`	279	`function initialiserGoogleMap(){`
280	`latLngDeb = new google.maps.LatLng(46.30871, 2.54395);// Centre de la France`	280	`latLngDeb = new google.maps.LatLng(46.30871, 2.54395);// Centre de la France`
281	`var options = {`	281	`var options = {`
282	`zoom: 5,`	282	`zoom: 5,`
283	`center: latLngDeb,`	283	`center: latLngDeb,`
284	`mapTypeId: google.maps.MapTypeId.HYBRID,`	284	`mapTypeId: google.maps.MapTypeId.HYBRID,`
285	`mapTypeControlOptions: {`	285	`mapTypeControlOptions: {`
286	`mapTypeIds: ['OSM',`	286	`mapTypeIds: ['OSM',`
287	`google.maps.MapTypeId.ROADMAP,`	287	`google.maps.MapTypeId.ROADMAP,`
288	`google.maps.MapTypeId.HYBRID,`	288	`google.maps.MapTypeId.HYBRID,`
289	`google.maps.MapTypeId.SATELLITE,`	289	`google.maps.MapTypeId.SATELLITE,`
290	`google.maps.MapTypeId.TERRAIN]}`	290	`google.maps.MapTypeId.TERRAIN]}`
291	`};`	291	`};`
292		292
293	`// Ajout de la couche OSM à la carte`	293	`// Ajout de la couche OSM à la carte`
294	`osmMapType = new google.maps.ImageMapType({`	294	`osmMapType = new google.maps.ImageMapType({`
295	`getTileUrl: function(coord, zoom) {`	295	`getTileUrl: function(coord, zoom) {`
296	`return 'http://tile.openstreetmap.org/' + zoom + '/' + coord.x + '/' + coord.y + '.png';`	296	`return 'http://tile.openstreetmap.org/' + zoom + '/' + coord.x + '/' + coord.y + '.png';`
Line 299...	Line 299...
299	`isPng: true,`	299	`isPng: true,`
300	`alt: 'OpenStreetMap',`	300	`alt: 'OpenStreetMap',`
301	`name: 'OSM',`	301	`name: 'OSM',`
302	`maxZoom: 19`	302	`maxZoom: 19`
303	`});`	303	`});`
304		304
305	`// Création de la carte Google`	305	`// Création de la carte Google`
306	`map = new google.maps.Map(document.getElementById('map-canvas'), options); //affiche la google map dans la div map_canvas`	306	`map = new google.maps.Map(document.getElementById('map-canvas'), options); //affiche la google map dans la div map_canvas`
307	`map.mapTypes.set('OSM', osmMapType);`	307	`map.mapTypes.set('OSM', osmMapType);`
308		308
309	`// Ajout de l'évènment sur click dans Carte`	309	`// Ajout de l'évènment sur click dans Carte`
310	`google.maps.event.addListener(map, 'click', surClickDansCarte);`	310	`google.maps.event.addListener(map, 'click', surClickDansCarte);`
311		311
312	`// Lorsque la carte est chargée, on vérifie si on peut précharger des données`	312	`// Lorsque la carte est chargée, on vérifie si on peut précharger des données`
313	`google.maps.event.addListenerOnce(map, 'idle', function(){`	313	`google.maps.event.addListenerOnce(map, 'idle', function(){`
314	`if (OBS_ID == '') {`	314	`if (OBS_ID == '') {`
315	`// Initialisation du marker de début de rue`	315	`// Initialisation du marker de début de rue`
316	`initialiserMarkerDeb();`	316	`initialiserMarkerDeb();`
Line 321...	Line 321...
321	`} else {`	321	`} else {`
322	`okPourChargementCarte--;`	322	`okPourChargementCarte--;`
323	`prechargerRue();`	323	`prechargerRue();`
324	`}`	324	`}`
325	`});`	325	`});`
326		326
327	`// Création du Geocoder`	327	`// Création du Geocoder`
328	`geocoder = new google.maps.Geocoder();`	328	`geocoder = new google.maps.Geocoder();`
329	`}`	329	`}`
Line 330...	Line 330...
330		330
Line 339...	Line 339...
339	`icon: GOOGLE_MAP_MARQUEUR_DEBUT_URL,`	339	`icon: GOOGLE_MAP_MARQUEUR_DEBUT_URL,`
340	`position: latLngDeb`	340	`position: latLngDeb`
341	`});`	341	`});`
342	`google.maps.event.addListener(markerDeb, 'dragend', surDeplacementMarkerDeb);`	342	`google.maps.event.addListener(markerDeb, 'dragend', surDeplacementMarkerDeb);`
343	`}`	343	`}`
344		344
345	`latLngFin = latLngDeb;`	345	`latLngFin = latLngDeb;`
346	`if (markerFin != undefined) {`	346	`if (markerFin != undefined) {`
347	`markerFin.setMap(null);`	347	`markerFin.setMap(null);`
348	`}`	348	`}`
349	`latLngCentre = latLngDeb;`	349	`latLngCentre = latLngDeb;`
Line 404...	Line 404...
404		404
405	`function dessinerLigneRue(pointDebut, pointFin) {`	405	`function dessinerLigneRue(pointDebut, pointFin) {`
406	`if (ligneRue != undefined) {`	406	`if (ligneRue != undefined) {`
407	`ligneRue.setMap(null);`	407	`ligneRue.setMap(null);`
408	`}`	408	`}`
409		409
410	`ligneRue = new google.maps.Polyline({`	410	`ligneRue = new google.maps.Polyline({`
411	`path: [pointDebut, pointFin],`	411	`path: [pointDebut, pointFin],`
412	`strokeColor: "#FF0000",`	412	`strokeColor: "#FF0000",`
413	`strokeOpacity: 1.0,`	413	`strokeOpacity: 1.0,`
Line 418...	Line 418...
418	`}`	418	`}`
Line 419...	Line 419...
419		419
420	`function afficherCentreRue() {`	420	`function afficherCentreRue() {`
421	`latLngDeb = markerDeb.getPosition();`	421	`latLngDeb = markerDeb.getPosition();`
422	`latLngFin = markerFin.getPosition();`	422	`latLngFin = markerFin.getPosition();`
423	`latLngCentre = new google.maps.LatLng((latLngFin.lat() + latLngDeb.lat())/2, (latLngFin.lng() + latLngDeb.lng())/2);`	423	`latLngCentre = new google.maps.LatLng((latLngFin.lat() + latLngDeb.lat())/2, (latLngFin.lng() + latLngDeb.lng())/2);`
424	`mettreAJourStationPosition(latLngCentre);`	424	`mettreAJourStationPosition(latLngCentre);`
Line 425...	Line 425...
425	`}`	425	`}`
426		426
427	`function mettreAJourStationPosition(latLng) {`	427	`function mettreAJourStationPosition(latLng) {`
428	`var lat = latLng.lat().toFixed(5),`	428	`var lat = latLng.lat().toFixed(5),`
429	`lng = latLng.lng().toFixed(5);`	429	`lng = latLng.lng().toFixed(5);`
430	`remplirChampLatitude(lat);`	430	`remplirChampLatitude(lat);`
Line 431...	Line 431...
431	`remplirChampLongitude(lng);`	431	`remplirChampLongitude(lng);`
Line 448...	Line 448...
448	`$.ajax({`	448	`$.ajax({`
449	`url: urlNomCommuneFormatee,`	449	`url: urlNomCommuneFormatee,`
450	`type: 'GET',`	450	`type: 'GET',`
451	`dataType: 'jsonp',`	451	`dataType: 'jsonp',`
452	`beforeSend: function() {`	452	`beforeSend: function() {`
453	`$('.commune-info').empty();`	453	`$('.commune-info').empty();`
454	`$('#dialogue-erreur .alert-txt').empty();`	454	`$('#dialogue-erreur .alert-txt').empty();`
455	`},`	455	`},`
456	`success: function(data, textStatus, jqXHR) {`	456	`success: function(data, textStatus, jqXHR) {`
457	`$('.commune-info').empty();`	457	`$('.commune-info').empty();`
458	`$('#commune-nom').append(data.nom);`	458	`$('#commune-nom').append(data.nom);`
459	`$('#commune-code-insee').append(data.codeINSEE);`	459	`$('#commune-code-insee').append(data.codeINSEE);`
460	`$('#marqueur-commune').data('commune', {'nom' : data.nom, 'codeInsee' : data.codeINSEE});`	460	`$('#marqueur-commune').data('commune', {'nom' : data.nom, 'codeInsee' : data.codeINSEE});`
461	`},`	461	`},`
462	`statusCode: {`	462	`statusCode: {`
463	`500: function(jqXHR, textStatus, errorThrown) {`	463	`500: function(jqXHR, textStatus, errorThrown) {`
464	`if (DEBUG) {`	464	`if (DEBUG) {`
465	`$('#dialogue-erreur .alert-txt').append('<p id="msg">Un problème est survenu lors de l\'appel au service fournissante le nom des communes.</p>');`	465	`$('#dialogue-erreur .alert-txt').append('<p id="msg">Un problème est survenu lors de l\'appel au service fournissante le nom des communes.</p>');`
466	`reponse = jQuery.parseJSON(jqXHR.responseText);`	466	`reponse = jQuery.parseJSON(jqXHR.responseText);`
467	`var erreurMsg = "";`	467	`var erreurMsg = "";`
468	`if (reponse != null) {`	468	`if (reponse != null) {`
469	`$.each(reponse, function (cle, valeur) {`	469	`$.each(reponse, function (cle, valeur) {`
470	`erreurMsg += valeur + '<br />';`	470	`erreurMsg += valeur + '<br />';`
471	`});`	471	`});`
472	`}`	472	`}`
473		473
474	`$('#dialogue-erreur .alert-txt').append(`	474	`$('#dialogue-erreur .alert-txt').append(`
475	`'<p class="msg-erreur">Erreur 500 : '+errorThrown+'<br />'+erreurMsg+'</p>');`	475	`'<p class="msg-erreur">Erreur 500 : '+errorThrown+'<br />'+erreurMsg+'</p>');`
476	`}`	476	`}`
477	`}`	477	`}`
478	`},`	478	`},`
Line 485...	Line 485...
485	`if (reponse != null) {`	485	`if (reponse != null) {`
486	`$.each(reponse, function (cle, valeur) {`	486	`$.each(reponse, function (cle, valeur) {`
487	`erreurMsg += valeur + '<br />';`	487	`erreurMsg += valeur + '<br />';`
488	`});`	488	`});`
489	`}`	489	`}`
490		490
491	`$('#dialogue-erreur .alert-txt').append(`	491	`$('#dialogue-erreur .alert-txt').append(`
492	`'<p class="msg-erreur">Erreur Ajax : '+errorThrown+' (type : '+textStatus+') <br />'+erreurMsg+'</p>');`	492	`'<p class="msg-erreur">Erreur Ajax : '+errorThrown+' (type : '+textStatus+') <br />'+erreurMsg+'</p>');`
493	`}`	493	`}`
494	`},`	494	`},`
495	`complete: function(jqXHR, textStatus) {`	495	`complete: function(jqXHR, textStatus) {`
Line 554...	Line 554...
554	`//+---------------------------------------------------------------------------------------------------------+`	554	`//+---------------------------------------------------------------------------------------------------------+`
555	`//AUTO-COMPLÉTION Noms Scientifiques`	555	`//AUTO-COMPLÉTION Noms Scientifiques`
Line 556...	Line 556...
556		556
557	`function ajouterAutocompletionNoms() {`	557	`function ajouterAutocompletionNoms() {`
558	`$('#taxon').autocomplete({`	558	`$('#taxon').autocomplete({`
559	`source: function(requete, add){`	559	`source: function(requete, add){`
560	`// la variable de requête doit être vidée car sinon le parametre "term" est ajouté`	560	`// la variable de requête doit être vidée car sinon le parametre "term" est ajouté`
561		561
562	`var url = getUrlAutocompletionNomsSci();`	562	`var url = getUrlAutocompletionNomsSci();`
563	`$.getJSON(url, function(data) {`	563	`$.getJSON(url, function(data) {`
564	`var suggestions = traiterRetourNomsSci(data);`	564	`var suggestions = traiterRetourNomsSci(data);`
565	`add(suggestions);`	565	`add(suggestions);`
566	`});`	566	`});`
567	`},`	567	`},`
568	`html: true`	568	`html: true`
569	`});`	569	`});`
570		570
571	`$('#taxon').bind('autocompleteselect', function(event, ui) {`	571	`$('#taxon').bind('autocompleteselect', function(event, ui) {`
572	`$('#taxon').data(ui.item);`	572	`$('#taxon').data(ui.item);`
573	`if (ui.item.retenu == true) {`	573	`if (ui.item.retenu == true) {`
574	`$('#taxon').addClass('ns-retenu');`	574	`$('#taxon').addClass('ns-retenu');`
Line 607...	Line 607...
607	`nom.numNomSel = val.nn;`	607	`nom.numNomSel = val.nn;`
608	`nom.nomRet = val.nom_retenu_complet;`	608	`nom.nomRet = val.nom_retenu_complet;`
609	`nom.numNomRet = val['nom_retenu.id'];`	609	`nom.numNomRet = val['nom_retenu.id'];`
610	`nom.famille = val.famille;`	610	`nom.famille = val.famille;`
611	`nom.retenu = (val.retenu == 'false') ? false : true;`	611	`nom.retenu = (val.retenu == 'false') ? false : true;`
612		612
613	`suggestions.push(nom);`	613	`suggestions.push(nom);`
614	`}`	614	`}`
615	`});`	615	`});`
616	`}`	616	`}`
617	`return suggestions;`	617	`return suggestions;`
Line 622...	Line 622...
622	`*`	622	`*`
623	`* Copyright 2010, Scott González (http://scottgonzalez.com)`	623	`* Copyright 2010, Scott González (http://scottgonzalez.com)`
624	`* Dual licensed under the MIT or GPL Version 2 licenses.`	624	`* Dual licensed under the MIT or GPL Version 2 licenses.`
625	`*`	625	`*`
626	`* http://github.com/scottgonzalez/jquery-ui-extensions`	626	`* http://github.com/scottgonzalez/jquery-ui-extensions`
627	`*`	627	`*`
628	`* Adaptation par Aurélien Peronnet pour la mise en gras des noms de taxons valides`	628	`* Adaptation par Aurélien Peronnet pour la mise en gras des noms de taxons valides`
629	`*/`	629	`*/`
630	`(function($) {`	630	`(function($) {`
631	`var proto = $.ui.autocomplete.prototype,`	631	`var proto = $.ui.autocomplete.prototype,`
632	`initSource = proto._initSource;`	632	`initSource = proto._initSource;`
633		633
634	`function filter(array, term) {`	634	`function filter(array, term) {`
635	`var matcher = new RegExp($.ui.autocomplete.escapeRegex(term), 'i');`	635	`var matcher = new RegExp($.ui.autocomplete.escapeRegex(term), 'i');`
636	`return $.grep(array, function(value) {`	636	`return $.grep(array, function(value) {`
637	`return matcher.test($('<div>').html(value.label \|\| value.value \|\| value).text());`	637	`return matcher.test($('<div>').html(value.label \|\| value.value \|\| value).text());`
638	`});`	638	`});`
639	`}`	639	`}`
640		640
641	`$.extend(proto, {`	641	`$.extend(proto, {`
642	`_initSource: function() {`	642	`_initSource: function() {`
643	`if (this.options.html && $.isArray(this.options.source)) {`	643	`if (this.options.html && $.isArray(this.options.source)) {`
644	`this.source = function( request, response ) {`	644	`this.source = function( request, response ) {`
645	`response(filter(this.options.source, request.term));`	645	`response(filter(this.options.source, request.term));`
Line 650...	Line 650...
650	`},`	650	`},`
651	`_renderItem: function(ul, item) {`	651	`_renderItem: function(ul, item) {`
652	`if (item.retenu == true) {`	652	`if (item.retenu == true) {`
653	`item.label = '<strong>'+item.label+'</strong>';`	653	`item.label = '<strong>'+item.label+'</strong>';`
654	`}`	654	`}`
655		655
656	`return $('<li></li>')`	656	`return $('<li></li>')`
657	`.data('item.autocomplete', item)`	657	`.data('item.autocomplete', item)`
658	`.append($('<a></a>')[this.options.html ? 'html' : 'text'](item.label))`	658	`.append($('<a></a>')[this.options.html ? 'html' : 'text'](item.label))`
659	`.appendTo(ul);`	659	`.appendTo(ul);`
660	`}`	660	`}`
661	`});`	661	`});`
662	`})(jQuery);`	662	`})(jQuery);`
Line 663...	Line 663...
663		663
664	`//+----------------------------------------------------------------------------------------------------------+`	664	`//+----------------------------------------------------------------------------------------------------------+`
665	`//UPLOAD PHOTO : Traitement de l'image`	665	`//UPLOAD PHOTO : Traitement de l'image`
666	`$(document).ready(function() {`	666	`$(document).ready(function() {`
667	`$('#fichier').on('click change', function(event) {`	667	`$('#fichier').on('click change', function(event) {`
668	`if ($(this).val().length > 0) {`	668	`if ($(this).val().length > 0) {`
669	`arreter(event);`	669	`arreter(event);`
670	`var options = {`	670	`var options = {`
671	`success: afficherMiniature, // post-submit callback`	671	`success: afficherMiniature, // post-submit callback`
672	`dataType: 'xml', // 'xml', 'script', or 'json' (expected server response type)`	672	`dataType: 'xml', // 'xml', 'script', or 'json' (expected server response type)`
673	`resetForm: true // reset the form after successful submit`	673	`resetForm: true // reset the form after successful submit`
674	`};`	674	`};`
675	`$('#miniature').append(`	675	`$('#miniature').append(`
676	`'<img id="miniature-chargement" class="miniature" alt="chargement" src="'+CHARGEMENT_IMAGE_URL+'"/>');`	676	`'<img id="miniature-chargement" class="miniature" alt="chargement" src="'+CHARGEMENT_IMAGE_URL+'"/>');`
677	`$('#ajouter-obs').attr('disabled', 'disabled');`	677	`$('#ajouter-obs').attr('disabled', 'disabled');`
Line 682...	Line 682...
682	`window.alert("Le format de fichier n'est pas supporté, les formats acceptés sont "+ $('#fichier').attr('accept'));`	682	`window.alert("Le format de fichier n'est pas supporté, les formats acceptés sont "+ $('#fichier').attr('accept'));`
683	`}`	683	`}`
684	`return false;`	684	`return false;`
685	`}`	685	`}`
686	`});`	686	`});`
687		687
688	`$('#photo-placeholder').click(function(event) {`	688	`$('#photo-placeholder').click(function(event) {`
689	`$('#fichier').click();`	689	`$('#fichier').click();`
690	`});`	690	`});`
691		691
692	`$('body').on('click', '.effacer-miniature', function(event) {`	692	`$('body').on('click', '.effacer-miniature', function(event) {`
693	`supprimerMiniature($(this));`	693	`supprimerMiniature($(this));`
694	`});`	694	`});`
695	`});`	695	`});`
Line 700...	Line 700...
700	`var parts = nom.split('.');`	700	`var parts = nom.split('.');`
701	`extension = parts[parts.length - 1];`	701	`extension = parts[parts.length - 1];`
702	`return (extension.toLowerCase() == 'jpeg' \|\| extension.toLowerCase() == 'jpg');`	702	`return (extension.toLowerCase() == 'jpeg' \|\| extension.toLowerCase() == 'jpg');`
703	`}`	703	`}`
Line 704...	Line 704...
704		704
705	`function afficherMiniature(reponse) {`	705	`function afficherMiniature(reponse) {`
706	`if (DEBUG) {`	706	`if (DEBUG) {`
707	`var debogage = $('debogage', reponse).text();`	707	`var debogage = $('debogage', reponse).text();`
708	`//console.log('Débogage upload : ' + debogage);`	708	`//console.log('Débogage upload : ' + debogage);`
709	`}`	709	`}`
Line 717...	Line 717...
717	`}`	717	`}`
Line 718...	Line 718...
718		718
719	`function creerWidgetMiniature(reponse) {`	719	`function creerWidgetMiniature(reponse) {`
720	`var miniatureUrl = $('miniature-url', reponse).text(),`	720	`var miniatureUrl = $('miniature-url', reponse).text(),`
721	`imgNom = $('image-nom', reponse).text(),`	721	`imgNom = $('image-nom', reponse).text(),`
722	`html =`	722	`html =`
723	`'<div class="miniature">'+`	723	`'<div class="miniature">'+`
724	`'<img class="miniature-img" class="miniature" alt="'+imgNom+'" src="'+miniatureUrl+'"/>'+`	724	`'<img class="miniature-img" class="miniature" alt="'+imgNom+'" src="'+miniatureUrl+'"/>'+`
725	`'<button class="btn effacer-miniature" type="button">Effacer</button>'+`	725	`'<button class="btn effacer-miniature" type="button">Effacer</button>'+`
726	`'</div>'`	726	`'</div>'`
Line 738...	Line 738...
738		738
739		739
Line 740...	Line 740...
740	`//+---------------------------------------------------------------------------------------------------------+`	740	`//+---------------------------------------------------------------------------------------------------------+`
741	`// FORMULAIRE : traitements génériques`	741	`// FORMULAIRE : traitements génériques`
742		742
743	`$(document).ready(function() {`	743	`$(document).ready(function() {`
744	`// Interaction générales`	744	`// Interaction générales`
745	`$('.alert .close').on('click', fermerPanneauAlert);`	745	`$('.alert .close').on('click', fermerPanneauAlert);`
746	`$('.has-tooltip').tooltip('enable');`	746	`$('.has-tooltip').tooltip('enable');`
747	`$('#btn-aide').on('click', basculerAffichageAide);`	747	`$('#btn-aide').on('click', basculerAffichageAide);`
748	`$('.dropdown-menu input, .dropdown-menu label').on('click', function(event) {`	748	`$('.dropdown-menu input, .dropdown-menu label').on('click', function(event) {`
749	`event.stopPropagation();`	749	`event.stopPropagation();`
750	`});`	750	`});`
751		751
752	`// Afficher/Cacher champs cachés par défaut`	752	`// Afficher/Cacher champs cachés par défaut`
753	`surChangementPeriodiciteTraitementPhyto();// Vérif lors du chargement de la page`	753	`surChangementPeriodiciteTraitementPhyto();// Vérif lors du chargement de la page`
754	`$('#periodicite-traitement-phyto').on('change', surChangementPeriodiciteTraitementPhyto);`	754	`$('#periodicite-traitement-phyto').on('change', surChangementPeriodiciteTraitementPhyto);`
755		755
756	`// Sliders`	756	`// Sliders`
757	`transformerEnSlider('#presence-zone-vegetalise');`	757	`transformerEnSlider('#presence-zone-vegetalise');`
758	`transformerEnSlider('#hauteur-batiment-avoisinant');`	758	`transformerEnSlider('#hauteur-batiment-avoisinant');`
Line 759...	Line 759...
759	`transformerEnSlider('#periodicite-traitement-phyto');`	759	`transformerEnSlider('#periodicite-traitement-phyto');`
760	`transformerEnSlider('#resistance-traitement-phyto');`	760	`transformerEnSlider('#resistance-traitement-phyto');`
761	`transformerEnSlider('#vitesse-croissance');`	761	`transformerEnSlider('#vitesse-croissance');`
762		762
763	`// Date picker`	763	`// Date picker`
764	`configurerDatePicker('#date');`	764	`configurerDatePicker('#date');`
765	`configurerDatePicker('#date-arret-traitement-phyto');`	765	`configurerDatePicker('#date-arret-traitement-phyto');`
766		766
767	`// Gestion de la liste des taxons`	767	`// Gestion de la liste des taxons`
768	`surChangementTaxonListe();// Vérif lors du chargement de la page`	768	`surChangementTaxonListe();// Vérif lors du chargement de la page`
769	`ajouterAutocompletionNoms();`	769	`ajouterAutocompletionNoms();`
770	`$('#taxon-liste').on('change', surChangementTaxonListe);`	770	`$('#taxon-liste').on('change', surChangementTaxonListe);`
771		771
772	`// Validation du formulaire`	772	`// Validation du formulaire`
773	`configurerFormValidator();`	773	`configurerFormValidator();`
774	`definirReglesFormValidator();`	774	`definirReglesFormValidator();`
775		775
776	`// Gestion des obs`	776	`// Gestion des obs`
Line 784...	Line 784...
784	`if (! valeur.match(/^[0-9]+$/)) {`	784	`if (! valeur.match(/^[0-9]+$/)) {`
785	`// replace it with nothing`	785	`// replace it with nothing`
786	`var nouvelleValeur = valeur.replace(/[^0-9]/g, '');`	786	`var nouvelleValeur = valeur.replace(/[^0-9]/g, '');`
787	`$(this).val(nouvelleValeur);`	787	`$(this).val(nouvelleValeur);`
788	`}`	788	`}`
789	`});`	789	`});`
790	`$('a.afficher-coord').on('click', basculerAffichageCoord);`	790	`$('a.afficher-coord').on('click', basculerAffichageCoord);`
791	`$('#ajouter-obs').on('click', ajouterObs);`	791	`$('#ajouter-obs').on('click', ajouterObs);`
792	`$('.obs-nbre').on('changement', surChangementNbreObs);`	792	`$('.obs-nbre').on('changement', surChangementNbreObs);`
793	`$('body').on('click', '.supprimer-obs', supprimerObs);`	793	`$('body').on('click', '.supprimer-obs', supprimerObs);`
794	`$('#transmettre-obs').on('click', transmettreObs);`	794	`$('#transmettre-obs').on('click', transmettreObs);`
Line 801...	Line 801...
801	`$('.defilement-control', this).removeClass('hidden');`	801	`$('.defilement-control', this).removeClass('hidden');`
802	`});`	802	`});`
803	`$('body').on('mouseout', '.defilement-control-zone', function(event) {`	803	`$('body').on('mouseout', '.defilement-control-zone', function(event) {`
804	`$('.defilement-control', this).addClass('hidden');`	804	`$('.defilement-control', this).addClass('hidden');`
805	`});`	805	`});`
806		806
807	`});`	807	`});`
Line 808...	Line 808...
808		808
809	`function transformerEnSlider(selector) {`	809	`function transformerEnSlider(selector) {`
810	`$(selector).each(function(index, el) {`	810	`$(selector).each(function(index, el) {`
811	`// hide the element`	811	`// hide the element`
812	`$(el).addClass('slider-on');`	812	`$(el).addClass('slider-on');`
813		813
814	`// add the slider to each element`	814	`// add the slider to each element`
815	`var slider = $( '<div class="slider-holder"><div class="horizontal-slider"></div></div>' ).`	815	`var slider = $( '<div class="slider-holder"><div class="horizontal-slider"></div></div>' ).`
816	`insertBefore( el ).find('.horizontal-slider').slider({`	816	`insertBefore( el ).find('.horizontal-slider').slider({`
817	`min: 1,`	817	`min: 1,`
818	`max: el.options.length,`	818	`max: el.options.length,`
819	`range: 'min',`	819	`range: 'min',`
820	`value: el.selectedIndex + 1,`	820	`value: el.selectedIndex + 1,`
821	`slide: function(event, ui) {`	821	`slide: function(event, ui) {`
822	`el.selectedIndex = ui.value - 1;`	822	`el.selectedIndex = ui.value - 1;`
823	`slider.find('a').text(el.options[el.selectedIndex].text);`	823	`slider.find('a').text(el.options[el.selectedIndex].text);`
824		824
825	`$(selector + ' option[selected="selected"]').removeAttr('selected');`	825	`$(selector + ' option[selected="selected"]').removeAttr('selected');`
826	`$(selector + ' :nth-child('+ui.value+')').attr('selected', 'selected')`	826	`$(selector + ' :nth-child('+ui.value+')').attr('selected', 'selected')`
827	`$(selector).valid();`	827	`$(selector).valid();`
828	`},`	828	`},`
829	`stop: function() {`	829	`stop: function() {`
830	`$(el).change();`	830	`$(el).change();`
831	`}`	831	`}`
832	`});`	832	`});`
833		833
834	`slider.find('a').text(el.options[el.selectedIndex].text);`	834	`slider.find('a').text(el.options[el.selectedIndex].text);`
835		835
836	`// Create a legend under the slider so we can see the options`	836	`// Create a legend under the slider so we can see the options`
837	`var options = [];`	837	`var options = [];`
838	`for (var option in $(el).children()) {`	838	`for (var option in $(el).children()) {`
839	`if (!isNaN(parseInt(option))) {`	839	`if (!isNaN(parseInt(option))) {`
840	`options.push(el.options[option].text);`	840	`options.push(el.options[option].text);`
841	`}`	841	`}`
842	`}`	842	`}`
843	`// the width of each legend/option`	843	`// the width of each legend/option`
844	`var width = (slider.width() / (options.length - 1));`	844	`var width = (slider.width() / (options.length - 1));`
845		845
846	`// Add the legend. Half the width of the first and last options for display consistency.`	846	`// Add the legend. Half the width of the first and last options for display consistency.`
847	`slider.after('<div class="slider-legend"><p style="width:' + (width / 2) + 'px;text-align:left;">' +`	847	`slider.after('<div class="slider-legend"><p style="width:' + (width / 2) + 'px;text-align:left;">' +`
848	`options.join('</p><p style="width:' + width + 'px;">') +'</p></div>')`	848	`options.join('</p><p style="width:' + width + 'px;">') +'</p></div>')`
849	`.parent().find('.slider-legend p:last-child').css('width', width / 2)`	849	`.parent().find('.slider-legend p:last-child').css('width', width / 2)`
850	`.css('text-align', 'right');`	850	`.css('text-align', 'right');`
851		851
852	`// if there are too many options so that the text is wider than the width, then hide the text`	852	`// if there are too many options so that the text is wider than the width, then hide the text`
853	`var lastChild = slider.parent().find('.slider-legend p:last-child');`	853	`var lastChild = slider.parent().find('.slider-legend p:last-child');`
854	`if (lastChild[0].clientWidth < lastChild[0].scrollWidth) {`	854	`if (lastChild[0].clientWidth < lastChild[0].scrollWidth) {`
855	`slider.parent().find('.slider-legend p');//.css('text-indent', '200%');`	855	`slider.parent().find('.slider-legend p');//.css('text-indent', '200%');`
Line 890...	Line 890...
890	`$(selector + ' + img.ui-datepicker-trigger').appendTo(selector + '-icone.add-on');`	890	`$(selector + ' + img.ui-datepicker-trigger').appendTo(selector + '-icone.add-on');`
891	`}`	891	`}`
Line 892...	Line 892...
892		892
893	`function configurerFormValidator() {`	893	`function configurerFormValidator() {`
894	`$.validator.addMethod(`	894	`$.validator.addMethod(`
895	`'dateCel',`	895	`'dateCel',`
896	`function (value, element) {`	896	`function (value, element) {`
897	`return value == '' \|\| (/^[0-9]{2}[-\/][0-9]{2}[-\/][0-9]{4}$/.test(value));`	897	`return value == '' \|\| (/^[0-9]{2}[-\/][0-9]{2}[-\/][0-9]{4}$/.test(value));`
898	`},`	898	`},`
899	`'Format : jj/mm/aaaa. Date incomplète, utiliser 0, exemple : 00/12/2011.');`	899	`'Format : jj/mm/aaaa. Date incomplète, utiliser 0, exemple : 00/12/2011.');`
900		900
901	`$.extend($.validator.defaults, {`	901	`$.extend($.validator.defaults, {`
902	`ignore: [],// Forcer Jquery Validate à examiner les éléments avec en display:none;`	902	`ignore: [],// Forcer Jquery Validate à examiner les éléments avec en display:none;`
903	`highlight: function(element) {`	903	`highlight: function(element) {`
904	`$(element).closest('.control-group').removeClass('success').addClass('error');`	904	`$(element).closest('.control-group').removeClass('success').addClass('error');`
905	`},`	905	`},`
906	`success: function(element) {`	906	`success: function(element) {`
907	`element.text('OK!').addClass('valid');`	907	`element.text('OK!').addClass('valid');`
908	`element.closest('.control-group').removeClass('error').addClass('success');`	908	`element.closest('.control-group').removeClass('error').addClass('success');`
909		909
910	`if (element.attr('id') == 'taxon' && $('#taxon').val() != '') {`	910	`if (element.attr('id') == 'taxon' && $('#taxon').val() != '') {`
911	`// Si le taxon n'est pas lié au référentiel, on vide le data associé`	911	`// Si le taxon n'est pas lié au référentiel, on vide le data associé`
912	`if ($('#taxon').data('value') != $('#taxon').val()) {`	912	`if ($('#taxon').data('value') != $('#taxon').val()) {`
913	`$('#taxon').data('numNomSel', '');`	913	`$('#taxon').data('numNomSel', '');`
Line 1053...	Line 1053...
1053	`var debRue = (latLngDeb == undefined) ? false : true,`	1053	`var debRue = (latLngDeb == undefined) ? false : true,`
1054	`finRue = (latLngFin == undefined) ? false : true;`	1054	`finRue = (latLngFin == undefined) ? false : true;`
1055	`if (debRue == false \|\| finRue == false) {`	1055	`if (debRue == false \|\| finRue == false) {`
1056	`afficherPanneau('#dialogue-form-invalide-rue');`	1056	`afficherPanneau('#dialogue-form-invalide-rue');`
1057	`} else {`	1057	`} else {`
1058	`afficherPanneau('#dialogue-form-invalide');`	1058	`afficherPanneau('#dialogue-form-invalide');`
1059	`}`	1059	`}`
1060	`}`	1060	`}`
1061	`}`	1061	`}`
Line 1062...	Line 1062...
1062		1062
Line 1074...	Line 1074...
1074	`revetement = $('#revetement-sol').val(),`	1074	`revetement = $('#revetement-sol').val(),`
1075	`intensiteGestion = $('#intensite-gestion').val(),`	1075	`intensiteGestion = $('#intensite-gestion').val(),`

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/saisie/squelettes/florileges/js/florileges.js @ 2408 – Rev 2118 → 2408