WebSVN – eFlore/Applications.cel – Diff – /trunk/widget/modules/carto/squelettes/scripts/carto.js


/*+--------------------------------------------------------------------------------------------------------+*/
// PARAMÊTRES et CONSTANTES
// Mettre à true pour afficher les messages de débogage
var DEBUG = false; 
var pointImageUrl = 'http://chart.apis.google.com/chart?cht=mm&chs=24x32&chco=FFFFFF,008CFF,000000&ext=.png';
var pointsOrigine = null;
var boundsOrigine = null;
var markerClusterer = null;
var map = null;
var infoBulle = new google.maps.InfoWindow();
var pointClique = null;
var carteCentre = new google.maps.LatLng(46.4, 3.10);
var carteOptions = {
	zoom: 6,
	mapTypeId: 'OSM',
	mapTypeControlOptions: {
		mapTypeIds: ['OSM', 
		             google.maps.MapTypeId.ROADMAP, 
		             google.maps.MapTypeId.HYBRID, 
		             google.maps.MapTypeId.SATELLITE, 
		             google.maps.MapTypeId.TERRAIN]
	},
	scaleControl: true,
	center: carteCentre
};			
var ctaLayer = null;
var osmMapType = new google.maps.ImageMapType({
	getTileUrl: function(coord, zoom) {
		return "http://osm.tela-botanica.org/tuiles/osmfr/" + // cache de tuiles avec nginx
		zoom + "/" + coord.x + "/" + coord.y + ".png";
	},
	tileSize: new google.maps.Size(256, 256),
	isPng: true,
	alt: "OpenStreetMap",
	name: "OSM",
	maxZoom: 19
});
var pagineur = {'limite':50, 'start':0, 'total':0, 'stationId':null, 'format':'tableau'};
var station = {'commune':'', 'obsNbre':0};
var obsStation = new Array();
var obsPage = new Array();
var taxonsCarte = new Array();
/*+--------------------------------------------------------------------------------------------------------+*/
// INITIALISATION DU CODE
 
//Déclenchement d'actions quand JQuery et le document HTML sont OK
$(document).ready(function() {
	initialiserWidget();
});
 
function initialiserWidget() {
	afficherStats();
	definirTailleTitre();
	initialiserAffichageCarte();
	initialiserAffichagePanneauLateral();
	
	initialiserCarte();
	initialiserInfoBulle();
	initialiserFormulaireContact();
	chargerLimitesCommunales();
	rafraichirCarte();
}
 
/*+--------------------------------------------------------------------------------------------------------+*/
// AFFICHAGE GÉNÉRAL
 
function afficherStats() {
	// Ajout du nombre de communes où des observations ont eu lieu
	$('#commune-nbre').text(stations.stats.communes.formaterNombre());
	// Ajout du nombre d'observations
	$('#obs-nbre').text(stations.stats.observations.formaterNombre());
}
 
function definirTailleTitre() {
	var largeurViewPort = $(window).width();
	var taille = null;
	if (largeurViewPort < 400) {
		taille = '0.8';
	} else if (largeurViewPort >= 400 && largeurViewPort < 800) {
		taille = '1.0';
	} else if (largeurViewPort >= 800) {
		taille = '1.6';
	}
	$("#carte-titre").css('font-size', taille+'em');
}
 
/*+--------------------------------------------------------------------------------------------------------+*/
// CARTE
 
function initialiserAffichageCarte() {
	$('#carte').height($(window).height() - 35);
	$('#carte').width($(window).width() - 24);
	
	if (nt != '*') {
		$('#carte').css('left', 0);
	}
}
 
function initialiserCarte() {
	map = new google.maps.Map(document.getElementById('carte'), carteOptions);
	// Ajout de la couche OSM à la carte
	map.mapTypes.set('OSM', osmMapType);
 
	// écouteur sur changement de fond
	google.maps.event.addListener( map, 'maptypeid_changed', function() { 
		// licence par défaut
		var mention = 'Observations du réseau <a href="http://www.tela-botanica.org/site:botanique" ' +
				'onClick="ouvrirNouvelleFenetre(this, event)">' +
				'Tela Botanica' +
			'</a> ';
		if (map.getMapTypeId() == 'OSM') {
			// ajout licence OSM
			mention += ' - Carte : <a href="http://www.openstreetmap.org/copyright" target="_blank">© les contributeurs d’OpenStreetMap</a>' +
				' - Tuiles : <a href="http://www.openstreetmap.fr" target="_blank">OsmFr</a>';
		}
		$('#origine-donnees').html(mention);
	});
}
 
 
function chargerLimitesCommunales() {
	if (urlsLimitesCommunales != null) {
		for (urlId in urlsLimitesCommunales) { 
			var url = urlsLimitesCommunales[urlId];
			ctaLayer = new google.maps.KmlLayer(url, {preserveViewport: true});
			ctaLayer.setMap(map);
		}
	}
}
 
function rafraichirCarte() {
	var points = [];
	var bounds = new google.maps.LatLngBounds();
	for (var i = 0; i < stations.stats.communes; ++i) {
		var maLatLng = new google.maps.LatLng(stations.points[i].latitude, stations.points[i].longitude);
		var pointImage = new google.maps.MarkerImage(pointImageUrl, new google.maps.Size(24, 32));
		var point = new google.maps.Marker({
			position: maLatLng,
			map: map,
			icon: pointImage,
			stationId: stations.points[i].id
		});
 
		bounds.extend(maLatLng);
		
		google.maps.event.addListener(point, 'click', function() {
			pointClique =  this;
			infoBulle.open(map, this);
			
			var limites = map.getBounds();
			var centre = limites.getCenter();
			var nordEst = limites.getNorthEast();
			var centreSudLatLng = new google.maps.LatLng(nordEst.lat(), centre.lng());
			map.panTo(centreSudLatLng);
			
			afficherInfoBulle();
			chargerObs(0, 0);
		});
		
		points.push(point);
	}
 
	if (pointsOrigine == null && boundsOrigine == null) {
		pointsOrigine = points;
		boundsOrigine = bounds;
	}
	
	executerMarkerClusterer(points, bounds);
}
 
function deplacerCartePointClique() {
	map.panTo(pointClique.position);
}
 
function executerMarkerClusterer(points, bounds) {
	if (points.length > 0) {
		if (markerClusterer) {
			markerClusterer.clearMarkers();
		}
		markerClusterer = new MarkerClusterer(map, points);
		map.fitBounds(bounds);
	}
 
 
}
 
/*+--------------------------------------------------------------------------------------------------------+*/
// INFO BULLE
 
function initialiserInfoBulle() {
	google.maps.event.addListener(infoBulle, 'domready', initialiserContenuInfoBulle);
	google.maps.event.addListener(infoBulle, 'closeclick', deplacerCartePointClique);
}
 
function afficherInfoBulle() {
	var obsHtml = $("#tpl-obs").html();
	var largeur = definirLargeurInfoBulle();
	obsHtml = obsHtml.replace(/\{largeur\}/, largeur);
	infoBulle.setContent(obsHtml);
}
 
function definirLargeurInfoBulle() {
	var largeurViewPort = $(window).width();
	var lageurInfoBulle = null;
	if (largeurViewPort < 800) {
		largeurInfoBulle = 400;
	} else if (largeurViewPort >= 800 && largeurViewPort < 1200) {
		largeurInfoBulle = 500;
	} else if (largeurViewPort >= 1200) {
		largeurInfoBulle = 600;
	}
	return largeurInfoBulle;
}
 
function afficherMessageChargement(element) {
	if ($('#chargement').get() == '') {
		$('#tpl-chargement').tmpl().appendTo(element);
	}
}
 
function supprimerMessageChargement() {
	$('#chargement').remove();
}
 
function chargerObs(depart, total) {
	if (depart == 0 || depart < total) {
		var limite = 300;
		if (depart == 0) {
			obsStation = new Array();
		}
		//console.log("Chargement de "+depart+" à "+(depart+limite));
		var urlObs = observationsUrl+'&start={start}&limit='+limite;
		urlObs = urlObs.replace(/\{stationId\}/g, pointClique.stationId);
		urlObs = urlObs.replace(/\{nt\}/g, nt);
		urlObs = urlObs.replace(/\{start\}/g, depart);
		
		$.getJSON(urlObs, function(observations){
			obsStation = obsStation.concat(observations.observations);
			if (depart == 0) {
				actualiserInfosStation(observations);
				actualiserPagineur();
				creerTitreInfoBulle();
			}
			//console.log("Chargement ok");
			chargerObs(depart+limite, station.obsNbre);
		});
	} else {
		if (pagineur.limite < total) {
			afficherPagination();
		} else {
			surClicPagePagination(0, null);
			selectionnerOnglet("#obs-vue-"+pagineur.format);
		}
	}
}
 
function actualiserInfosStation(infos) {
	station.commune = infos.commune;
	station.obsNbre = infos.total;
}
 
function actualiserPagineur() {
	pagineur.stationId = pointClique.stationId;
	pagineur.total = station.obsNbre;
	//console.log("Total pagineur: "+pagineur.total);
	if (pagineur.total > 4) {
		pagineur.format = 'tableau';
	} else {
		pagineur.format = 'liste';
	}
}
 
function afficherPagination(observations) {
	$(".navigation").pagination(pagineur.total, {
		items_per_page:pagineur.limite,
		callback:surClicPagePagination,
		next_text:'Suivant',
		prev_text:'Précédent',
		prev_show_always:false,
		num_edge_entries:1,
		num_display_entries:4,
		load_first_page:true
	});
}
 
function surClicPagePagination(pageIndex, paginationConteneur) {
	var index = pageIndex * pagineur.limite;
	var indexMax = index + pagineur.limite;
	pagineur.depart = index;
	obsPage = new Array();
    for(index; index < indexMax; index++) {
    	obsPage.push(obsStation[index]);
    }
    
    supprimerMessageChargement();
    mettreAJourObservations();
	return false;
}
 
function mettreAJourObservations() {
	$("#obs-"+pagineur.format+"-lignes").empty();
   	$("#obs-vue-"+pagineur.format).css('display', 'block');
   	$(".obs-conteneur").css('counter-reset', 'item '+pagineur.depart);
	$("#tpl-obs-"+pagineur.format).tmpl(obsPage).appendTo("#obs-"+pagineur.format+"-lignes");
	
	// Actualisation de Fancybox
	ajouterFomulaireContact("a.contact");
	if (pagineur.format == 'liste') {
		ajouterGaleriePhoto("a.cel-img");
	}
}
 
function creerTitreInfoBulle() {
	$("#obs-total").text(station.obsNbre);
	$("#obs-commune").text(station.commune);	
}
 
function initialiserContenuInfoBulle() {
	afficherOnglets();
	afficherMessageChargement('#observations');
	ajouterTableauTriable("#obs-tableau");
	afficherTextStationId();
	corrigerLargeurInfoWindow();
}
 
function afficherOnglets() {
	var $tabs = $('#obs').tabs();
	$('#obs').bind('tabsselect', function(event, ui) {
		if (ui.panel.id == 'obs-vue-tableau') {
			surClicAffichageTableau();
		} else if (ui.panel.id == 'obs-vue-liste') {
			surClicAffichageListe();
		}
	});
	$tabs.tabs('select', "#obs-vue-"+pagineur.format);
}
 
function selectionnerOnglet(onglet) {
	$('#obs').tabs('select', onglet);
}
 
function afficherTextStationId() {
	$('#obs-station-id').text(pointClique.stationId);
}
 
function corrigerLargeurInfoWindow() {
	$("#info-bulle").width($("#info-bulle").width() - 17);
}
 
function surClicAffichageTableau(event) {
	//console.log('tableau');
	pagineur.format = 'tableau';
	mettreAJourObservations();
	mettreAJourTableauTriable("#obs-tableau");
}
 
function surClicAffichageListe(event) {
	//console.log('liste');
	pagineur.format = 'liste';
	mettreAJourObservations();
	ajouterGaleriePhoto("a.cel-img");
}
 
function ajouterTableauTriable(element) {
	// add parser through the tablesorter addParser method 
	$.tablesorter.addParser({ 
		// Définition d'un id unique pour ce parsseur 
		id: 'date_cel', 
		is: function(s) { 
			// doit retourner false si le parsseur n'est pas autodétecté
			return /^\s*\d{2}[\/-]\d{2}[\/-]\d{4}\s*$/.test(s);
		}, 
		format: function(date) { 
			// Transformation date jj/mm/aaaa en aaaa/mm/jj
			date = date.replace(/^\s*(\d{2})[\/-](\d{2})[\/-](\d{4})\s*$/, "$3/$2/$1");
			// Remplace la date par un nombre de millisecondes pour trier numériquement
			return $.tablesorter.formatFloat(new Date(date).getTime());
		}, 
		// set type, either numeric or text 
		type: 'numeric' 
	});
	$(element).tablesorter({ 
        headers: { 
			1: { 
            	sorter:'date_cel' 
        	} 
    	} 
	});
}
 
function mettreAJourTableauTriable(element) {
	$(element).trigger('update');
}
 
function ajouterGaleriePhoto(element) {
	$(element).fancybox({
		transitionIn:'elastic',
		transitionOut:'elastic',
		speedIn	:600, 
		speedOut:200,
		overlayShow:true,
		titleShow:true,
		titlePosition:'inside',
		titleFormat:function (titre, currentArray, currentIndex, currentOpts) {
			var motif = /urn:lsid:tela-botanica[.]org:cel:img([0-9]+)$/;
			motif.exec(titre);
			var id = RegExp.$1;
			var info = $('#cel-info-'+id).clone().html();
			var tpl = 
				'<div class="cel-legende">'+
				'<p class="cel-legende-vei">'+'Image n°' + (currentIndex + 1) + ' sur ' + currentArray.length +'<\/p>'+	
				(titre && titre.length ? '<p>'+info+'<\/p>' : '' )+
				'<\/div>';
			return tpl;
		}
		}).live('click', function(e) {
			if (e.stopPropagation) {
				e.stopPropagation();
			}
			return false;
		});
}
 
function ajouterFomulaireContact(element) {
	$(element).fancybox({
		transitionIn:'elastic',
		transitionOut:'elastic',
		speedIn	:600, 
		speedOut:200,
		scrolling: 'no',
		titleShow: false,
		onStart: function(selectedArray, selectedIndex, selectedOpts) {
			var element = selectedArray[selectedIndex];
 
			var motif = / contributeur-([0-9]+)$/;
			motif.exec($(element).attr('class'));
			var id = RegExp.$1;
			//console.log('Destinataire id : '+id);
			$("#fc_destinataire_id").attr('value', id);
		
			var motif = / obs-([0-9]+) /;
			motif.exec($(element).attr('class'));
			var id = RegExp.$1;
			//console.log('Obs id : '+id);
			chargerInfoObsPourMessage(id);
		},
		onCleanup: function() {
			//console.log('Avant fermeture fancybox');
			$("#fc_destinataire_id").attr('value', '');
			$("#fc_sujet").attr('value', '');
			$("#fc_message").text('');
		},
		onClosed: function(e) {
			//console.log('Fermeture fancybox');
			if (e.stopPropagation) {
				e.stopPropagation();
			}
			return false;
		}
	});
}
 
function chargerInfoObsPourMessage(idObs) {
	var nomSci = trim($(".cel-obs-"+idObs+" .nom-sci:eq(0)").text());
	var date = trim($(".cel-obs-"+idObs+" .date:eq(0)").text());
	var lieu = trim($(".cel-obs-"+idObs+" .lieu:eq(0)").text());
	var sujet = "Observation #"+idObs+" de "+nomSci;
	var message = "\n\n\n\n\n\n\n\n--\nConcerne l'observation de \""+nomSci+'" du "'+date+'" au lieu "'+lieu+'".';
	$("#fc_sujet").attr('value', sujet);
	$("#fc_message").text(message);
}
 
function initialiserFormulaireContact() {
	//console.log('Initialisation du form contact');
	$("#form-contact").validate({
		rules: {
			fc_sujet : "required",
			fc_message : "required",
			fc_utilisateur_courriel : {
				required : true,
				email : true}
		}
	});
	$("#form-contact").bind("submit", envoyerCourriel);
	$("#fc_annuler").bind("click", function() {$.fancybox.close();});
	
}
 
function envoyerCourriel() {
	//console.log('Formulaire soumis');
	if ($("#form-contact").valid()) {
		//console.log('Formulaire valide');
		//$.fancybox.showActivity();
		var destinataireId = $("#fc_destinataire_id").attr('value');
		var urlMessage = "http://www.tela-botanica.org/service:annuaire:Utilisateur/"+destinataireId+"/message"
		var erreurMsg = "";
		var donnees = new Array();
		$.each($(this).serializeArray(), function (index, champ) {
			var cle = champ.name;
			cle = cle.replace(/^fc_/, '');
			
			if (cle == 'sujet') {
				champ.value += " - Carnet en ligne - Tela Botanica";
			}
			if (cle == 'message') {
				champ.value += "\n--\n"+
					"Ce message vous est envoyé par l'intermédiaire du widget Cartographique "+
					"du Carnet en Ligne du réseau Tela Botanica.\n"+
					"http://www.tela-botanica.org/widget:cel:carto";
			}
			
			donnees[index] = {'name':cle,'value':champ.value};
		});
		$.ajax({
			type : "POST",
			cache : false,
			url : urlMessage,
			data : donnees,
			beforeSend : function() {
				$(".msg").remove();
			},
			success : function(data) {
				$("#fc-zone-dialogue").append('<pre class="msg info">'+data.message+'</pre>');
			},
			error : function(jqXHR, textStatus, errorThrown) {
				erreurMsg += "Erreur Ajax :\ntype : "+textStatus+' '+errorThrown+"\n";
				reponse = jQuery.parseJSON(jqXHR.responseText);
				if (reponse != null) {
					$.each(reponse, function (cle, valeur) {
						erreurMsg += valeur + "\n";
					});
				}				
			},
			complete : function(jqXHR, textStatus) {
				var debugMsg = '';
				if (jqXHR.getResponseHeader("X-DebugJrest-Data") != '') {
					debugInfos = jQuery.parseJSON(jqXHR.getResponseHeader("X-DebugJrest-Data"));
					if (debugInfos != null) {
						$.each(debugInfos, function (cle, valeur) {
							debugMsg += valeur + "\n";
						});
					}
				}
				if (erreurMsg != '') {
					$("#fc-zone-dialogue").append('<p class="msg">'+
							'Une erreur est survenue lors de la transmission de votre message.'+'<br />'+
							'Vous pouvez signaler le disfonctionnement à <a href="'+
							'mailto:cel@tela-botanica.org'+'?'+
							'subject=Disfonctionnement du widget de Cartographie'+
							"&body="+erreurMsg+"\nDébogage :\n"+debugMsg+
							'">cel@tela-botanica.org</a>.'+
							'</p>');
				}
				if (DEBUG) {
					console.log('Débogage : '+debugMsg);
				}
				//console.log('Débogage : '+debugMsg);
				//console.log('Erreur : '+erreurMsg);
			}
		});
	}
	return false;
}
/*+--------------------------------------------------------------------------------------------------------+*/
// PANNEAU LATÉRAL
 
function initialiserAffichagePanneauLateral() {
	$('#panneau-lateral').height($(window).height() - 35);
	
	if (nt == '*') {
		$('#pl-ouverture').bind('click', afficherPanneauLateral);
		$('#pl-fermeture').bind('click', cacherPanneauLateral);
	}
	chargerTaxons(0, 0);
}
 
function chargerTaxons(depart, total) {
	if (depart == 0 || depart < total) {
		var limite = 7000;
		//console.log("Chargement des taxons de "+depart+" à "+(depart+limite));
		var urlTax = taxonsUrl+'&start={start}&limit='+limite;
		urlTax = urlTax.replace(/\{start\}/g, depart);
		$.getJSON(urlTax, function(infos) {
			taxonsCarte = taxonsCarte.concat(infos.taxons);
			//console.log("Nbre taxons :"+taxonsCarte.length);
			chargerTaxons(depart+limite, infos.total);
		});
	} else {
		if (nt == '*') {
			afficherTaxons();
		} else {
			afficherNomPlante();
		}
	}
}
 
function afficherTaxons() {
	// Ajout du nombre de plantes au titre
	$('.plantes-nbre').text(taxonsCarte.length.formaterNombre());
	
	$("#tpl-taxons-liste").tmpl({'taxons':taxonsCarte}).appendTo("#pl-corps");
	$('.taxon').live('click', filtrerParTaxon);
}
 
function afficherNomPlante() {
	if (nt != '*') {
		var taxon = taxonsCarte[0];
		$('.plante-titre').text('pour '+taxon.nom);
	}
}
 
function afficherPanneauLateral() {
	$('#panneau-lateral').width(300);
	$('#pl-contenu').css('display', 'block');
	$('#pl-ouverture').css('display', 'none');
	$('#pl-fermeture').css('display', 'block');
	$('#carte').css('left', '300px');
 
	google.maps.event.trigger(map, 'resize');
};
 
function cacherPanneauLateral() {
	$('#panneau-lateral').width(24);
	$('#pl-contenu').css('display', 'none');
	$('#pl-ouverture').css('display', 'block');
	$('#pl-fermeture').css('display', 'none');
	$('#carte').css('left', '24px');
	
	google.maps.event.trigger(map, 'resize');
};
 
function ouvrirPopUp(url, nom) {
	window.open(url, nom, 'scrollbars=yes,width=650,height=600,directories=no,location=no,menubar=no,status=no,toolbar=no');
};
 
function filtrerParTaxon() {
	var ntAFiltrer = $('.nt', this).text();
	infoBulle.close();
	$('#taxon-'+nt).removeClass('taxon-actif');
	if (nt == ntAFiltrer) {
		nt = '*';
		executerMarkerClusterer(pointsOrigine, boundsOrigine);
	} else {
		var url = stationsUrl.replace(/num_taxon=[*0-9]+/, 'num_taxon='+ntAFiltrer)+
			'&formatRetour=jsonP'+
			'&callback=?';
		$.getJSON(url, function (stationsFiltrees) {
			stations = stationsFiltrees;
			nt = ntAFiltrer;
			$('#taxon-'+nt).addClass('taxon-actif');
			rafraichirCarte();
		});
	}
};
 
/*+--------------------------------------------------------------------------------------------------------+*/
// FONCTIONS UTILITAIRES
 
function arreter(event) {
	if (event.stopPropagation) {
		event.stopPropagation();
	} else if (window.event) {
		window.event.cancelBubble = true;
	}
	return false;
}
 
/**
 * +-------------------------------------+
 * Number.prototype.formaterNombre
 * +-------------------------------------+
 * Params (facultatifs):
 * - Int decimales: nombre de decimales (exemple: 2)
 * - String signe: le signe precedent les decimales (exemple: "," ou ".")
 * - String separateurMilliers: comme son nom l'indique
 * Returns:
 * - String chaine formatee
 * @author	::mastahbenus::
 * @author	Jean-Pascal MILCENT <jpm@tela-botanica.org> : ajout détection auto entier/flotant
 * @souce	http://www.javascriptfr.com/codes/FORMATER-NOMBRE-FACON-NUMBER-FORMAT-PHP_40060.aspx
 */
Number.prototype.formaterNombre = function (decimales, signe, separateurMilliers) {
	var _sNombre = String(this), i, _sRetour = "", _sDecimales = "";
	
	function is_int(nbre) {
		nbre = nbre.replace(',', '.');
		return !(parseFloat(nbre)-parseInt(nbre) > 0);
	}
 
	if (decimales == undefined) {
		if (is_int(_sNombre)) {
			decimales = 0;
		} else {
			decimales = 2;
		}
	}
	if (signe == undefined) {
		if (is_int(_sNombre)) {
			signe = '';
		} else {
			signe = '.';
		}
	}
	if (separateurMilliers == undefined) {
		separateurMilliers = ' ';
	}
	
	function separeMilliers (sNombre) {
		var sRetour = "";
		while (sNombre.length % 3 != 0) {
			sNombre = "0"+sNombre;
		}
		for (i = 0; i < sNombre.length; i += 3) {
			if (i == sNombre.length-1) separateurMilliers = '';
			sRetour += sNombre.substr(i, 3) + separateurMilliers;
		}
		while (sRetour.substr(0, 1) == "0") {
			sRetour = sRetour.substr(1);
		}
		return sRetour.substr(0, sRetour.lastIndexOf(separateurMilliers));
	}
	
	if (_sNombre.indexOf('.') == -1) {
		for (i = 0; i < decimales; i++) {
			_sDecimales += "0";
		}
		_sRetour = separeMilliers(_sNombre) + signe + _sDecimales;
	} else {
		var sDecimalesTmp = (_sNombre.substr(_sNombre.indexOf('.')+1));
		if (sDecimalesTmp.length > decimales) {
			var nDecimalesManquantes = sDecimalesTmp.length - decimales;
			var nDiv = 1;
			for (i = 0; i < nDecimalesManquantes; i++) {
				nDiv *= 10;
			}
			_sDecimales = Math.round(Number(sDecimalesTmp) / nDiv);
		}
		_sRetour = separeMilliers(_sNombre.substr(0, _sNombre.indexOf('.')))+String(signe)+_sDecimales;
	}
	return _sRetour;
}
 
function debug(objet) {
	var msg = '';
	if (objet != null) {
		$.each(objet, function (cle, valeur) {
			msg += cle+":"+valeur + "\n";
		});
	} else {
		msg = "La variable vaut null.";
	}
	console.log(msg);
}
 
function trim (chaine) {
	return chaine.replace(/^\s+/g, '').replace(/\s+$/g, '');
}

Rev 2323	Rev 2345
1	`/+--------------------------------------------------------------------------------------------------------+/`	1	`/+--------------------------------------------------------------------------------------------------------+/`
2	`// PARAMÊTRES et CONSTANTES`	2	`// PARAMÊTRES et CONSTANTES`
3	`// Mettre à true pour afficher les messages de débogage`	3	`// Mettre à true pour afficher les messages de débogage`
4	`var DEBUG = false;`	4	`var DEBUG = false;`
5	`var pointImageUrl = 'http://chart.apis.google.com/chart?cht=mm&chs=24x32&chco=FFFFFF,008CFF,000000&ext=.png';`	5	`var pointImageUrl = 'http://chart.apis.google.com/chart?cht=mm&chs=24x32&chco=FFFFFF,008CFF,000000&ext=.png';`
6	`var pointsOrigine = null;`	6	`var pointsOrigine = null;`
7	`var boundsOrigine = null;`	7	`var boundsOrigine = null;`
8	`var markerClusterer = null;`	8	`var markerClusterer = null;`
9	`var map = null;`	9	`var map = null;`
10	`var infoBulle = new google.maps.InfoWindow();`	10	`var infoBulle = new google.maps.InfoWindow();`
11	`var pointClique = null;`	11	`var pointClique = null;`
12	`var carteCentre = new google.maps.LatLng(46.4, 3.10);`	12	`var carteCentre = new google.maps.LatLng(46.4, 3.10);`
13	`var carteOptions = {`	13	`var carteOptions = {`
14	`zoom: 6,`	14	`zoom: 6,`
15	`mapTypeId: 'OSM',`	15	`mapTypeId: 'OSM',`
16	`mapTypeControlOptions: {`	16	`mapTypeControlOptions: {`
17	`mapTypeIds: ['OSM',`	17	`mapTypeIds: ['OSM',`
18	`google.maps.MapTypeId.ROADMAP,`	18	`google.maps.MapTypeId.ROADMAP,`
19	`google.maps.MapTypeId.HYBRID,`	19	`google.maps.MapTypeId.HYBRID,`
20	`google.maps.MapTypeId.SATELLITE,`	20	`google.maps.MapTypeId.SATELLITE,`
21	`google.maps.MapTypeId.TERRAIN]`	21	`google.maps.MapTypeId.TERRAIN]`
22	`},`	22	`},`
23	`scaleControl: true`	23	`scaleControl: true,`
-		24	`center: carteCentre`
24	`};`	25	`};`
25	`var ctaLayer = null;`	26	`var ctaLayer = null;`
26	`var osmMapType = new google.maps.ImageMapType({`	27	`var osmMapType = new google.maps.ImageMapType({`
27	`getTileUrl: function(coord, zoom) {`	28	`getTileUrl: function(coord, zoom) {`
28	`return "http://osm.tela-botanica.org/tuiles/osmfr/" + // cache de tuiles avec nginx`	29	`return "http://osm.tela-botanica.org/tuiles/osmfr/" + // cache de tuiles avec nginx`
29	`zoom + "/" + coord.x + "/" + coord.y + ".png";`	30	`zoom + "/" + coord.x + "/" + coord.y + ".png";`
30	`},`	31	`},`
31	`tileSize: new google.maps.Size(256, 256),`	32	`tileSize: new google.maps.Size(256, 256),`
32	`isPng: true,`	33	`isPng: true,`
33	`alt: "OpenStreetMap",`	34	`alt: "OpenStreetMap",`
34	`name: "OSM",`	35	`name: "OSM",`
35	`maxZoom: 19`	36	`maxZoom: 19`
36	`});`	37	`});`
37	`var pagineur = {'limite':50, 'start':0, 'total':0, 'stationId':null, 'format':'tableau'};`	38	`var pagineur = {'limite':50, 'start':0, 'total':0, 'stationId':null, 'format':'tableau'};`
38	`var station = {'commune':'', 'obsNbre':0};`	39	`var station = {'commune':'', 'obsNbre':0};`
39	`var obsStation = new Array();`	40	`var obsStation = new Array();`
40	`var obsPage = new Array();`	41	`var obsPage = new Array();`
41	`var taxonsCarte = new Array();`	42	`var taxonsCarte = new Array();`
42	`/+--------------------------------------------------------------------------------------------------------+/`	43	`/+--------------------------------------------------------------------------------------------------------+/`
43	`// INITIALISATION DU CODE`	44	`// INITIALISATION DU CODE`
44		45
45	`//Déclenchement d'actions quand JQuery et le document HTML sont OK`	46	`//Déclenchement d'actions quand JQuery et le document HTML sont OK`
46	`$(document).ready(function() {`	47	`$(document).ready(function() {`
47	`initialiserWidget();`	48	`initialiserWidget();`
48	`});`	49	`});`
49		50
50	`function initialiserWidget() {`	51	`function initialiserWidget() {`
51	`afficherStats();`	52	`afficherStats();`
52	`definirTailleTitre();`	53	`definirTailleTitre();`
53	`initialiserAffichageCarte();`	54	`initialiserAffichageCarte();`
54	`initialiserAffichagePanneauLateral();`	55	`initialiserAffichagePanneauLateral();`
55		56
56	`initialiserCarte();`	57	`initialiserCarte();`
57	`initialiserInfoBulle();`	58	`initialiserInfoBulle();`
58	`initialiserFormulaireContact();`	59	`initialiserFormulaireContact();`
59	`chargerLimitesCommunales();`	60	`chargerLimitesCommunales();`
60	`rafraichirCarte();`	61	`rafraichirCarte();`
61	`}`	62	`}`
62		63
63	`/+--------------------------------------------------------------------------------------------------------+/`	64	`/+--------------------------------------------------------------------------------------------------------+/`
64	`// AFFICHAGE GÉNÉRAL`	65	`// AFFICHAGE GÉNÉRAL`
65		66
66	`function afficherStats() {`	67	`function afficherStats() {`
67	`// Ajout du nombre de communes où des observations ont eu lieu`	68	`// Ajout du nombre de communes où des observations ont eu lieu`
68	`$('#commune-nbre').text(stations.stats.communes.formaterNombre());`	69	`$('#commune-nbre').text(stations.stats.communes.formaterNombre());`
69	`// Ajout du nombre d'observations`	70	`// Ajout du nombre d'observations`
70	`$('#obs-nbre').text(stations.stats.observations.formaterNombre());`	71	`$('#obs-nbre').text(stations.stats.observations.formaterNombre());`
71	`}`	72	`}`
72		73
73	`function definirTailleTitre() {`	74	`function definirTailleTitre() {`
74	`var largeurViewPort = $(window).width();`	75	`var largeurViewPort = $(window).width();`
75	`var taille = null;`	76	`var taille = null;`
76	`if (largeurViewPort < 400) {`	77	`if (largeurViewPort < 400) {`
77	`taille = '0.8';`	78	`taille = '0.8';`
78	`} else if (largeurViewPort >= 400 && largeurViewPort < 800) {`	79	`} else if (largeurViewPort >= 400 && largeurViewPort < 800) {`
79	`taille = '1.0';`	80	`taille = '1.0';`
80	`} else if (largeurViewPort >= 800) {`	81	`} else if (largeurViewPort >= 800) {`
81	`taille = '1.6';`	82	`taille = '1.6';`
82	`}`	83	`}`
83	`$("#carte-titre").css('font-size', taille+'em');`	84	`$("#carte-titre").css('font-size', taille+'em');`
84	`}`	85	`}`
85		86
86	`/+--------------------------------------------------------------------------------------------------------+/`	87	`/+--------------------------------------------------------------------------------------------------------+/`
87	`// CARTE`	88	`// CARTE`
88		89
89	`function initialiserAffichageCarte() {`	90	`function initialiserAffichageCarte() {`
90	`$('#carte').height($(window).height() - 35);`	91	`$('#carte').height($(window).height() - 35);`
91	`$('#carte').width($(window).width() - 24);`	92	`$('#carte').width($(window).width() - 24);`
92		93
93	`if (nt != '*') {`	94	`if (nt != '*') {`
94	`$('#carte').css('left', 0);`	95	`$('#carte').css('left', 0);`
95	`}`	96	`}`
96	`}`	97	`}`
97		98
98	`function initialiserCarte() {`	99	`function initialiserCarte() {`
99	`map = new google.maps.Map(document.getElementById('carte'), carteOptions);`	100	`map = new google.maps.Map(document.getElementById('carte'), carteOptions);`
100	`// Ajout de la couche OSM à la carte`	101	`// Ajout de la couche OSM à la carte`
101	`map.mapTypes.set('OSM', osmMapType);`	102	`map.mapTypes.set('OSM', osmMapType);`
102		103
103	`// écouteur sur changement de fond`	104	`// écouteur sur changement de fond`
104	`google.maps.event.addListener( map, 'maptypeid_changed', function() {`	105	`google.maps.event.addListener( map, 'maptypeid_changed', function() {`
105	`// licence par défaut`	106	`// licence par défaut`
106	`var mention = 'Observations du réseau <a href="http://www.tela-botanica.org/site:botanique" ' +`	107	`var mention = 'Observations du réseau <a href="http://www.tela-botanica.org/site:botanique" ' +`
107	`'onClick="ouvrirNouvelleFenetre(this, event)">' +`	108	`'onClick="ouvrirNouvelleFenetre(this, event)">' +`
108	`'Tela Botanica' +`	109	`'Tela Botanica' +`
109	`'</a> ';`	110	`'</a> ';`
110	`if (map.getMapTypeId() == 'OSM') {`	111	`if (map.getMapTypeId() == 'OSM') {`
111	`// ajout licence OSM`	112	`// ajout licence OSM`
112	`mention += ' - Carte : <a href="http://www.openstreetmap.org/copyright" target="_blank">© les contributeurs d’OpenStreetMap</a>' +`	113	`mention += ' - Carte : <a href="http://www.openstreetmap.org/copyright" target="_blank">© les contributeurs d’OpenStreetMap</a>' +`
113	`' - Tuiles : <a href="http://www.openstreetmap.fr" target="_blank">OsmFr</a>';`	114	`' - Tuiles : <a href="http://www.openstreetmap.fr" target="_blank">OsmFr</a>';`
114	`}`	115	`}`
115	`$('#origine-donnees').html(mention);`	116	`$('#origine-donnees').html(mention);`
116	`});`	117	`});`
117	`}`	118	`}`
118		119
119		120
120	`function chargerLimitesCommunales() {`	121	`function chargerLimitesCommunales() {`
121	`if (urlsLimitesCommunales != null) {`	122	`if (urlsLimitesCommunales != null) {`
122	`for (urlId in urlsLimitesCommunales) {`	123	`for (urlId in urlsLimitesCommunales) {`
123	`var url = urlsLimitesCommunales[urlId];`	124	`var url = urlsLimitesCommunales[urlId];`
124	`ctaLayer = new google.maps.KmlLayer(url, {preserveViewport: true});`	125	`ctaLayer = new google.maps.KmlLayer(url, {preserveViewport: true});`
125	`ctaLayer.setMap(map);`	126	`ctaLayer.setMap(map);`
126	`}`	127	`}`
127	`}`	128	`}`
128	`}`	129	`}`
129		130
130	`function rafraichirCarte() {`	131	`function rafraichirCarte() {`
131	`var points = [];`	132	`var points = [];`
132	`var bounds = new google.maps.LatLngBounds();`	133	`var bounds = new google.maps.LatLngBounds();`
133	`for (var i = 0; i < stations.stats.communes; ++i) {`	134	`for (var i = 0; i < stations.stats.communes; ++i) {`
134	`var maLatLng = new google.maps.LatLng(stations.points[i].latitude, stations.points[i].longitude);`	135	`var maLatLng = new google.maps.LatLng(stations.points[i].latitude, stations.points[i].longitude);`
135	`var pointImage = new google.maps.MarkerImage(pointImageUrl, new google.maps.Size(24, 32));`	136	`var pointImage = new google.maps.MarkerImage(pointImageUrl, new google.maps.Size(24, 32));`
136	`var point = new google.maps.Marker({`	137	`var point = new google.maps.Marker({`
137	`position: maLatLng,`	138	`position: maLatLng,`
138	`map: map,`	139	`map: map,`
139	`icon: pointImage,`	140	`icon: pointImage,`
140	`stationId: stations.points[i].id`	141	`stationId: stations.points[i].id`
141	`});`	142	`});`
142		143
143	`bounds.extend(maLatLng);`	144	`bounds.extend(maLatLng);`
144		145
145	`google.maps.event.addListener(point, 'click', function() {`	146	`google.maps.event.addListener(point, 'click', function() {`
146	`pointClique = this;`	147	`pointClique = this;`
147	`infoBulle.open(map, this);`	148	`infoBulle.open(map, this);`
148		149
149	`var limites = map.getBounds();`	150	`var limites = map.getBounds();`
150	`var centre = limites.getCenter();`	151	`var centre = limites.getCenter();`
151	`var nordEst = limites.getNorthEast();`	152	`var nordEst = limites.getNorthEast();`
152	`var centreSudLatLng = new google.maps.LatLng(nordEst.lat(), centre.lng());`	153	`var centreSudLatLng = new google.maps.LatLng(nordEst.lat(), centre.lng());`
153	`map.panTo(centreSudLatLng);`	154	`map.panTo(centreSudLatLng);`
154		155
155	`afficherInfoBulle();`	156	`afficherInfoBulle();`
156	`chargerObs(0, 0);`	157	`chargerObs(0, 0);`
157	`});`	158	`});`
158		159
159	`points.push(point);`	160	`points.push(point);`
160	`}`	161	`}`
161		162
162	`if (pointsOrigine == null && boundsOrigine == null) {`	163	`if (pointsOrigine == null && boundsOrigine == null) {`
163	`pointsOrigine = points;`	164	`pointsOrigine = points;`
164	`boundsOrigine = bounds;`	165	`boundsOrigine = bounds;`
165	`}`	166	`}`
166		167
167	`executerMarkerClusterer(points, bounds);`	168	`executerMarkerClusterer(points, bounds);`
168	`}`	169	`}`
169		170
170	`function deplacerCartePointClique() {`	171	`function deplacerCartePointClique() {`
171	`map.panTo(pointClique.position);`	172	`map.panTo(pointClique.position);`
172	`}`	173	`}`
173		174
174	`function executerMarkerClusterer(points, bounds) {`	175	`function executerMarkerClusterer(points, bounds) {`
-		176	`if (points.length > 0) {`
175	`if (markerClusterer) {`	177	`if (markerClusterer) {`
176	`markerClusterer.clearMarkers();`	178	`markerClusterer.clearMarkers();`
-		179	`}`
-		180	`markerClusterer = new MarkerClusterer(map, points);`
-		181	`map.fitBounds(bounds);`
177	`}`	182	`}`
178	`markerClusterer = new MarkerClusterer(map, points);`	-
179	`map.fitBounds(bounds);`	-
180	`}`	183	`}`
181		184
182	`/+--------------------------------------------------------------------------------------------------------+/`	185	`/+--------------------------------------------------------------------------------------------------------+/`
183	`// INFO BULLE`	186	`// INFO BULLE`
184		187
185	`function initialiserInfoBulle() {`	188	`function initialiserInfoBulle() {`
186	`google.maps.event.addListener(infoBulle, 'domready', initialiserContenuInfoBulle);`	189	`google.maps.event.addListener(infoBulle, 'domready', initialiserContenuInfoBulle);`
187	`google.maps.event.addListener(infoBulle, 'closeclick', deplacerCartePointClique);`	190	`google.maps.event.addListener(infoBulle, 'closeclick', deplacerCartePointClique);`
188	`}`	191	`}`
189		192
190	`function afficherInfoBulle() {`	193	`function afficherInfoBulle() {`
191	`var obsHtml = $("#tpl-obs").html();`	194	`var obsHtml = $("#tpl-obs").html();`
192	`var largeur = definirLargeurInfoBulle();`	195	`var largeur = definirLargeurInfoBulle();`
193	`obsHtml = obsHtml.replace(/\{largeur\}/, largeur);`	196	`obsHtml = obsHtml.replace(/\{largeur\}/, largeur);`
194	`infoBulle.setContent(obsHtml);`	197	`infoBulle.setContent(obsHtml);`
195	`}`	198	`}`
196		199
197	`function definirLargeurInfoBulle() {`	200	`function definirLargeurInfoBulle() {`
198	`var largeurViewPort = $(window).width();`	201	`var largeurViewPort = $(window).width();`
199	`var lageurInfoBulle = null;`	202	`var lageurInfoBulle = null;`
200	`if (largeurViewPort < 800) {`	203	`if (largeurViewPort < 800) {`
201	`largeurInfoBulle = 400;`	204	`largeurInfoBulle = 400;`
202	`} else if (largeurViewPort >= 800 && largeurViewPort < 1200) {`	205	`} else if (largeurViewPort >= 800 && largeurViewPort < 1200) {`
203	`largeurInfoBulle = 500;`	206	`largeurInfoBulle = 500;`
204	`} else if (largeurViewPort >= 1200) {`	207	`} else if (largeurViewPort >= 1200) {`
205	`largeurInfoBulle = 600;`	208	`largeurInfoBulle = 600;`
206	`}`	209	`}`
207	`return largeurInfoBulle;`	210	`return largeurInfoBulle;`
208	`}`	211	`}`
209		212
210	`function afficherMessageChargement(element) {`	213	`function afficherMessageChargement(element) {`
211	`if ($('#chargement').get() == '') {`	214	`if ($('#chargement').get() == '') {`
212	`$('#tpl-chargement').tmpl().appendTo(element);`	215	`$('#tpl-chargement').tmpl().appendTo(element);`
213	`}`	216	`}`
214	`}`	217	`}`
215		218
216	`function supprimerMessageChargement() {`	219	`function supprimerMessageChargement() {`
217	`$('#chargement').remove();`	220	`$('#chargement').remove();`
218	`}`	221	`}`
219		222
220	`function chargerObs(depart, total) {`	223	`function chargerObs(depart, total) {`
221	`if (depart == 0 \|\| depart < total) {`	224	`if (depart == 0 \|\| depart < total) {`
222	`var limite = 300;`	225	`var limite = 300;`
223	`if (depart == 0) {`	226	`if (depart == 0) {`
224	`obsStation = new Array();`	227	`obsStation = new Array();`
225	`}`	228	`}`
226	`//console.log("Chargement de "+depart+" à "+(depart+limite));`	229	`//console.log("Chargement de "+depart+" à "+(depart+limite));`
227	`var urlObs = observationsUrl+'&start={start}&limit='+limite;`	230	`var urlObs = observationsUrl+'&start={start}&limit='+limite;`
228	`urlObs = urlObs.replace(/\{stationId\}/g, pointClique.stationId);`	231	`urlObs = urlObs.replace(/\{stationId\}/g, pointClique.stationId);`
229	`urlObs = urlObs.replace(/\{nt\}/g, nt);`	232	`urlObs = urlObs.replace(/\{nt\}/g, nt);`
230	`urlObs = urlObs.replace(/\{start\}/g, depart);`	233	`urlObs = urlObs.replace(/\{start\}/g, depart);`
231		234
232	`$.getJSON(urlObs, function(observations){`	235	`$.getJSON(urlObs, function(observations){`
233	`obsStation = obsStation.concat(observations.observations);`	236	`obsStation = obsStation.concat(observations.observations);`
234	`if (depart == 0) {`	237	`if (depart == 0) {`
235	`actualiserInfosStation(observations);`	238	`actualiserInfosStation(observations);`
236	`actualiserPagineur();`	239	`actualiserPagineur();`
237	`creerTitreInfoBulle();`	240	`creerTitreInfoBulle();`
238	`}`	241	`}`
239	`//console.log("Chargement ok");`	242	`//console.log("Chargement ok");`
240	`chargerObs(depart+limite, station.obsNbre);`	243	`chargerObs(depart+limite, station.obsNbre);`
241	`});`	244	`});`
242	`} else {`	245	`} else {`
243	`if (pagineur.limite < total) {`	246	`if (pagineur.limite < total) {`
244	`afficherPagination();`	247	`afficherPagination();`
245	`} else {`	248	`} else {`
246	`surClicPagePagination(0, null);`	249	`surClicPagePagination(0, null);`
247	`selectionnerOnglet("#obs-vue-"+pagineur.format);`	250	`selectionnerOnglet("#obs-vue-"+pagineur.format);`
248	`}`	251	`}`
249	`}`	252	`}`
250	`}`	253	`}`
251		254
252	`function actualiserInfosStation(infos) {`	255	`function actualiserInfosStation(infos) {`
253	`station.commune = infos.commune;`	256	`station.commune = infos.commune;`
254	`station.obsNbre = infos.total;`	257	`station.obsNbre = infos.total;`
255	`}`	258	`}`
256		259
257	`function actualiserPagineur() {`	260	`function actualiserPagineur() {`
258	`pagineur.stationId = pointClique.stationId;`	261	`pagineur.stationId = pointClique.stationId;`
259	`pagineur.total = station.obsNbre;`	262	`pagineur.total = station.obsNbre;`
260	`//console.log("Total pagineur: "+pagineur.total);`	263	`//console.log("Total pagineur: "+pagineur.total);`
261	`if (pagineur.total > 4) {`	264	`if (pagineur.total > 4) {`
262	`pagineur.format = 'tableau';`	265	`pagineur.format = 'tableau';`
263	`} else {`	266	`} else {`
264	`pagineur.format = 'liste';`	267	`pagineur.format = 'liste';`
265	`}`	268	`}`
266	`}`	269	`}`
267		270
268	`function afficherPagination(observations) {`	271	`function afficherPagination(observations) {`
269	`$(".navigation").pagination(pagineur.total, {`	272	`$(".navigation").pagination(pagineur.total, {`
270	`items_per_page:pagineur.limite,`	273	`items_per_page:pagineur.limite,`
271	`callback:surClicPagePagination,`	274	`callback:surClicPagePagination,`
272	`next_text:'Suivant',`	275	`next_text:'Suivant',`
273	`prev_text:'Précédent',`	276	`prev_text:'Précédent',`
274	`prev_show_always:false,`	277	`prev_show_always:false,`
275	`num_edge_entries:1,`	278	`num_edge_entries:1,`
276	`num_display_entries:4,`	279	`num_display_entries:4,`
277	`load_first_page:true`	280	`load_first_page:true`
278	`});`	281	`});`
279	`}`	282	`}`
280		283
281	`function surClicPagePagination(pageIndex, paginationConteneur) {`	284	`function surClicPagePagination(pageIndex, paginationConteneur) {`
282	`var index = pageIndex * pagineur.limite;`	285	`var index = pageIndex * pagineur.limite;`
283	`var indexMax = index + pagineur.limite;`	286	`var indexMax = index + pagineur.limite;`
284	`pagineur.depart = index;`	287	`pagineur.depart = index;`
285	`obsPage = new Array();`	288	`obsPage = new Array();`
286	`for(index; index < indexMax; index++) {`	289	`for(index; index < indexMax; index++) {`
287	`obsPage.push(obsStation[index]);`	290	`obsPage.push(obsStation[index]);`
288	`}`	291	`}`
289		292
290	`supprimerMessageChargement();`	293	`supprimerMessageChargement();`
291	`mettreAJourObservations();`	294	`mettreAJourObservations();`
292	`return false;`	295	`return false;`
293	`}`	296	`}`
294		297
295	`function mettreAJourObservations() {`	298	`function mettreAJourObservations() {`
296	`$("#obs-"+pagineur.format+"-lignes").empty();`	299	`$("#obs-"+pagineur.format+"-lignes").empty();`
297	`$("#obs-vue-"+pagineur.format).css('display', 'block');`	300	`$("#obs-vue-"+pagineur.format).css('display', 'block');`
298	`$(".obs-conteneur").css('counter-reset', 'item '+pagineur.depart);`	301	`$(".obs-conteneur").css('counter-reset', 'item '+pagineur.depart);`
299	`$("#tpl-obs-"+pagineur.format).tmpl(obsPage).appendTo("#obs-"+pagineur.format+"-lignes");`	302	`$("#tpl-obs-"+pagineur.format).tmpl(obsPage).appendTo("#obs-"+pagineur.format+"-lignes");`
300		303
301	`// Actualisation de Fancybox`	304	`// Actualisation de Fancybox`
302	`ajouterFomulaireContact("a.contact");`	305	`ajouterFomulaireContact("a.contact");`
303	`if (pagineur.format == 'liste') {`	306	`if (pagineur.format == 'liste') {`
304	`ajouterGaleriePhoto("a.cel-img");`	307	`ajouterGaleriePhoto("a.cel-img");`
305	`}`	308	`}`
306	`}`	309	`}`
307		310
308	`function creerTitreInfoBulle() {`	311	`function creerTitreInfoBulle() {`
309	`$("#obs-total").text(station.obsNbre);`	312	`$("#obs-total").text(station.obsNbre);`
310	`$("#obs-commune").text(station.commune);`	313	`$("#obs-commune").text(station.commune);`
311	`}`	314	`}`
312		315
313	`function initialiserContenuInfoBulle() {`	316	`function initialiserContenuInfoBulle() {`
314	`afficherOnglets();`	317	`afficherOnglets();`
315	`afficherMessageChargement('#observations');`	318	`afficherMessageChargement('#observations');`
316	`ajouterTableauTriable("#obs-tableau");`	319	`ajouterTableauTriable("#obs-tableau");`
317	`afficherTextStationId();`	320	`afficherTextStationId();`
318	`corrigerLargeurInfoWindow();`	321	`corrigerLargeurInfoWindow();`
319	`}`	322	`}`
320		323
321	`function afficherOnglets() {`	324	`function afficherOnglets() {`
322	`var $tabs = $('#obs').tabs();`	325	`var $tabs = $('#obs').tabs();`
323	`$('#obs').bind('tabsselect', function(event, ui) {`	326	`$('#obs').bind('tabsselect', function(event, ui) {`
324	`if (ui.panel.id == 'obs-vue-tableau') {`	327	`if (ui.panel.id == 'obs-vue-tableau') {`
325	`surClicAffichageTableau();`	328	`surClicAffichageTableau();`
326	`} else if (ui.panel.id == 'obs-vue-liste') {`	329	`} else if (ui.panel.id == 'obs-vue-liste') {`
327	`surClicAffichageListe();`	330	`surClicAffichageListe();`
328	`}`	331	`}`
329	`});`	332	`});`
330	`$tabs.tabs('select', "#obs-vue-"+pagineur.format);`	333	`$tabs.tabs('select', "#obs-vue-"+pagineur.format);`
331	`}`	334	`}`
332		335
333	`function selectionnerOnglet(onglet) {`	336	`function selectionnerOnglet(onglet) {`
334	`$('#obs').tabs('select', onglet);`	337	`$('#obs').tabs('select', onglet);`
335	`}`	338	`}`
336		339
337	`function afficherTextStationId() {`	340	`function afficherTextStationId() {`
338	`$('#obs-station-id').text(pointClique.stationId);`	341	`$('#obs-station-id').text(pointClique.stationId);`
339	`}`	342	`}`
340		343
341	`function corrigerLargeurInfoWindow() {`	344	`function corrigerLargeurInfoWindow() {`
342	`$("#info-bulle").width($("#info-bulle").width() - 17);`	345	`$("#info-bulle").width($("#info-bulle").width() - 17);`
343	`}`	346	`}`
344		347
345	`function surClicAffichageTableau(event) {`	348	`function surClicAffichageTableau(event) {`
346	`//console.log('tableau');`	349	`//console.log('tableau');`
347	`pagineur.format = 'tableau';`	350	`pagineur.format = 'tableau';`
348	`mettreAJourObservations();`	351	`mettreAJourObservations();`
349	`mettreAJourTableauTriable("#obs-tableau");`	352	`mettreAJourTableauTriable("#obs-tableau");`
350	`}`	353	`}`
351		354
352	`function surClicAffichageListe(event) {`	355	`function surClicAffichageListe(event) {`
353	`//console.log('liste');`	356	`//console.log('liste');`
354	`pagineur.format = 'liste';`	357	`pagineur.format = 'liste';`
355	`mettreAJourObservations();`	358	`mettreAJourObservations();`
356	`ajouterGaleriePhoto("a.cel-img");`	359	`ajouterGaleriePhoto("a.cel-img");`
357	`}`	360	`}`
358		361
359	`function ajouterTableauTriable(element) {`	362	`function ajouterTableauTriable(element) {`
360	`// add parser through the tablesorter addParser method`	363	`// add parser through the tablesorter addParser method`
361	`$.tablesorter.addParser({`	364	`$.tablesorter.addParser({`
362	`// Définition d'un id unique pour ce parsseur`	365	`// Définition d'un id unique pour ce parsseur`
363	`id: 'date_cel',`	366	`id: 'date_cel',`
364	`is: function(s) {`	367	`is: function(s) {`
365	`// doit retourner false si le parsseur n'est pas autodétecté`	368	`// doit retourner false si le parsseur n'est pas autodétecté`
366	`return /^\s\d{2}[\/-]\d{2}[\/-]\d{4}\s$/.test(s);`	369	`return /^\s\d{2}[\/-]\d{2}[\/-]\d{4}\s$/.test(s);`
367	`},`	370	`},`
368	`format: function(date) {`	371	`format: function(date) {`
369	`// Transformation date jj/mm/aaaa en aaaa/mm/jj`	372	`// Transformation date jj/mm/aaaa en aaaa/mm/jj`
370	`date = date.replace(/^\s(\d{2})[\/-](\d{2})[\/-](\d{4})\s$/, "$3/$2/$1");`	373	`date = date.replace(/^\s(\d{2})[\/-](\d{2})[\/-](\d{4})\s$/, "$3/$2/$1");`
371	`// Remplace la date par un nombre de millisecondes pour trier numériquement`	374	`// Remplace la date par un nombre de millisecondes pour trier numériquement`
372	`return $.tablesorter.formatFloat(new Date(date).getTime());`	375	`return $.tablesorter.formatFloat(new Date(date).getTime());`
373	`},`	376	`},`
374	`// set type, either numeric or text`	377	`// set type, either numeric or text`
375	`type: 'numeric'`	378	`type: 'numeric'`
376	`});`	379	`});`
377	`$(element).tablesorter({`	380	`$(element).tablesorter({`
378	`headers: {`	381	`headers: {`
379	`1: {`	382	`1: {`
380	`sorter:'date_cel'`	383	`sorter:'date_cel'`
381	`}`	384	`}`
382	`}`	385	`}`
383	`});`	386	`});`
384	`}`	387	`}`
385		388
386	`function mettreAJourTableauTriable(element) {`	389	`function mettreAJourTableauTriable(element) {`
387	`$(element).trigger('update');`	390	`$(element).trigger('update');`
388	`}`	391	`}`
389		392
390	`function ajouterGaleriePhoto(element) {`	393	`function ajouterGaleriePhoto(element) {`
391	`$(element).fancybox({`	394	`$(element).fancybox({`
392	`transitionIn:'elastic',`	395	`transitionIn:'elastic',`
393	`transitionOut:'elastic',`	396	`transitionOut:'elastic',`
394	`speedIn :600,`	397	`speedIn :600,`
395	`speedOut:200,`	398	`speedOut:200,`
396	`overlayShow:true,`	399	`overlayShow:true,`
397	`titleShow:true,`	400	`titleShow:true,`
398	`titlePosition:'inside',`	401	`titlePosition:'inside',`
399	`titleFormat:function (titre, currentArray, currentIndex, currentOpts) {`	402	`titleFormat:function (titre, currentArray, currentIndex, currentOpts) {`
400	`var motif = /urn:lsid:tela-botanica[.]org:cel:img([0-9]+)$/;`	403	`var motif = /urn:lsid:tela-botanica[.]org:cel:img([0-9]+)$/;`
401	`motif.exec(titre);`	404	`motif.exec(titre);`
402	`var id = RegExp.$1;`	405	`var id = RegExp.$1;`
403	`var info = $('#cel-info-'+id).clone().html();`	406	`var info = $('#cel-info-'+id).clone().html();`
404	`var tpl =`	407	`var tpl =`
405	`'<div class="cel-legende">'+`	408	`'<div class="cel-legende">'+`
406	`'<p class="cel-legende-vei">'+'Image n°' + (currentIndex + 1) + ' sur ' + currentArray.length +'<\/p>'+`	409	`'<p class="cel-legende-vei">'+'Image n°' + (currentIndex + 1) + ' sur ' + currentArray.length +'<\/p>'+`
407	`(titre && titre.length ? '<p>'+info+'<\/p>' : '' )+`	410	`(titre && titre.length ? '<p>'+info+'<\/p>' : '' )+`
408	`'<\/div>';`	411	`'<\/div>';`
409	`return tpl;`	412	`return tpl;`
410	`}`	413	`}`
411	`}).live('click', function(e) {`	414	`}).live('click', function(e) {`
412	`if (e.stopPropagation) {`	415	`if (e.stopPropagation) {`
413	`e.stopPropagation();`	416	`e.stopPropagation();`
414	`}`	417	`}`
415	`return false;`	418	`return false;`
416	`});`	419	`});`
417	`}`	420	`}`
418		421
419	`function ajouterFomulaireContact(element) {`	422	`function ajouterFomulaireContact(element) {`
420	`$(element).fancybox({`	423	`$(element).fancybox({`
421	`transitionIn:'elastic',`	424	`transitionIn:'elastic',`
422	`transitionOut:'elastic',`	425	`transitionOut:'elastic',`
423	`speedIn :600,`	426	`speedIn :600,`
424	`speedOut:200,`	427	`speedOut:200,`
425	`scrolling: 'no',`	428	`scrolling: 'no',`
426	`titleShow: false,`	429	`titleShow: false,`
427	`onStart: function(selectedArray, selectedIndex, selectedOpts) {`	430	`onStart: function(selectedArray, selectedIndex, selectedOpts) {`
428	`var element = selectedArray[selectedIndex];`	431	`var element = selectedArray[selectedIndex];`
429		432
430	`var motif = / contributeur-([0-9]+)$/;`	433	`var motif = / contributeur-([0-9]+)$/;`
431	`motif.exec($(element).attr('class'));`	434	`motif.exec($(element).attr('class'));`
432	`var id = RegExp.$1;`	435	`var id = RegExp.$1;`
433	`//console.log('Destinataire id : '+id);`	436	`//console.log('Destinataire id : '+id);`
434	`$("#fc_destinataire_id").attr('value', id);`	437	`$("#fc_destinataire_id").attr('value', id);`
435		438
436	`var motif = / obs-([0-9]+) /;`	439	`var motif = / obs-([0-9]+) /;`
437	`motif.exec($(element).attr('class'));`	440	`motif.exec($(element).attr('class'));`
438	`var id = RegExp.$1;`	441	`var id = RegExp.$1;`
439	`//console.log('Obs id : '+id);`	442	`//console.log('Obs id : '+id);`
440	`chargerInfoObsPourMessage(id);`	443	`chargerInfoObsPourMessage(id);`
441	`},`	444	`},`
442	`onCleanup: function() {`	445	`onCleanup: function() {`
443	`//console.log('Avant fermeture fancybox');`	446	`//console.log('Avant fermeture fancybox');`
444	`$("#fc_destinataire_id").attr('value', '');`	447	`$("#fc_destinataire_id").attr('value', '');`
445	`$("#fc_sujet").attr('value', '');`	448	`$("#fc_sujet").attr('value', '');`
446	`$("#fc_message").text('');`	449	`$("#fc_message").text('');`
447	`},`	450	`},`
448	`onClosed: function(e) {`	451	`onClosed: function(e) {`
449	`//console.log('Fermeture fancybox');`	452	`//console.log('Fermeture fancybox');`
450	`if (e.stopPropagation) {`	453	`if (e.stopPropagation) {`
451	`e.stopPropagation();`	454	`e.stopPropagation();`
452	`}`	455	`}`
453	`return false;`	456	`return false;`
454	`}`	457	`}`
455	`});`	458	`});`
456	`}`	459	`}`
457		460
458	`function chargerInfoObsPourMessage(idObs) {`	461	`function chargerInfoObsPourMessage(idObs) {`
459	`var nomSci = trim($(".cel-obs-"+idObs+" .nom-sci:eq(0)").text());`	462	`var nomSci = trim($(".cel-obs-"+idObs+" .nom-sci:eq(0)").text());`
460	`var date = trim($(".cel-obs-"+idObs+" .date:eq(0)").text());`	463	`var date = trim($(".cel-obs-"+idObs+" .date:eq(0)").text());`
461	`var lieu = trim($(".cel-obs-"+idObs+" .lieu:eq(0)").text());`	464	`var lieu = trim($(".cel-obs-"+idObs+" .lieu:eq(0)").text());`
462	`var sujet = "Observation #"+idObs+" de "+nomSci;`	465	`var sujet = "Observation #"+idObs+" de "+nomSci;`
463	`var message = "\n\n\n\n\n\n\n\n--\nConcerne l'observation de \""+nomSci+'" du "'+date+'" au lieu "'+lieu+'".';`	466	`var message = "\n\n\n\n\n\n\n\n--\nConcerne l'observation de \""+nomSci+'" du "'+date+'" au lieu "'+lieu+'".';`
464	`$("#fc_sujet").attr('value', sujet);`	467	`$("#fc_sujet").attr('value', sujet);`
465	`$("#fc_message").text(message);`	468	`$("#fc_message").text(message);`
466	`}`	469	`}`
467		470
468	`function initialiserFormulaireContact() {`	471	`function initialiserFormulaireContact() {`
469	`//console.log('Initialisation du form contact');`	472	`//console.log('Initialisation du form contact');`
470	`$("#form-contact").validate({`	473	`$("#form-contact").validate({`
471	`rules: {`	474	`rules: {`
472	`fc_sujet : "required",`	475	`fc_sujet : "required",`
473	`fc_message : "required",`	476	`fc_message : "required",`
474	`fc_utilisateur_courriel : {`	477	`fc_utilisateur_courriel : {`
475	`required : true,`	478	`required : true,`
476	`email : true}`	479	`email : true}`
477	`}`	480	`}`
478	`});`	481	`});`
479	`$("#form-contact").bind("submit", envoyerCourriel);`	482	`$("#form-contact").bind("submit", envoyerCourriel);`
480	`$("#fc_annuler").bind("click", function() {$.fancybox.close();});`	483	`$("#fc_annuler").bind("click", function() {$.fancybox.close();});`
481		484
482	`}`	485	`}`
483		486
484	`function envoyerCourriel() {`	487	`function envoyerCourriel() {`
485	`//console.log('Formulaire soumis');`	488	`//console.log('Formulaire soumis');`
486	`if ($("#form-contact").valid()) {`	489	`if ($("#form-contact").valid()) {`
487	`//console.log('Formulaire valide');`	490	`//console.log('Formulaire valide');`
488	`//$.fancybox.showActivity();`	491	`//$.fancybox.showActivity();`
489	`var destinataireId = $("#fc_destinataire_id").attr('value');`	492	`var destinataireId = $("#fc_destinataire_id").attr('value');`
490	`var urlMessage = "http://www.tela-botanica.org/service:annuaire:Utilisateur/"+destinataireId+"/message"`	493	`var urlMessage = "http://www.tela-botanica.org/service:annuaire:Utilisateur/"+destinataireId+"/message"`
491	`var erreurMsg = "";`	494	`var erreurMsg = "";`
492	`var donnees = new Array();`	495	`var donnees = new Array();`
493	`$.each($(this).serializeArray(), function (index, champ) {`	496	`$.each($(this).serializeArray(), function (index, champ) {`
494	`var cle = champ.name;`	497	`var cle = champ.name;`
495	`cle = cle.replace(/^fc_/, '');`	498	`cle = cle.replace(/^fc_/, '');`

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/carto/squelettes/scripts/carto.js @ 2081 – Rev 2323 → 2345