WebSVN – eFlore/Applications.cel – Diff – /trunk/widget/modules/cartopoint/squelettes/carte_defaut.tpl.html


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Observations publiques du CEL - Tela Botanica</title>
		
		<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
		<meta http-equiv="Content-style-type" content="text/css" />
		<meta http-equiv="Content-script-type" content="text/javascript" />
		<meta http-equiv="Content-language" content="fr" />
		
		<meta name="revisit-after" content="15 days" />
        <meta name="robots" content="index,follow" />
        <meta name="author" content="Tela Botanica" />
        <meta name="keywords" content="Tela Botanica, cartographie, CEL" />
        <meta name="description" content="Widget de cartographie des observations publiques de plantes saisies dans le Carnet en Ligne (CEL)" />
 
		<!-- OpenGraph pour Facebook, Pinterest, Google+ -->
		<meta property="og:type" content="website" />
		<meta property="og:title" content="Cartographie des observations publiques du CeL" />
		<meta property="og:site_name" content="Tela Botanica" />
		<meta property="og:description" content="Représentation cartographique des observations publiques du Carnet en Ligne" />
		<meta property="og:image" content="http://resources.tela-botanica.org/tb/img/256x256/carre_englobant.png" />
		<meta property="og:image:type" content="image/png" /> 
		<meta property="og:image:width" content="256" /> 
		<meta property="og:image:height" content="256" />
		<meta property="og:locale" content="fr_FR" />
 
		<!-- Spécial mobile -->
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		
		<!-- Favicones -->
		<link rel="icon" type="image/png" href="http://resources.tela-botanica.org/tb/img/16x16/favicon.png" />
		<link rel="shortcut icon" type="image/x-icon" href="http://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
		
		<!-- Javascript : bibliothèques -->
		<!-- 	Google Map v3 -->
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.5&amp;sensor=true&amp;language=fr&amp;region=FR"></script>
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/google/map/3/markermanager/1.0/markermanager-1.0.pack.js"></script>
		<!-- 	Jquery -->
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.6.2/jquery-1.6.2.min.js"></script>
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.15/js/jquery-ui-1.8.15.custom.min.js"></script>
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/tablesorter/2.0.5/jquery.tablesorter.min.js"></script>
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.pack.js"></script>
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/pagination/2.2/jquery.pagination.js"></script>
		<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.8.1/jquery.validate.min.js"></script>
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.8.1/messages_fr.js"></script>
		
		<!-- Javascript : appli carto -->
		<script type="text/javascript">
		//<![CDATA[
			var urlWidgetSaisie = '<?= $url_widget_saisie; ?>',
				urlsLimitesCommunales = '<?= $url_limites_communales; ?>',
				nt = '<?=$num_taxon?>',
				filtreCommun = 
					'&taxon=<?=rawurlencode($taxon)?>'+
					'&utilisateur=<?=$utilisateur?>'+
					'&projet=<?=rawurlencode($projet)?>'+
					'&tag=<?=rawurlencode($tag)?>'+
					'&date=<?=$date?>'+
					'&dept=<?=$dept?>'+
					'&commune=<?=rawurlencode($commune)?>'+
					'&pays=<?=rawurlencode($pays)?>'+
					'&commentaire=<?=rawurlencode($commentaire)?>'+
					'&groupe_zones_geo=<?=rawurlencode($groupe_zones_geo)?>',
				utilisateur = '<?=$utilisateur?>',
				photos = '<?= ($photos != null) ? $photos : "null"; ?>';
				groupe_zones_geo = '<?= ($groupe_zones_geo != null) ? $groupe_zones_geo : "null"; ?>';
			if (photos != null) {
				filtreCommun += '&photos=<?=rawurlencode($photos)?>';
			}
			var nbJours = '<?= ($nbjours != null) ? $nbjours : "null"; ?>';
			if (nbJours != null) {
				filtreCommun += '&nbjours=<?=rawurlencode($nbjours)?>';
			}
			var annee = '<?= ($annee != null) ? $annee : "null"; ?>';
			if (annee != null) {
				filtreCommun += '&annee=<?=rawurlencode($annee)?>';
			}
			var referentiel = '<?= ($referentiel != null) ? $referentiel : "null"; ?>';
			if (referentiel != null) {
				filtreCommun += '&referentiel=<?=rawurlencode($referentiel)?>';
			}
			var titreCarte = '<?= ($titre != null) ? addslashes($titre) : "null"; ?>',
				urlLogo = '<?= ($logo != null) ? $logo : "null"; ?>',
				urlSite = '<?= ($url_site != null) ? $url_site : "null"; ?>',
				urlImage = '<?= ($image != null) ? $image : "null"; ?>',
				stationsUrl = '<?=$url_cel_carto?>/tout'+'?' + 'num_taxon=' + nt + filtreCommun,
				taxonsUrl = '<?=$url_cel_carto?>/taxons'+'?' + 'num_taxon=' + nt + filtreCommun,
				observationsUrl = '<?=$url_cel_carto?>/observations' + '?' +
					'station={stationId}'+
					'&num_taxon={nt}'+
					filtreCommun,
				communeImageUrl = '<?= $communeImageUrl; ?>',
				pointImageUrl = '<?= $pointImageUrl; ?>',
				groupeImageUrlTpl = '<?= $groupeImageUrlTpl; ?>';
		//]]>
		</script>
		<script type="text/javascript" src="<?=$url_base?>modules/cartopoint/squelettes/scripts/carto.js"></script>
		
		<!-- CSS -->
		<link rel="stylesheet" href="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.15/css/smoothness/jquery-ui-1.8.15.custom.css" type="text/css" media="screen" />
		<link href="<?=$url_base?>modules/cartopoint/squelettes/css/<?=isset($_GET['style']) ? $_GET['style'] : 'carto'?>.css" rel="stylesheet" type="text/css" media="screen" />
		
		<script>
		  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
		  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
		  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
		  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
		
		  ga('create', 'UA-20092557-1', 'auto');
		  ga('require', 'displayfeatures');
		  ga('send', 'pageview');
		
		</script>
	</head>
 
	<body>
		<div id="zone-chargement-point" class="element-overlay">		
			<img id="img-chargement" src="<?=$url_base?>modules/cartopoint/squelettes/images/chargement_transparent.gif" alt="Chargement en cours..." />
			<div id="legende-chargement">Chargement des points en cours...</div>
		</div>
		<?php if($logo != null) { ?>
			<div id="logo">
				<?php if($url_site != null) { ?>
				<a href="<?= $url_site; ?>" 
					title="<?= $url_site; ?>" 
					onclick="ouvrirNouvelleFenetre(this, event)">
					<img height="60px" class="image-logo" src="<?= $logo ?>" alt="logo" />
				</a>
				<?php } else { ?>
					<img class="image-logo" src="<?= $logo ?>" alt="logo" />
				<?php } ?>
			</div>
		<?php } else { ?>	
			<div id="logo">
				<a href="http://www.tela-botanica.org/site:accueil" 
					title="Aller à l'accueil de Tela Botanica" 
					onclick="ouvrirNouvelleFenetre(this, event)">
					<img height="60px" class="image-logo" src="http://resources.tela-botanica.org/tb/img/128x128/logo_carre_officiel.png" alt="TB" />
				</a>
			</div>
		<?php } ?>
		<?php if($titre !== "0" && $titre != null) : ?>
			<div id="zone-titre" class="element-overlay">
				<h1 id="carte-titre">
					<span id="carte-titre-infos"><?= htmlspecialchars($titre); ?></span>
				</h1>
			</div>
		<?php endif; ?>
		<? if ($num_taxon == '*') : ?>
		<div id="panneau-lateral" class="element-overlay <?= ($titre != 0) ? 'carte_titree"': 'carte_non_titree"'; ?>>
			<div id="pl-ouverture" title="Filtrer les observations par espèce">
				<span>Panneau >></span>
				<div id="pl-indication-filtre"> Filtrer 
				</div>
			</div>
			<div id="pl-fermeture" title="Fermer le panneau latéral"><span><< Fermer [x]</span></div>
			<div id="pl-contenu">
				<div id="pl-entete">
					<h2>Filtre sur <span class="plantes-nbre">&nbsp;</span> plantes</h2>	
					<p>
						Cliquez sur un nom de plante pour filtrer les observations sur la carte.<br /> 
						Pour revenir à l'état initial, cliquez à nouveau sur le nom sélectionné.
					</p>
				</div>
				<hr class="nettoyage" />
				<div id="pl-corps" onMouseOver="map.setOptions({'scrollwheel':false});" onMouseOut="map.setOptions({'scrollwheel':true});">
					<hr class="nettoyage" />
					<!-- Insertion des lignes à partir du squelette tpl-taxons-liste -->
					<span class="raz-filtre-taxons taxon-actif" title="Voir tous les taxons">
						Voir tous les taxons
					</span> 
					<ol id="taxons">
					</ol>
				</div>
			</div>
		</div>
		<? endif ?>
		<div id="carte" <?= ($titre != 0) ? 'class="carte_titree"': 'class="carte_non_titree"'; ?>></div>
		<div id="lien_plein_ecran" class="element-overlay">
			<a href="#" title="Voir en plein écran (s'ouvre dans une nouvelle fenêtre)">
				<img class="icone" src="<?=$url_base?>modules/cartopoint/squelettes/images/plein_ecran.png" alt="Voir en plein écran" />
			</a>
		</div>
		<div id="zone-stats" style="display:none" class="element-overlay">
				<h1>
				</h1>
		</div>
		<div id="conteneur-filtre-utilisateur" class="ferme element-overlay">
			<div id="lien-affichage-filtre-utilisateur">Ma carte</div>
			<div id="formulaire-filtre-utilisateur">
				<span class="indication-filtre-utilisateur">Affichez la carte
				de vos observations</span>
				<input type="text" id="filtre-utilisateur" placeholder="entrez votre email" value="<?= ($utilisateur != '*') ? $utilisateur : '' ?>" title="entrez l'email d'un utilisateur pour voir ses données" />
				<input id="valider-filtre-utilisateur" type="button" value="ok" />
				<a href="#" id="raz-filtre-utilisateur">Voir la carte globale</a>
			</div>
		</div>
		<?php if($image != null) { ?>
			<div id="image-utilisateur">
				<img width="155px" src="<?= $image ?>" alt="image" />
			</div>
		<?php } ?>
		<div id="origine-donnees">
			Observations du réseau <a href="http://www.tela-botanica.org/site:botanique" 
				onClick="ouvrirNouvelleFenetre(this, event)">
				Tela Botanica
			</a>
			- 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>
		</div>
		<div id="lien-voir-cc" class="element-overlay">
			<a href="<?=$url_base?>cartoPoint?carte=avertissement" title="Voir les informations et conditions d'utilisation de ce widget">
				?
			</a>
		</div>
		
		<!-- Blocs chargés à la demande : par défaut avec un style display à none -->
		
		<!-- Squelette du message de chargement des observations -->
		<script id="tpl-chargement" type="text/x-jquery-tmpl">
			<div id="chargement" style="height:300px;">			
				<img src="<?=$url_base?>modules/cartopoint/squelettes/images/chargement.gif" alt="Chargement en cours..." />
				<p>Chargement des observations en cours...</p>
			</div>
		</script>
		
		<!-- Squelette du contenu d'une info-bulle observation -->
		<script id="tpl-obs" type="text/x-jquery-tmpl">
			<div id="info-bulle" style="width:{largeur}px;">	
				<div id="obs">				
					<h2 id="obs-station-titre">Station</h2>
					<div class="navigation">&nbsp;</div>					
					<div>
						<ul>
							<li><a href="#obs-vue-tableau">Tableau</a></li>
							<li><a href="#obs-vue-liste">Liste</a></li>
						</ul>
					</div>
					<div id="observations">
						<div id="obs-vue-tableau" style="display:none;">
							<table id="obs-tableau">
								<thead>
									<tr>
										<th title="Nom scientifique défini par l'utilisateur.">Nom</th>
										<th title="Date de l'observation">Date</th>
										<th title="Lieu d'observation">Lieu</th>
										<th title="Auteur de l'observation">Observateur</th>
									</tr>
								</thead>
								<tbody id="obs-tableau-lignes" class="obs-conteneur">
									<!-- Insertion des lignes à partir du squelette tpl-obs-tableau -->
								</tbody>
							</table>
						</div>
						<div id="obs-vue-liste" style="display:none;">
							<ol id="obs-liste-lignes" class="obs-conteneur">
								<!-- Insertion des lignes à partir du squelette tpl-obs-liste -->
							</ol>
						</div>
					</div>
					<div id="obs-pieds-page">
						<p>Id : <span id="obs-station-id">&nbsp;</span></p>
					</div>
					<div class="navigation">&nbsp;</div>
					<div class="conteneur-lien-saisie" style="display:none;">
						<a href="#" class="lien-widget-saisie">
							Ajouter une observation pour ce site 
						</a>
					</div>
				</div>
			</div>
		</script>
		
		<!-- Squelette du contenu du tableau des observation -->
		<script id="tpl-obs-tableau" type="text/x-jquery-tmpl">
			<tr class="cel-obs-${idObs}">
				<td>
					<span class="nom-sci">&nbsp;
					{{if nn != null && nn != 0 && nn != ''}}
						<a href="${urlEflore}" 
							onclick="ouvrirNouvelleFenetre(this, event)">
							${nomSci}
						</a>
					{{else}}
						${nomSci}
					{{/if}}
					</span>
				</td>
				<td class="date">{{if date}}${date}{{else}}&nbsp;{{/if}}</td>
				<td class="lieu">{{if lieu}}${lieu}{{else}}&nbsp;{{/if}}</td>
				<td>
				{{if observateur}}
					{{if observateurId}}					
						<a class="contact obs-${idObs} contributeur-${observateurId}" 
						href="#form-contact" 
						title="Contactez ce contributeur">
							${observateur}
						</a>
					{{else}}
						<a class="contact obs-${idObs}" 
						href="#form-contact" 
						title="Contactez ce contributeur">
							${observateur}
						</a>
					{{/if}}
				{{else}}
					&nbsp;
				{{/if}}
				</td>
			</tr>
		</script>
		
		<!-- Squelette du contenu de la liste des observations -->
		<script id="tpl-obs-liste" type="text/x-jquery-tmpl">
			<li>
				<div class="cel-obs-${idObs}">
					{{if images}}
					{{each(index, img) images}}
					<div{{if index == 0}} class="cel-img-principale" {{else}} class="cel-img-secondaire"{{/if}}>
						<a class="cel-img" 
							href="${img.normale}" 
							title="${nomSci} {{if nn != null && nn != 0 && nn != ''}} [${nn}] {{/if}} par ${observateur} - Publiée le ${datePubli} - GUID : ${img.guid}" 
							rel="cel-obs-${idObs}">
							<img src="${img.miniature}" alt="Image #${img.idImg} de l'osbervation #${nn}" />
						</a>
						<p id="cel-info-${img.idImg}" class="cel-infos">
							<a class="cel-img-titre" href="${urlEflore}"
								onclick="window.open(this.href);return false;"  
								title="Cliquez pour accéder à la fiche eFlore">
								<strong>${nomSci} {{if nn}} [nn${nn}] {{/if}}</strong> par <em>${observateur}</em>
							</a>
							<br />
							<span class="cel-img-date">Publiée le ${datePubli}</span>
 						</p>
					</div>
					{{/each}}
					{{/if}}
					<dl>
						<dt class="champ-nom-sci">Nom</dt>
						<dd title="Nom défini par l'utilisateur{{if nn != 0}}. Cliquez pour accéder à la fiche d'eFlore.{{/if}}">
							<span class="nom-sci">&nbsp;
							{{if nn != null && nn != 0 && nn != ''}}
								<a href="${urlEflore}" 
									onclick="ouvrirNouvelleFenetre(this, event)">
									${nomSci}
								</a>
							{{else}}
								${nomSci}
							{{/if}}
							</span>
						</dd>
						<dt title="Lieu d'observation">Lieu</dt><dd class="lieu">&nbsp;${lieu}</dd>
						<dt title="Date d'observation">Le</dt><dd class="date">&nbsp;${date}</dd>
						<dt title="Auteur de l'observation">Publié par</dt>
						<dd>
						{{if observateur}}
							{{if observateurId}}					
								<a class="contact obs-${idObs} contributeur-${observateurId}" 
									href="#form-contact" 
									title="Contactez ce contributeur">
									${observateur}
								</a>
							{{else}}
								<a class="contact obs-${idObs}" 
									href="#form-contact" 
									title="Contactez ce contributeur">
									${observateur}
								</a>
							{{/if}}
						{{else}}
							&nbsp;
						{{/if}}
						</dd>
					</dl>
					<hr class="nettoyage"/>
				</div>
			</li>
		</script>
		
		<!-- Squelette de la liste des taxons -->
		<script id="tpl-taxons-liste" type="text/x-jquery-tmpl">
				{{each(index, taxon) taxons}}
					<li id="taxon-${taxon.nt}">
						<span class="taxon" title="Numéro taxonomique : ${taxon.nt} - Famille : ${taxon.famille}">
							${taxon.nom} <span class="nt" title="Numéro taxonomique">${taxon.nt}</span> 
						</span>
					</li>
				{{/each}}
			</ol>
		</script>
		
		<!-- Squelette du formulaire de contact -->
		<div id="tpl-form-contact" style="display:none;">
			<form id="form-contact" method="post" action="">
	    		<div id="fc-zone-dialogue"></div>
	    		<dl>
	    			<dt><label for="fc_sujet">Sujet</label></dt>
					<dd><input id="fc_sujet" name="fc_sujet"/></dd>
					<dt><label for="fc_message">Message</label></dt>
					<dd><textarea id="fc_message" name="fc_message"></textarea></dd>
					<dt><label for="fc_utilisateur_courriel" title="Utilisez le courriel avec lequel vous êtes inscrit à Tela Botanica">Votre courriel</label></dt>
					<dd><input id="fc_utilisateur_courriel" name="fc_utilisateur_courriel"/></dd>
				</dl>
				<p>
					<input id="fc_destinataire_id" name="fc_destinataire_id" type="hidden" value="" />
					<input id="fc_copies" name="fc_copies" type="hidden" value="eflore_remarques@tela-botanica.org" />
					<input type="hidden" name="fc_type_envoi" id="fc_type_envoi" value="inscrit" />
					<button id="fc_annuler" type="button">Annuler</button>
					&nbsp;
					<button id="fc_effacer" type="reset">Effacer</button>
					&nbsp;
					<input id="fc_envoyer" type="submit" value="Envoyer" />
				</p>
			</form>
		</div>
	</body>
</html>

Rev 2678	Rev 2681
1	`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">`	1	`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">`
2	`<html xmlns="http://www.w3.org/1999/xhtml">`	2	`<html xmlns="http://www.w3.org/1999/xhtml">`
3	`<head>`	3	`<head>`
4	`<title>Observations publiques du CEL - Tela Botanica</title>`	4	`<title>Observations publiques du CEL - Tela Botanica</title>`
5		5
6	`<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>`	6	`<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>`
7	`<meta http-equiv="Content-style-type" content="text/css" />`	7	`<meta http-equiv="Content-style-type" content="text/css" />`
8	`<meta http-equiv="Content-script-type" content="text/javascript" />`	8	`<meta http-equiv="Content-script-type" content="text/javascript" />`
9	`<meta http-equiv="Content-language" content="fr" />`	9	`<meta http-equiv="Content-language" content="fr" />`
10		10
11	`<meta name="revisit-after" content="15 days" />`	11	`<meta name="revisit-after" content="15 days" />`
12	`<meta name="robots" content="index,follow" />`	12	`<meta name="robots" content="index,follow" />`
13	`<meta name="author" content="Tela Botanica" />`	13	`<meta name="author" content="Tela Botanica" />`
14	`<meta name="keywords" content="Tela Botanica, cartographie, CEL" />`	14	`<meta name="keywords" content="Tela Botanica, cartographie, CEL" />`
15	`<meta name="description" content="Widget de cartographie des observations publiques de plantes saisies dans le Carnet en Ligne (CEL)" />`	15	`<meta name="description" content="Widget de cartographie des observations publiques de plantes saisies dans le Carnet en Ligne (CEL)" />`
16		16
17	`<!-- OpenGraph pour Facebook, Pinterest, Google+ -->`	17	`<!-- OpenGraph pour Facebook, Pinterest, Google+ -->`
18	`<meta property="og:type" content="website" />`	18	`<meta property="og:type" content="website" />`
19	`<meta property="og:title" content="Cartographie des observations publiques du CeL" />`	19	`<meta property="og:title" content="Cartographie des observations publiques du CeL" />`
20	`<meta property="og:site_name" content="Tela Botanica" />`	20	`<meta property="og:site_name" content="Tela Botanica" />`
21	`<meta property="og:description" content="Représentation cartographique des observations publiques du Carnet en Ligne" />`	21	`<meta property="og:description" content="Représentation cartographique des observations publiques du Carnet en Ligne" />`
22	`<meta property="og:image" content="http://resources.tela-botanica.org/tb/img/256x256/carre_englobant.png" />`	22	`<meta property="og:image" content="http://resources.tela-botanica.org/tb/img/256x256/carre_englobant.png" />`
23	`<meta property="og:image:type" content="image/png" />`	23	`<meta property="og:image:type" content="image/png" />`
24	`<meta property="og:image:width" content="256" />`	24	`<meta property="og:image:width" content="256" />`
25	`<meta property="og:image:height" content="256" />`	25	`<meta property="og:image:height" content="256" />`
26	`<meta property="og:locale" content="fr_FR" />`	26	`<meta property="og:locale" content="fr_FR" />`
27		27
28	`<!-- Spécial mobile -->`	28	`<!-- Spécial mobile -->`
29	`<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />`	29	`<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />`
30		30
31	`<!-- Favicones -->`	31	`<!-- Favicones -->`
32	`<link rel="icon" type="image/png" href="http://resources.tela-botanica.org/tb/img/16x16/favicon.png" />`	32	`<link rel="icon" type="image/png" href="http://resources.tela-botanica.org/tb/img/16x16/favicon.png" />`
33	`<link rel="shortcut icon" type="image/x-icon" href="http://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />`	33	`<link rel="shortcut icon" type="image/x-icon" href="http://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />`
34		34
35	`<!-- Javascript : bibliothèques -->`	35	`<!-- Javascript : bibliothèques -->`
36	`<!-- Google Map v3 -->`	36	`<!-- Google Map v3 -->`
37	`<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.5&sensor=true&language=fr&region=FR"></script>`	37	`<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.5&sensor=true&language=fr&region=FR"></script>`
38	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/google/map/3/markermanager/1.0/markermanager-1.0.pack.js"></script>`	38	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/google/map/3/markermanager/1.0/markermanager-1.0.pack.js"></script>`
39	`<!-- Jquery -->`	39	`<!-- Jquery -->`
40	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.6.2/jquery-1.6.2.min.js"></script>`	40	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.6.2/jquery-1.6.2.min.js"></script>`
41	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.15/js/jquery-ui-1.8.15.custom.min.js"></script>`	41	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.15/js/jquery-ui-1.8.15.custom.min.js"></script>`
42	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/tablesorter/2.0.5/jquery.tablesorter.min.js"></script>`	42	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/tablesorter/2.0.5/jquery.tablesorter.min.js"></script>`
43	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.pack.js"></script>`	43	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.pack.js"></script>`
44	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/pagination/2.2/jquery.pagination.js"></script>`	44	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/pagination/2.2/jquery.pagination.js"></script>`
45	`<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>`	45	`<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>`
46	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.8.1/jquery.validate.min.js"></script>`	46	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.8.1/jquery.validate.min.js"></script>`
47	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.8.1/messages_fr.js"></script>`	47	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.8.1/messages_fr.js"></script>`
48		48
49	`<!-- Javascript : appli carto -->`	49	`<!-- Javascript : appli carto -->`
50	`<script type="text/javascript">`	50	`<script type="text/javascript">`
51	`//<![CDATA[`	51	`//<![CDATA[`
52	`var urlWidgetSaisie = '<?= $url_widget_saisie; ?>',`	52	`var urlWidgetSaisie = '<?= $url_widget_saisie; ?>',`
53	`urlsLimitesCommunales = '<?= $url_limites_communales; ?>',`	53	`urlsLimitesCommunales = '<?= $url_limites_communales; ?>',`
54	`nt = '<?=$num_taxon?>',`	54	`nt = '<?=$num_taxon?>',`
55	`filtreCommun =`	55	`filtreCommun =`
56	`'&taxon=<?=rawurlencode($taxon)?>'+`	56	`'&taxon=<?=rawurlencode($taxon)?>'+`
57	`'&utilisateur=<?=$utilisateur?>'+`	57	`'&utilisateur=<?=$utilisateur?>'+`
58	`'&projet=<?=rawurlencode($projet)?>'+`	58	`'&projet=<?=rawurlencode($projet)?>'+`
59	`'&tag=<?=rawurlencode($tag)?>'+`	59	`'&tag=<?=rawurlencode($tag)?>'+`
60	`'&date=<?=$date?>'+`	60	`'&date=<?=$date?>'+`
61	`'&dept=<?=$dept?>'+`	61	`'&dept=<?=$dept?>'+`
62	`'&commune=<?=rawurlencode($commune)?>'+`	62	`'&commune=<?=rawurlencode($commune)?>'+`
63	`'&pays=<?=rawurlencode($pays)?>'+`	63	`'&pays=<?=rawurlencode($pays)?>'+`
64	`'&commentaire=<?=rawurlencode($commentaire)?>',`	64	`'&commentaire=<?=rawurlencode($commentaire)?>'+`
-		65	`'&groupe_zones_geo=<?=rawurlencode($groupe_zones_geo)?>',`
65	`utilisateur = '<?=$utilisateur?>',`	66	`utilisateur = '<?=$utilisateur?>',`
66	`photos = '<?= ($photos != null) ? $photos : "null"; ?>';`	67	`photos = '<?= ($photos != null) ? $photos : "null"; ?>';`
-		68	`groupe_zones_geo = '<?= ($groupe_zones_geo != null) ? $groupe_zones_geo : "null"; ?>';`
67	`if (photos != null) {`	69	`if (photos != null) {`
68	`filtreCommun += '&photos=<?=rawurlencode($photos)?>';`	70	`filtreCommun += '&photos=<?=rawurlencode($photos)?>';`
69	`}`	71	`}`
70	`var nbJours = '<?= ($nbjours != null) ? $nbjours : "null"; ?>';`	72	`var nbJours = '<?= ($nbjours != null) ? $nbjours : "null"; ?>';`
71	`if (nbJours != null) {`	73	`if (nbJours != null) {`
72	`filtreCommun += '&nbjours=<?=rawurlencode($nbjours)?>';`	74	`filtreCommun += '&nbjours=<?=rawurlencode($nbjours)?>';`
73	`}`	75	`}`
74	`var annee = '<?= ($annee != null) ? $annee : "null"; ?>';`	76	`var annee = '<?= ($annee != null) ? $annee : "null"; ?>';`
75	`if (annee != null) {`	77	`if (annee != null) {`
76	`filtreCommun += '&annee=<?=rawurlencode($annee)?>';`	78	`filtreCommun += '&annee=<?=rawurlencode($annee)?>';`
77	`}`	79	`}`
78	`var referentiel = '<?= ($referentiel != null) ? $referentiel : "null"; ?>';`	80	`var referentiel = '<?= ($referentiel != null) ? $referentiel : "null"; ?>';`
79	`if (referentiel != null) {`	81	`if (referentiel != null) {`
80	`filtreCommun += '&referentiel=<?=rawurlencode($referentiel)?>';`	82	`filtreCommun += '&referentiel=<?=rawurlencode($referentiel)?>';`
81	`}`	83	`}`
82	`var titreCarte = '<?= ($titre != null) ? addslashes($titre) : "null"; ?>',`	84	`var titreCarte = '<?= ($titre != null) ? addslashes($titre) : "null"; ?>',`
83	`urlLogo = '<?= ($logo != null) ? $logo : "null"; ?>',`	85	`urlLogo = '<?= ($logo != null) ? $logo : "null"; ?>',`
84	`urlSite = '<?= ($url_site != null) ? $url_site : "null"; ?>',`	86	`urlSite = '<?= ($url_site != null) ? $url_site : "null"; ?>',`
85	`urlImage = '<?= ($image != null) ? $image : "null"; ?>',`	87	`urlImage = '<?= ($image != null) ? $image : "null"; ?>',`
86	`stationsUrl = '<?=$url_cel_carto?>/tout'+'?' + 'num_taxon=' + nt + filtreCommun,`	88	`stationsUrl = '<?=$url_cel_carto?>/tout'+'?' + 'num_taxon=' + nt + filtreCommun,`
87	`taxonsUrl = '<?=$url_cel_carto?>/taxons'+'?' + 'num_taxon=' + nt + filtreCommun,`	89	`taxonsUrl = '<?=$url_cel_carto?>/taxons'+'?' + 'num_taxon=' + nt + filtreCommun,`
88	`observationsUrl = '<?=$url_cel_carto?>/observations' + '?' +`	90	`observationsUrl = '<?=$url_cel_carto?>/observations' + '?' +`
89	`'station={stationId}'+`	91	`'station={stationId}'+`
90	`'&num_taxon={nt}'+`	92	`'&num_taxon={nt}'+`
91	`filtreCommun,`	93	`filtreCommun,`
92	`communeImageUrl = '<?= $communeImageUrl; ?>',`	94	`communeImageUrl = '<?= $communeImageUrl; ?>',`
93	`pointImageUrl = '<?= $pointImageUrl; ?>',`	95	`pointImageUrl = '<?= $pointImageUrl; ?>',`
94	`groupeImageUrlTpl = '<?= $groupeImageUrlTpl; ?>';`	96	`groupeImageUrlTpl = '<?= $groupeImageUrlTpl; ?>';`
95	`//]]>`	97	`//]]>`
96	`</script>`	98	`</script>`
97	`<script type="text/javascript" src="<?=$url_base?>modules/cartopoint/squelettes/scripts/carto.js"></script>`	99	`<script type="text/javascript" src="<?=$url_base?>modules/cartopoint/squelettes/scripts/carto.js"></script>`
98		100
99	`<!-- CSS -->`	101	`<!-- CSS -->`
100	`<link rel="stylesheet" href="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />`	102	`<link rel="stylesheet" href="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />`
101	`<link rel="stylesheet" href="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.15/css/smoothness/jquery-ui-1.8.15.custom.css" type="text/css" media="screen" />`	103	`<link rel="stylesheet" href="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.15/css/smoothness/jquery-ui-1.8.15.custom.css" type="text/css" media="screen" />`
102	`<link href="<?=$url_base?>modules/cartopoint/squelettes/css/<?=isset($_GET['style']) ? $_GET['style'] : 'carto'?>.css" rel="stylesheet" type="text/css" media="screen" />`	104	`<link href="<?=$url_base?>modules/cartopoint/squelettes/css/<?=isset($_GET['style']) ? $_GET['style'] : 'carto'?>.css" rel="stylesheet" type="text/css" media="screen" />`
103		105
104	`<script>`	106	`<script>`
105	`(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]\|\|function(){`	107	`(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]\|\|function(){`
106	`(i[r].q=i[r].q\|\|[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),`	108	`(i[r].q=i[r].q\|\|[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),`
107	`m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)`	109	`m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)`
108	`})(window,document,'script','//www.google-analytics.com/analytics.js','ga');`	110	`})(window,document,'script','//www.google-analytics.com/analytics.js','ga');`
109		111
110	`ga('create', 'UA-20092557-1', 'auto');`	112	`ga('create', 'UA-20092557-1', 'auto');`
111	`ga('require', 'displayfeatures');`	113	`ga('require', 'displayfeatures');`
112	`ga('send', 'pageview');`	114	`ga('send', 'pageview');`
113		115
114	`</script>`	116	`</script>`
115	`</head>`	117	`</head>`
116		118
117	`<body>`	119	`<body>`
118	`<div id="zone-chargement-point" class="element-overlay">`	120	`<div id="zone-chargement-point" class="element-overlay">`
119	`<img id="img-chargement" src="<?=$url_base?>modules/cartopoint/squelettes/images/chargement_transparent.gif" alt="Chargement en cours..." />`	121	`<img id="img-chargement" src="<?=$url_base?>modules/cartopoint/squelettes/images/chargement_transparent.gif" alt="Chargement en cours..." />`
120	`<div id="legende-chargement">Chargement des points en cours...</div>`	122	`<div id="legende-chargement">Chargement des points en cours...</div>`
121	`</div>`	123	`</div>`
122	`<?php if($logo != null) { ?>`	124	`<?php if($logo != null) { ?>`
123	`<div id="logo">`	125	`<div id="logo">`
124	`<?php if($url_site != null) { ?>`	126	`<?php if($url_site != null) { ?>`
125	`<a href="<?= $url_site; ?>"`	127	`<a href="<?= $url_site; ?>"`
126	`title="<?= $url_site; ?>"`	128	`title="<?= $url_site; ?>"`
127	`onclick="ouvrirNouvelleFenetre(this, event)">`	129	`onclick="ouvrirNouvelleFenetre(this, event)">`
128	`<img height="60px" class="image-logo" src="<?= $logo ?>" alt="logo" />`	130	`<img height="60px" class="image-logo" src="<?= $logo ?>" alt="logo" />`
129	`</a>`	131	`</a>`
130	`<?php } else { ?>`	132	`<?php } else { ?>`
131	`<img class="image-logo" src="<?= $logo ?>" alt="logo" />`	133	`<img class="image-logo" src="<?= $logo ?>" alt="logo" />`
132	`<?php } ?>`	134	`<?php } ?>`
133	`</div>`	135	`</div>`
134	`<?php } else { ?>`	136	`<?php } else { ?>`
135	`<div id="logo">`	137	`<div id="logo">`
136	`<a href="http://www.tela-botanica.org/site:accueil"`	138	`<a href="http://www.tela-botanica.org/site:accueil"`
137	`title="Aller à l'accueil de Tela Botanica"`	139	`title="Aller à l'accueil de Tela Botanica"`
138	`onclick="ouvrirNouvelleFenetre(this, event)">`	140	`onclick="ouvrirNouvelleFenetre(this, event)">`
139	`<img height="60px" class="image-logo" src="http://resources.tela-botanica.org/tb/img/128x128/logo_carre_officiel.png" alt="TB" />`	141	`<img height="60px" class="image-logo" src="http://resources.tela-botanica.org/tb/img/128x128/logo_carre_officiel.png" alt="TB" />`
140	`</a>`	142	`</a>`
141	`</div>`	143	`</div>`
142	`<?php } ?>`	144	`<?php } ?>`
143	`<?php if($titre !== "0" && $titre != null) : ?>`	145	`<?php if($titre !== "0" && $titre != null) : ?>`
144	`<div id="zone-titre" class="element-overlay">`	146	`<div id="zone-titre" class="element-overlay">`
145	`<h1 id="carte-titre">`	147	`<h1 id="carte-titre">`
146	`<span id="carte-titre-infos"><?= htmlspecialchars($titre); ?></span>`	148	`<span id="carte-titre-infos"><?= htmlspecialchars($titre); ?></span>`
147	`</h1>`	149	`</h1>`
148	`</div>`	150	`</div>`
149	`<?php endif; ?>`	151	`<?php endif; ?>`
150	`<? if ($num_taxon == '*') : ?>`	152	`<? if ($num_taxon == '*') : ?>`
151	`<div id="panneau-lateral" class="element-overlay <?= ($titre != 0) ? 'carte_titree"': 'carte_non_titree"'; ?>>`	153	`<div id="panneau-lateral" class="element-overlay <?= ($titre != 0) ? 'carte_titree"': 'carte_non_titree"'; ?>>`
152	`<div id="pl-ouverture" title="Filtrer les observations par espèce">`	154	`<div id="pl-ouverture" title="Filtrer les observations par espèce">`
153	`<span>Panneau >></span>`	155	`<span>Panneau >></span>`
154	`<div id="pl-indication-filtre"> Filtrer`	156	`<div id="pl-indication-filtre"> Filtrer`
155	`</div>`	157	`</div>`
156	`</div>`	158	`</div>`
157	`<div id="pl-fermeture" title="Fermer le panneau latéral"><span><< Fermer [x]</span></div>`	159	`<div id="pl-fermeture" title="Fermer le panneau latéral"><span><< Fermer [x]</span></div>`
158	`<div id="pl-contenu">`	160	`<div id="pl-contenu">`
159	`<div id="pl-entete">`	161	`<div id="pl-entete">`
160	`<h2>Filtre sur <span class="plantes-nbre"> </span> plantes</h2>`	162	`<h2>Filtre sur <span class="plantes-nbre"> </span> plantes</h2>`
161	`<p>`	163	`<p>`
162	`Cliquez sur un nom de plante pour filtrer les observations sur la carte.<br />`	164	`Cliquez sur un nom de plante pour filtrer les observations sur la carte.<br />`
163	`Pour revenir à l'état initial, cliquez à nouveau sur le nom sélectionné.`	165	`Pour revenir à l'état initial, cliquez à nouveau sur le nom sélectionné.`
164	`</p>`	166	`</p>`
165	`</div>`	167	`</div>`
166	`<hr class="nettoyage" />`	168	`<hr class="nettoyage" />`
167	`<div id="pl-corps" onMouseOver="map.setOptions({'scrollwheel':false});" onMouseOut="map.setOptions({'scrollwheel':true});">`	169	`<div id="pl-corps" onMouseOver="map.setOptions({'scrollwheel':false});" onMouseOut="map.setOptions({'scrollwheel':true});">`
168	`<hr class="nettoyage" />`	170	`<hr class="nettoyage" />`
169	`<!-- Insertion des lignes à partir du squelette tpl-taxons-liste -->`	171	`<!-- Insertion des lignes à partir du squelette tpl-taxons-liste -->`
170	`<span class="raz-filtre-taxons taxon-actif" title="Voir tous les taxons">`	172	`<span class="raz-filtre-taxons taxon-actif" title="Voir tous les taxons">`
171	`Voir tous les taxons`	173	`Voir tous les taxons`
172	`</span>`	174	`</span>`
173	`<ol id="taxons">`	175	`<ol id="taxons">`
174	`</ol>`	176	`</ol>`
175	`</div>`	177	`</div>`
176	`</div>`	178	`</div>`
177	`</div>`	179	`</div>`
178	`<? endif ?>`	180	`<? endif ?>`
179	`<div id="carte" <?= ($titre != 0) ? 'class="carte_titree"': 'class="carte_non_titree"'; ?>></div>`	181	`<div id="carte" <?= ($titre != 0) ? 'class="carte_titree"': 'class="carte_non_titree"'; ?>></div>`
180	`<div id="lien_plein_ecran" class="element-overlay">`	182	`<div id="lien_plein_ecran" class="element-overlay">`
181	`<a href="#" title="Voir en plein écran (s'ouvre dans une nouvelle fenêtre)">`	183	`<a href="#" title="Voir en plein écran (s'ouvre dans une nouvelle fenêtre)">`
182	`<img class="icone" src="<?=$url_base?>modules/cartopoint/squelettes/images/plein_ecran.png" alt="Voir en plein écran" />`	184	`<img class="icone" src="<?=$url_base?>modules/cartopoint/squelettes/images/plein_ecran.png" alt="Voir en plein écran" />`
183	`</a>`	185	`</a>`
184	`</div>`	186	`</div>`
185	`<div id="zone-stats" style="display:none" class="element-overlay">`	187	`<div id="zone-stats" style="display:none" class="element-overlay">`
186	`<h1>`	188	`<h1>`
187	`</h1>`	189	`</h1>`
188	`</div>`	190	`</div>`
189	`<div id="conteneur-filtre-utilisateur" class="ferme element-overlay">`	191	`<div id="conteneur-filtre-utilisateur" class="ferme element-overlay">`
190	`<div id="lien-affichage-filtre-utilisateur">Ma carte</div>`	192	`<div id="lien-affichage-filtre-utilisateur">Ma carte</div>`
191	`<div id="formulaire-filtre-utilisateur">`	193	`<div id="formulaire-filtre-utilisateur">`
192	`<span class="indication-filtre-utilisateur">Affichez la carte`	194	`<span class="indication-filtre-utilisateur">Affichez la carte`
193	`de vos observations</span>`	195	`de vos observations</span>`
194	`<input type="text" id="filtre-utilisateur" placeholder="entrez votre email" value="<?= ($utilisateur != '*') ? $utilisateur : '' ?>" title="entrez l'email d'un utilisateur pour voir ses données" />`	196	`<input type="text" id="filtre-utilisateur" placeholder="entrez votre email" value="<?= ($utilisateur != '*') ? $utilisateur : '' ?>" title="entrez l'email d'un utilisateur pour voir ses données" />`
195	`<input id="valider-filtre-utilisateur" type="button" value="ok" />`	197	`<input id="valider-filtre-utilisateur" type="button" value="ok" />`
196	`<a href="#" id="raz-filtre-utilisateur">Voir la carte globale</a>`	198	`<a href="#" id="raz-filtre-utilisateur">Voir la carte globale</a>`
197	`</div>`	199	`</div>`
198	`</div>`	200	`</div>`
199	`<?php if($image != null) { ?>`	201	`<?php if($image != null) { ?>`
200	`<div id="image-utilisateur">`	202	`<div id="image-utilisateur">`
201	`<img width="155px" src="<?= $image ?>" alt="image" />`	203	`<img width="155px" src="<?= $image ?>" alt="image" />`
202	`</div>`	204	`</div>`
203	`<?php } ?>`	205	`<?php } ?>`
204	`<div id="origine-donnees">`	206	`<div id="origine-donnees">`
205	`Observations du réseau <a href="http://www.tela-botanica.org/site:botanique"`	207	`Observations du réseau <a href="http://www.tela-botanica.org/site:botanique"`
206	`onClick="ouvrirNouvelleFenetre(this, event)">`	208	`onClick="ouvrirNouvelleFenetre(this, event)">`
207	`Tela Botanica`	209	`Tela Botanica`
208	`</a>`	210	`</a>`
209	`- Carte : <a href="http://www.openstreetmap.org/copyright" target="_blank">© les contributeurs d’OpenStreetMap</a>`	211	`- Carte : <a href="http://www.openstreetmap.org/copyright" target="_blank">© les contributeurs d’OpenStreetMap</a>`
210	`- Tuiles : <a href="http://www.openstreetmap.fr" target="_blank">OsmFr</a>`	212	`- Tuiles : <a href="http://www.openstreetmap.fr" target="_blank">OsmFr</a>`
211	`</div>`	213	`</div>`
212	`<div id="lien-voir-cc" class="element-overlay">`	214	`<div id="lien-voir-cc" class="element-overlay">`
213	`<a href="<?=$url_base?>cartoPoint?carte=avertissement" title="Voir les informations et conditions d'utilisation de ce widget">`	215	`<a href="<?=$url_base?>cartoPoint?carte=avertissement" title="Voir les informations et conditions d'utilisation de ce widget">`
214	`?`	216	`?`
215	`</a>`	217	`</a>`
216	`</div>`	218	`</div>`
217		219
218	`<!-- Blocs chargés à la demande : par défaut avec un style display à none -->`	220	`<!-- Blocs chargés à la demande : par défaut avec un style display à none -->`
219		221
220	`<!-- Squelette du message de chargement des observations -->`	222	`<!-- Squelette du message de chargement des observations -->`
221	`<script id="tpl-chargement" type="text/x-jquery-tmpl">`	223	`<script id="tpl-chargement" type="text/x-jquery-tmpl">`
222	`<div id="chargement" style="height:300px;">`	224	`<div id="chargement" style="height:300px;">`
223	`<img src="<?=$url_base?>modules/cartopoint/squelettes/images/chargement.gif" alt="Chargement en cours..." />`	225	`<img src="<?=$url_base?>modules/cartopoint/squelettes/images/chargement.gif" alt="Chargement en cours..." />`
224	`<p>Chargement des observations en cours...</p>`	226	`<p>Chargement des observations en cours...</p>`
225	`</div>`	227	`</div>`
226	`</script>`	228	`</script>`
227		229
228	`<!-- Squelette du contenu d'une info-bulle observation -->`	230	`<!-- Squelette du contenu d'une info-bulle observation -->`
229	`<script id="tpl-obs" type="text/x-jquery-tmpl">`	231	`<script id="tpl-obs" type="text/x-jquery-tmpl">`
230	`<div id="info-bulle" style="width:{largeur}px;">`	232	`<div id="info-bulle" style="width:{largeur}px;">`
231	`<div id="obs">`	233	`<div id="obs">`
232	`<h2 id="obs-station-titre">Station</h2>`	234	`<h2 id="obs-station-titre">Station</h2>`
233	`<div class="navigation"> </div>`	235	`<div class="navigation"> </div>`
234	`<div>`	236	`<div>`
235	`<ul>`	237	`<ul>`
236	`<li><a href="#obs-vue-tableau">Tableau</a></li>`	238	`<li><a href="#obs-vue-tableau">Tableau</a></li>`
237	`<li><a href="#obs-vue-liste">Liste</a></li>`	239	`<li><a href="#obs-vue-liste">Liste</a></li>`
238	`</ul>`	240	`</ul>`
239	`</div>`	241	`</div>`
240	`<div id="observations">`	242	`<div id="observations">`
241	`<div id="obs-vue-tableau" style="display:none;">`	243	`<div id="obs-vue-tableau" style="display:none;">`
242	`<table id="obs-tableau">`	244	`<table id="obs-tableau">`
243	`<thead>`	245	`<thead>`
244	`<tr>`	246	`<tr>`
245	`<th title="Nom scientifique défini par l'utilisateur.">Nom</th>`	247	`<th title="Nom scientifique défini par l'utilisateur.">Nom</th>`
246	`<th title="Date de l'observation">Date</th>`	248	`<th title="Date de l'observation">Date</th>`
247	`<th title="Lieu d'observation">Lieu</th>`	249	`<th title="Lieu d'observation">Lieu</th>`
248	`<th title="Auteur de l'observation">Observateur</th>`	250	`<th title="Auteur de l'observation">Observateur</th>`
249	`</tr>`	251	`</tr>`
250	`</thead>`	252	`</thead>`
251	`<tbody id="obs-tableau-lignes" class="obs-conteneur">`	253	`<tbody id="obs-tableau-lignes" class="obs-conteneur">`
252	`<!-- Insertion des lignes à partir du squelette tpl-obs-tableau -->`	254	`<!-- Insertion des lignes à partir du squelette tpl-obs-tableau -->`
253	`</tbody>`	255	`</tbody>`
254	`</table>`	256	`</table>`
255	`</div>`	257	`</div>`
256	`<div id="obs-vue-liste" style="display:none;">`	258	`<div id="obs-vue-liste" style="display:none;">`
257	`<ol id="obs-liste-lignes" class="obs-conteneur">`	259	`<ol id="obs-liste-lignes" class="obs-conteneur">`
258	`<!-- Insertion des lignes à partir du squelette tpl-obs-liste -->`	260	`<!-- Insertion des lignes à partir du squelette tpl-obs-liste -->`
259	`</ol>`	261	`</ol>`
260	`</div>`	262	`</div>`
261	`</div>`	263	`</div>`
262	`<div id="obs-pieds-page">`	264	`<div id="obs-pieds-page">`
263	`<p>Id : <span id="obs-station-id"> </span></p>`	265	`<p>Id : <span id="obs-station-id"> </span></p>`
264	`</div>`	266	`</div>`
265	`<div class="navigation"> </div>`	267	`<div class="navigation"> </div>`
266	`<div class="conteneur-lien-saisie" style="display:none;">`	268	`<div class="conteneur-lien-saisie" style="display:none;">`
267	`<a href="#" class="lien-widget-saisie">`	269	`<a href="#" class="lien-widget-saisie">`
268	`Ajouter une observation pour ce site`	270	`Ajouter une observation pour ce site`
269	`</a>`	271	`</a>`
270	`</div>`	272	`</div>`
271	`</div>`	273	`</div>`
272	`</div>`	274	`</div>`
273	`</script>`	275	`</script>`
274		276
275	`<!-- Squelette du contenu du tableau des observation -->`	277	`<!-- Squelette du contenu du tableau des observation -->`
276	`<script id="tpl-obs-tableau" type="text/x-jquery-tmpl">`	278	`<script id="tpl-obs-tableau" type="text/x-jquery-tmpl">`
277	`<tr class="cel-obs-${idObs}">`	279	`<tr class="cel-obs-${idObs}">`
278	`<td>`	280	`<td>`
279	`<span class="nom-sci"> `	281	`<span class="nom-sci"> `
280	`{{if nn != null && nn != 0 && nn != ''}}`	282	`{{if nn != null && nn != 0 && nn != ''}}`
281	`<a href="${urlEflore}"`	283	`<a href="${urlEflore}"`
282	`onclick="ouvrirNouvelleFenetre(this, event)">`	284	`onclick="ouvrirNouvelleFenetre(this, event)">`
283	`${nomSci}`	285	`${nomSci}`
284	`</a>`	286	`</a>`
285	`{{else}}`	287	`{{else}}`
286	`${nomSci}`	288	`${nomSci}`
287	`{{/if}}`	289	`{{/if}}`
288	`</span>`	290	`</span>`
289	`</td>`	291	`</td>`
290	`<td class="date">{{if date}}${date}{{else}} {{/if}}</td>`	292	`<td class="date">{{if date}}${date}{{else}} {{/if}}</td>`
291	`<td class="lieu">{{if lieu}}${lieu}{{else}} {{/if}}</td>`	293	`<td class="lieu">{{if lieu}}${lieu}{{else}} {{/if}}</td>`
292	`<td>`	294	`<td>`
293	`{{if observateur}}`	295	`{{if observateur}}`
294	`{{if observateurId}}`	296	`{{if observateurId}}`
295	`<a class="contact obs-${idObs} contributeur-${observateurId}"`	297	`<a class="contact obs-${idObs} contributeur-${observateurId}"`
296	`href="#form-contact"`	298	`href="#form-contact"`
297	`title="Contactez ce contributeur">`	299	`title="Contactez ce contributeur">`
298	`${observateur}`	300	`${observateur}`
299	`</a>`	301	`</a>`
300	`{{else}}`	302	`{{else}}`
301	`<a class="contact obs-${idObs}"`	303	`<a class="contact obs-${idObs}"`
302	`href="#form-contact"`	304	`href="#form-contact"`
303	`title="Contactez ce contributeur">`	305	`title="Contactez ce contributeur">`
304	`${observateur}`	306	`${observateur}`
305	`</a>`	307	`</a>`
306	`{{/if}}`	308	`{{/if}}`
307	`{{else}}`	309	`{{else}}`
308	` `	310	` `
309	`{{/if}}`	311	`{{/if}}`
310	`</td>`	312	`</td>`
311	`</tr>`	313	`</tr>`
312	`</script>`	314	`</script>`
313		315
314	`<!-- Squelette du contenu de la liste des observations -->`	316	`<!-- Squelette du contenu de la liste des observations -->`
315	`<script id="tpl-obs-liste" type="text/x-jquery-tmpl">`	317	`<script id="tpl-obs-liste" type="text/x-jquery-tmpl">`
316	`<li>`	318	`<li>`
317	`<div class="cel-obs-${idObs}">`	319	`<div class="cel-obs-${idObs}">`
318	`{{if images}}`	320	`{{if images}}`
319	`{{each(index, img) images}}`	321	`{{each(index, img) images}}`
320	`<div{{if index == 0}} class="cel-img-principale" {{else}} class="cel-img-secondaire"{{/if}}>`	322	`<div{{if index == 0}} class="cel-img-principale" {{else}} class="cel-img-secondaire"{{/if}}>`
321	`<a class="cel-img"`	323	`<a class="cel-img"`
322	`href="${img.normale}"`	324	`href="${img.normale}"`
323	`title="${nomSci} {{if nn != null && nn != 0 && nn != ''}} [${nn}] {{/if}} par ${observateur} - Publiée le ${datePubli} - GUID : ${img.guid}"`	325	`title="${nomSci} {{if nn != null && nn != 0 && nn != ''}} [${nn}] {{/if}} par ${observateur} - Publiée le ${datePubli} - GUID : ${img.guid}"`
324	`rel="cel-obs-${idObs}">`	326	`rel="cel-obs-${idObs}">`
325	`<img src="${img.miniature}" alt="Image #${img.idImg} de l'osbervation #${nn}" />`	327	`<img src="${img.miniature}" alt="Image #${img.idImg} de l'osbervation #${nn}" />`
326	`</a>`	328	`</a>`
327	`<p id="cel-info-${img.idImg}" class="cel-infos">`	329	`<p id="cel-info-${img.idImg}" class="cel-infos">`
328	`<a class="cel-img-titre" href="${urlEflore}"`	330	`<a class="cel-img-titre" href="${urlEflore}"`
329	`onclick="window.open(this.href);return false;"`	331	`onclick="window.open(this.href);return false;"`
330	`title="Cliquez pour accéder à la fiche eFlore">`	332	`title="Cliquez pour accéder à la fiche eFlore">`
331	`<strong>${nomSci} {{if nn}} [nn${nn}] {{/if}}</strong> par <em>${observateur}</em>`	333	`<strong>${nomSci} {{if nn}} [nn${nn}] {{/if}}</strong> par <em>${observateur}</em>`
332	`</a>`	334	`</a>`
333	`<br />`	335	`<br />`
334	`<span class="cel-img-date">Publiée le ${datePubli}</span>`	336	`<span class="cel-img-date">Publiée le ${datePubli}</span>`
335	`</p>`	337	`</p>`
336	`</div>`	338	`</div>`
337	`{{/each}}`	339	`{{/each}}`
338	`{{/if}}`	340	`{{/if}}`
339	`<dl>`	341	`<dl>`
340	`<dt class="champ-nom-sci">Nom</dt>`	342	`<dt class="champ-nom-sci">Nom</dt>`
341	`<dd title="Nom défini par l'utilisateur{{if nn != 0}}. Cliquez pour accéder à la fiche d'eFlore.{{/if}}">`	343	`<dd title="Nom défini par l'utilisateur{{if nn != 0}}. Cliquez pour accéder à la fiche d'eFlore.{{/if}}">`
342	`<span class="nom-sci"> `	344	`<span class="nom-sci"> `
343	`{{if nn != null && nn != 0 && nn != ''}}`	345	`{{if nn != null && nn != 0 && nn != ''}}`
344	`<a href="${urlEflore}"`	346	`<a href="${urlEflore}"`
345	`onclick="ouvrirNouvelleFenetre(this, event)">`	347	`onclick="ouvrirNouvelleFenetre(this, event)">`
346	`${nomSci}`	348	`${nomSci}`
347	`</a>`	349	`</a>`
348	`{{else}}`	350	`{{else}}`
349	`${nomSci}`	351	`${nomSci}`
350	`{{/if}}`	352	`{{/if}}`
351	`</span>`	353	`</span>`
352	`</dd>`	354	`</dd>`
353	`<dt title="Lieu d'observation">Lieu</dt><dd class="lieu"> ${lieu}</dd>`	355	`<dt title="Lieu d'observation">Lieu</dt><dd class="lieu"> ${lieu}</dd>`
354	`<dt title="Date d'observation">Le</dt><dd class="date"> ${date}</dd>`	356	`<dt title="Date d'observation">Le</dt><dd class="date"> ${date}</dd>`
355	`<dt title="Auteur de l'observation">Publié par</dt>`	357	`<dt title="Auteur de l'observation">Publié par</dt>`
356	`<dd>`	358	`<dd>`
357	`{{if observateur}}`	359	`{{if observateur}}`
358	`{{if observateurId}}`	360	`{{if observateurId}}`
359	`<a class="contact obs-${idObs} contributeur-${observateurId}"`	361	`<a class="contact obs-${idObs} contributeur-${observateurId}"`
360	`href="#form-contact"`	362	`href="#form-contact"`
361	`title="Contactez ce contributeur">`	363	`title="Contactez ce contributeur">`
362	`${observateur}`	364	`${observateur}`
363	`</a>`	365	`</a>`
364	`{{else}}`	366	`{{else}}`
365	`<a class="contact obs-${idObs}"`	367	`<a class="contact obs-${idObs}"`
366	`href="#form-contact"`	368	`href="#form-contact"`
367	`title="Contactez ce contributeur">`	369	`title="Contactez ce contributeur">`
368	`${observateur}`	370	`${observateur}`
369	`</a>`	371	`</a>`
370	`{{/if}}`	372	`{{/if}}`
371	`{{else}}`	373	`{{else}}`
372	` `	374	` `
373	`{{/if}}`	375	`{{/if}}`
374	`</dd>`	376	`</dd>`
375	`</dl>`	377	`</dl>`
376	`<hr class="nettoyage"/>`	378	`<hr class="nettoyage"/>`
377	`</div>`	379	`</div>`
378	`</li>`	380	`</li>`
379	`</script>`	381	`</script>`
380		382
381	`<!-- Squelette de la liste des taxons -->`	383	`<!-- Squelette de la liste des taxons -->`
382	`<script id="tpl-taxons-liste" type="text/x-jquery-tmpl">`	384	`<script id="tpl-taxons-liste" type="text/x-jquery-tmpl">`
383	`{{each(index, taxon) taxons}}`	385	`{{each(index, taxon) taxons}}`
384	`<li id="taxon-${taxon.nt}">`	386	`<li id="taxon-${taxon.nt}">`
385	`<span class="taxon" title="Numéro taxonomique : ${taxon.nt} - Famille : ${taxon.famille}">`	387	`<span class="taxon" title="Numéro taxonomique : ${taxon.nt} - Famille : ${taxon.famille}">`
386	`${taxon.nom} <span class="nt" title="Numéro taxonomique">${taxon.nt}</span>`	388	`${taxon.nom} <span class="nt" title="Numéro taxonomique">${taxon.nt}</span>`
387	`</span>`	389	`</span>`
388	`</li>`	390	`</li>`
389	`{{/each}}`	391	`{{/each}}`
390	`</ol>`	392	`</ol>`
391	`</script>`	393	`</script>`
392		394
393	`<!-- Squelette du formulaire de contact -->`	395	`<!-- Squelette du formulaire de contact -->`
394	`<div id="tpl-form-contact" style="display:none;">`	396	`<div id="tpl-form-contact" style="display:none;">`
395	`<form id="form-contact" method="post" action="">`	397	`<form id="form-contact" method="post" action="">`
396	`<div id="fc-zone-dialogue"></div>`	398	`<div id="fc-zone-dialogue"></div>`
397	`<dl>`	399	`<dl>`
398	`<dt><label for="fc_sujet">Sujet</label></dt>`	400	`<dt><label for="fc_sujet">Sujet</label></dt>`
399	`<dd><input id="fc_sujet" name="fc_sujet"/></dd>`	401	`<dd><input id="fc_sujet" name="fc_sujet"/></dd>`
400	`<dt><label for="fc_message">Message</label></dt>`	402	`<dt><label for="fc_message">Message</label></dt>`
401	`<dd><textarea id="fc_message" name="fc_message"></textarea></dd>`	403	`<dd><textarea id="fc_message" name="fc_message"></textarea></dd>`
402	`<dt><label for="fc_utilisateur_courriel" title="Utilisez le courriel avec lequel vous êtes inscrit à Tela Botanica">Votre courriel</label></dt>`	404	`<dt><label for="fc_utilisateur_courriel" title="Utilisez le courriel avec lequel vous êtes inscrit à Tela Botanica">Votre courriel</label></dt>`
403	`<dd><input id="fc_utilisateur_courriel" name="fc_utilisateur_courriel"/></dd>`	405	`<dd><input id="fc_utilisateur_courriel" name="fc_utilisateur_courriel"/></dd>`
404	`</dl>`	406	`</dl>`
405	`<p>`	407	`<p>`
406	`<input id="fc_destinataire_id" name="fc_destinataire_id" type="hidden" value="" />`	408	`<input id="fc_destinataire_id" name="fc_destinataire_id" type="hidden" value="" />`
407	`<input id="fc_copies" name="fc_copies" type="hidden" value="eflore_remarques@tela-botanica.org" />`	409	`<input id="fc_copies" name="fc_copies" type="hidden" value="eflore_remarques@tela-botanica.org" />`
408	`<input type="hidden" name="fc_type_envoi" id="fc_type_envoi" value="inscrit" />`	410	`<input type="hidden" name="fc_type_envoi" id="fc_type_envoi" value="inscrit" />`
409	`<button id="fc_annuler" type="button">Annuler</button>`	411	`<button id="fc_annuler" type="button">Annuler</button>`
410	` `	412	` `
411	`<button id="fc_effacer" type="reset">Effacer</button>`	413	`<button id="fc_effacer" type="reset">Effacer</button>`
412	` `	414	` `
413	`<input id="fc_envoyer" type="submit" value="Envoyer" />`	415	`<input id="fc_envoyer" type="submit" value="Envoyer" />`
414	`</p>`	416	`</p>`
415	`</form>`	417	`</form>`
416	`</div>`	418	`</div>`
417	`</body>`	419	`</body>`
418	`</html>`	420	`</html>`

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/cartopoint/squelettes/carte_defaut.tpl.html – Rev 2678 → 2681