WebSVN – eFlore/Applications.cel – Diff – /trunk/widget/modules/carto/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="Delphine CAUQUIL, Jean-Pascal MILCENT" />
        <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)" />
 
		<!-- Spécial mobile -->
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		
		<!-- Favicones -->
		<link rel="icon" type="image/png" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png" />
		<link rel="shortcut icon" type="image/x-icon" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.ico" />
		
		<!-- Javascript : bibliothèques -->
		<!-- <script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script> -->
		<!-- 	Google Map v3 -->
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.6&amp;sensor=true&amp;language=fr&amp;region=FR"></script>
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/google/map/3/markerclusterer/2.0.1/markerclusterer-2.0.1.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>
		
		<!-- Javascript : données -->
		<script src="<?=$url_stations?>" type="text/javascript"></script>
		
		<!-- Javascript : appli carto -->
		<script type="text/javascript">
		//<![CDATA[
			var urlsLimitesCommunales = <?=$url_limites_communales?>;
			var nt = '<?=$num_taxon?>';
			var filtreCommun = 
				'&taxon=<?=$taxon?>'+
				'&utilisateur=<?=$utilisateur?>'+
				'&projet=<?=$projet?>'+
				'&tag=<?=$tag?>'+
				'&date=<?=$date?>'+
				'&dept=<?=$dept?>'+
				'&commune=<?=$commune?>'+
				'&commentaire=<?=$commentaire?>';
			var stationsUrl = '<?=$url_cel_carto?>/stations'+'?'+
				'num_taxon='+nt+
				filtreCommun;
			var taxonsUrl = '<?=$url_cel_carto?>/taxons'+'?'+
				'num_taxon='+nt+
				filtreCommun;
			var observationsUrl = '<?=$url_cel_carto?>/observations'+'?'+
				'station={stationId}'+
				'&num_taxon={nt}'+
				filtreCommun;
		//]]>
		</script>
		<script type="text/javascript" src="<?=$url_base?>modules/carto/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/carto/squelettes/css/carto.css" rel="stylesheet" type="text/css" media="screen" />
	</head>
 
	<body>
		<div id="zone-titre">
			<h1 id="carte-titre">
				<span id="logo">
					<a href="http://www.tela-botanica.org/site:accueil" title="Aller à l'accueil de Tela Botanica">
						<img src="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png" alt="TB" />
					</a>
				</span>
				<span id="obs-nbre">&nbsp;</span> observations  
				<span class="plante-titre">de <span class="plantes-nbre">&nbsp;</span> plantes</span> sur 
				<span id="commune-nbre">&nbsp;</span> communes
				 - <a href="http://www.tela-botanica.org/appli:cel" title="Carnet en Ligne" onclick="window.open(this.href); arreter(event); return false;">CEL</a> (<a href="http://www.tela-botanica.org/" onclick="window.open(this.href); arreter(event); return false;">Tela Botanica</a>)
			</h1>
			<div id="zone-info">
				<a href="<?=$url_base?>carto?carte=avertissement" onClick="ouvrirPopUp('<?=$url_base?>carto?carte=avertissement', 'Avertissement'); arreter(event); return false;">
					<img src="<?=$url_base?>modules/carto/squelettes/images/information.png" 
						alt="Avertissements" title="Avertissements &amp; informations" />
				</a>
			</div>
		</div>
		<? if ($num_taxon == '*') : ?>
		<div id="panneau-lateral">
			<div id="pl-ouverture" title="Ouvrir le panneau latéral"><span>Panneau >></span></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>
				<div id="pl-corps" onMouseOver="map.setOptions({'scrollwheel':false});" onMouseOut="map.setOptions({'scrollwheel':true});">
					<!-- Insertion des lignes à partir du squelette tpl-taxons-liste -->
				</div>
			</div>
		</div>
		<? endif ?>
		<div id="carte"></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:500px;">			
				<img src="<?=$url_base?>modules/carto/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="min-height:500px;width:600px;">	
				<div id="obs">				
					<h2><span id="obs-total"></span> observations pour <span id="obs-commune"></span></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 class="navigation">&nbsp;</div>
					<div id="obs-pieds-page">
						<p id="obs-msg-info">Les observations de cette carte sont regroupées par commune.</p>
						<p>Id : <span id="obs-station-id">&nbsp;</span></p>
					</div>
				</div>
			</div>
		</script>
		
		<!-- Squelette du contenu du tableau des observation -->
		<script id="tpl-obs-tableau" type="text/x-jquery-tmpl">
			<tr>
				<td>
					<span class="nom-sci">
					{{if nn != 0}}
						<a href="http://www.tela-botanica.org/nn${nn}" 
							onclick="window.open(this.href); arreter(event); return false; ">
							${nomSci}
						</a>
					{{else}}
						${nomSci}
					{{/if}}
					</span>
				</td>
				<td>{{if date}}${date}{{else}}&nbsp;{{/if}}</td>
				<td>{{if lieu}}${lieu}{{else}}&nbsp;{{/if}}</td>
				<td>{{if observateur}}${observateur}{{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 id="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}} [${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">
							{{if nn != 0}}
								<a href="http://www.tela-botanica.org/nn${nn}" 
									onclick="window.open(this.href); arreter(event); return false; ">
									${nomSci}
								</a>
							{{else}}
								${nomSci}
							{{/if}}
							</span>
						</dd>
						<dt title="Lieu d'observation">Lieu</dt><dd>&nbsp;${lieu}</dd>
						<dt title="Date d'observation">Le</dt><dd>&nbsp;${date}</dd>
						<dt title="Auteur de l'observation">Publié par</dt><dd>&nbsp;${observateur}</dd>
					</dl>
					<hr class="nettoyage"/>
				</div>
			</li>
		</script>
		
		<!-- Squelette de la liste des taxons -->
		<script id="tpl-taxons-liste" type="text/x-jquery-tmpl">
			<ol id="taxons">
				{{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>
		
		<!-- Stats : Google Analytics -->
		<script type="text/javascript">
			//<![CDATA[
			var _gaq = _gaq || [];
			_gaq.push(['_setAccount', 'UA-20092557-1']);
			_gaq.push(['_trackPageview']);
			
			(function() {
			  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
			})();
			//]]>
		</script>
	</body>
</html>

Rev 939	Rev 940
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="Delphine CAUQUIL, Jean-Pascal MILCENT" />`	13	`<meta name="author" content="Delphine CAUQUIL, Jean-Pascal MILCENT" />`
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	`<!-- Spécial mobile -->`	17	`<!-- Spécial mobile -->`
18	`<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />`	18	`<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />`
19		19
20	`<!-- Favicones -->`	20	`<!-- Favicones -->`
21	`<link rel="icon" type="image/png" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png" />`	21	`<link rel="icon" type="image/png" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png" />`
22	`<link rel="shortcut icon" type="image/x-icon" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.ico" />`	22	`<link rel="shortcut icon" type="image/x-icon" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.ico" />`
23		23
24	`<!-- Javascript : bibliothèques -->`	24	`<!-- Javascript : bibliothèques -->`
25	`<!-- <script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script> -->`	25	`<!-- <script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script> -->`
26	`<!-- Google Map v3 -->`	26	`<!-- Google Map v3 -->`
27	`<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.6&sensor=true&language=fr&region=FR"></script>`	27	`<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.6&sensor=true&language=fr&region=FR"></script>`
28	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/google/map/3/markerclusterer/2.0.1/markerclusterer-2.0.1.pack.js"></script>`	28	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/google/map/3/markerclusterer/2.0.1/markerclusterer-2.0.1.pack.js"></script>`
29	`<!-- Jquery -->`	29	`<!-- Jquery -->`
30	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.6.2/jquery-1.6.2.min.js"></script>`	30	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.6.2/jquery-1.6.2.min.js"></script>`
31	`<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>`	31	`<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>`
32	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/tablesorter/2.0.5/jquery.tablesorter.min.js"></script>`	32	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/tablesorter/2.0.5/jquery.tablesorter.min.js"></script>`
33	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.pack.js"></script>`	33	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.pack.js"></script>`
34	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/pagination/2.2/jquery.pagination.js"></script>`	34	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/pagination/2.2/jquery.pagination.js"></script>`
35	`<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>`	35	`<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>`
36		36
37	`<!-- Javascript : données -->`	37	`<!-- Javascript : données -->`
38	`<script src="<?=$url_stations?>" type="text/javascript"></script>`	38	`<script src="<?=$url_stations?>" type="text/javascript"></script>`
39		39
40	`<!-- Javascript : appli carto -->`	40	`<!-- Javascript : appli carto -->`
41	`<script type="text/javascript">`	41	`<script type="text/javascript">`
42	`//<![CDATA[`	42	`//<![CDATA[`
43	`var urlsLimitesCommunales = <?=$url_limites_communales?>;`	43	`var urlsLimitesCommunales = <?=$url_limites_communales?>;`
44	`var nt = '<?=$num_taxon?>';`	44	`var nt = '<?=$num_taxon?>';`
45	`var filtreCommun =`	45	`var filtreCommun =`
46	`'&taxon=<?=$taxon?>'+`	46	`'&taxon=<?=$taxon?>'+`
47	`'&utilisateur=<?=$utilisateur?>'+`	47	`'&utilisateur=<?=$utilisateur?>'+`
48	`'&projet=<?=$projet?>'+`	48	`'&projet=<?=$projet?>'+`
49	`'&tag=<?=$tag?>'+`	49	`'&tag=<?=$tag?>'+`
50	`'&date=<?=$date?>'+`	50	`'&date=<?=$date?>'+`
51	`'&dept=<?=$dept?>'+`	51	`'&dept=<?=$dept?>'+`
52	`'&commune=<?=$commune?>';`	52	`'&commune=<?=$commune?>'+`
-		53	`'&commentaire=<?=$commentaire?>';`
53	`var stationsUrl = '<?=$url_cel_carto?>/stations'+'?'+`	54	`var stationsUrl = '<?=$url_cel_carto?>/stations'+'?'+`
54	`'num_taxon='+nt+`	55	`'num_taxon='+nt+`
55	`filtreCommun;`	56	`filtreCommun;`
56	`var taxonsUrl = '<?=$url_cel_carto?>/taxons'+'?'+`	57	`var taxonsUrl = '<?=$url_cel_carto?>/taxons'+'?'+`
57	`'num_taxon='+nt+`	58	`'num_taxon='+nt+`
58	`filtreCommun;`	59	`filtreCommun;`
59	`var observationsUrl = '<?=$url_cel_carto?>/observations'+'?'+`	60	`var observationsUrl = '<?=$url_cel_carto?>/observations'+'?'+`
60	`'station={stationId}'+`	61	`'station={stationId}'+`
61	`'&num_taxon={nt}'+`	62	`'&num_taxon={nt}'+`
62	`filtreCommun;`	63	`filtreCommun;`
63	`//]]>`	64	`//]]>`
64	`</script>`	65	`</script>`
65	`<script type="text/javascript" src="<?=$url_base?>modules/carto/squelettes/scripts/carto.js"></script>`	66	`<script type="text/javascript" src="<?=$url_base?>modules/carto/squelettes/scripts/carto.js"></script>`
66		67
67	`<!-- CSS -->`	68	`<!-- CSS -->`
68	`<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" />`	69	`<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" />`
69	`<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" />`	70	`<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" />`
70	`<link href="<?=$url_base?>modules/carto/squelettes/css/carto.css" rel="stylesheet" type="text/css" media="screen" />`	71	`<link href="<?=$url_base?>modules/carto/squelettes/css/carto.css" rel="stylesheet" type="text/css" media="screen" />`
71	`</head>`	72	`</head>`
72		73
73	`<body>`	74	`<body>`
74	`<div id="zone-titre">`	75	`<div id="zone-titre">`
75	`<h1 id="carte-titre">`	76	`<h1 id="carte-titre">`
76	`<span id="logo">`	77	`<span id="logo">`
77	`<a href="http://www.tela-botanica.org/site:accueil" title="Aller à l'accueil de Tela Botanica">`	78	`<a href="http://www.tela-botanica.org/site:accueil" title="Aller à l'accueil de Tela Botanica">`
78	`<img src="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png" alt="TB" />`	79	`<img src="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png" alt="TB" />`
79	`</a>`	80	`</a>`
80	`</span>`	81	`</span>`
81	`<span id="obs-nbre"> </span> observations`	82	`<span id="obs-nbre"> </span> observations`
82	`<span class="plante-titre">de <span class="plantes-nbre"> </span> plantes</span> sur`	83	`<span class="plante-titre">de <span class="plantes-nbre"> </span> plantes</span> sur`
83	`<span id="commune-nbre"> </span> communes`	84	`<span id="commune-nbre"> </span> communes`
84	`- <a href="http://www.tela-botanica.org/appli:cel" title="Carnet en Ligne" onclick="window.open(this.href); arreter(event); return false;">CEL</a> (<a href="http://www.tela-botanica.org/" onclick="window.open(this.href); arreter(event); return false;">Tela Botanica</a>)`	85	`- <a href="http://www.tela-botanica.org/appli:cel" title="Carnet en Ligne" onclick="window.open(this.href); arreter(event); return false;">CEL</a> (<a href="http://www.tela-botanica.org/" onclick="window.open(this.href); arreter(event); return false;">Tela Botanica</a>)`
85	`</h1>`	86	`</h1>`
86	`<div id="zone-info">`	87	`<div id="zone-info">`
87	`<a href="<?=$url_base?>carto?carte=avertissement" onClick="ouvrirPopUp('<?=$url_base?>carto?carte=avertissement', 'Avertissement'); arreter(event); return false;">`	88	`<a href="<?=$url_base?>carto?carte=avertissement" onClick="ouvrirPopUp('<?=$url_base?>carto?carte=avertissement', 'Avertissement'); arreter(event); return false;">`
88	`<img src="<?=$url_base?>modules/carto/squelettes/images/information.png"`	89	`<img src="<?=$url_base?>modules/carto/squelettes/images/information.png"`
89	`alt="Avertissements" title="Avertissements & informations" />`	90	`alt="Avertissements" title="Avertissements & informations" />`
90	`</a>`	91	`</a>`
91	`</div>`	92	`</div>`
92	`</div>`	93	`</div>`
93	`<? if ($num_taxon == '*') : ?>`	94	`<? if ($num_taxon == '*') : ?>`
94	`<div id="panneau-lateral">`	95	`<div id="panneau-lateral">`
95	`<div id="pl-ouverture" title="Ouvrir le panneau latéral"><span>Panneau >></span></div>`	96	`<div id="pl-ouverture" title="Ouvrir le panneau latéral"><span>Panneau >></span></div>`
96	`<div id="pl-fermeture" title="Fermer le panneau latéral"><span><< Fermer [x]</span></div>`	97	`<div id="pl-fermeture" title="Fermer le panneau latéral"><span><< Fermer [x]</span></div>`
97	`<div id="pl-contenu">`	98	`<div id="pl-contenu">`
98	`<div id="pl-entete">`	99	`<div id="pl-entete">`
99	`<h2>Filtre sur <span class="plantes-nbre"> </span> plantes</h2>`	100	`<h2>Filtre sur <span class="plantes-nbre"> </span> plantes</h2>`
100	`<p>`	101	`<p>`
101	`Cliquez sur un nom de plante pour filtrer les observations sur la carte.<br />`	102	`Cliquez sur un nom de plante pour filtrer les observations sur la carte.<br />`
102	`Pour revenir à l'état initial, cliquez à nouveau sur le nom sélectionné.`	103	`Pour revenir à l'état initial, cliquez à nouveau sur le nom sélectionné.`
103	`</p>`	104	`</p>`
104	`</div>`	105	`</div>`
105	`<div id="pl-corps" onMouseOver="map.setOptions({'scrollwheel':false});" onMouseOut="map.setOptions({'scrollwheel':true});">`	106	`<div id="pl-corps" onMouseOver="map.setOptions({'scrollwheel':false});" onMouseOut="map.setOptions({'scrollwheel':true});">`
106	`<!-- Insertion des lignes à partir du squelette tpl-taxons-liste -->`	107	`<!-- Insertion des lignes à partir du squelette tpl-taxons-liste -->`
107	`</div>`	108	`</div>`
108	`</div>`	109	`</div>`
109	`</div>`	110	`</div>`
110	`<? endif ?>`	111	`<? endif ?>`
111	`<div id="carte"></div>`	112	`<div id="carte"></div>`
112		113
113	`<!-- +-------------------------------------------------------------------------------------------+ -->`	114	`<!-- +-------------------------------------------------------------------------------------------+ -->`
114	`<!-- Blocs chargés à la demande : par défaut avec un style display à none -->`	115	`<!-- Blocs chargés à la demande : par défaut avec un style display à none -->`
115		116
116	`<!-- Squelette du message de chargement des observations -->`	117	`<!-- Squelette du message de chargement des observations -->`
117	`<script id="tpl-chargement" type="text/x-jquery-tmpl">`	118	`<script id="tpl-chargement" type="text/x-jquery-tmpl">`
118	`<div id="chargement" style="height:500px;">`	119	`<div id="chargement" style="height:500px;">`
119	`<img src="<?=$url_base?>modules/carto/squelettes/images/chargement.gif" alt="Chargement en cours..." />`	120	`<img src="<?=$url_base?>modules/carto/squelettes/images/chargement.gif" alt="Chargement en cours..." />`
120	`<p>Chargement des observations en cours...</p>`	121	`<p>Chargement des observations en cours...</p>`
121	`</div>`	122	`</div>`
122	`</script>`	123	`</script>`
123		124
124	`<!-- Squelette du contenu d'une info-bulle observation -->`	125	`<!-- Squelette du contenu d'une info-bulle observation -->`
125	`<script id="tpl-obs" type="text/x-jquery-tmpl">`	126	`<script id="tpl-obs" type="text/x-jquery-tmpl">`
126	`<div id="info-bulle" style="min-height:500px;width:600px;">`	127	`<div id="info-bulle" style="min-height:500px;width:600px;">`
127	`<div id="obs">`	128	`<div id="obs">`
128	`<h2><span id="obs-total"></span> observations pour <span id="obs-commune"></span></h2>`	129	`<h2><span id="obs-total"></span> observations pour <span id="obs-commune"></span></h2>`
129	`<div class="navigation"> </div>`	130	`<div class="navigation"> </div>`
130	`<div>`	131	`<div>`
131	`<ul>`	132	`<ul>`
132	`<li><a href="#obs-vue-tableau">Tableau</a></li>`	133	`<li><a href="#obs-vue-tableau">Tableau</a></li>`
133	`<li><a href="#obs-vue-liste">Liste</a></li>`	134	`<li><a href="#obs-vue-liste">Liste</a></li>`
134	`</ul>`	135	`</ul>`
135	`</div>`	136	`</div>`
136	`<div id="observations">`	137	`<div id="observations">`
137	`<div id="obs-vue-tableau" style="display:none;">`	138	`<div id="obs-vue-tableau" style="display:none;">`
138	`<table id="obs-tableau">`	139	`<table id="obs-tableau">`
139	`<thead>`	140	`<thead>`
140	`<tr>`	141	`<tr>`
141	`<th title="Nom scientifique défini par l'utilisateur.">Nom</th>`	142	`<th title="Nom scientifique défini par l'utilisateur.">Nom</th>`
142	`<th title="Date de l'observation">Date</th>`	143	`<th title="Date de l'observation">Date</th>`
143	`<th title="Lieu d'observation">Lieu</th>`	144	`<th title="Lieu d'observation">Lieu</th>`
144	`<th title="Auteur de l'observation">Observateur</th>`	145	`<th title="Auteur de l'observation">Observateur</th>`
145	`</tr>`	146	`</tr>`
146	`</thead>`	147	`</thead>`
147	`<tbody id="obs-tableau-lignes" class="obs-conteneur">`	148	`<tbody id="obs-tableau-lignes" class="obs-conteneur">`
148	`<!-- Insertion des lignes à partir du squelette tpl-obs-tableau -->`	149	`<!-- Insertion des lignes à partir du squelette tpl-obs-tableau -->`
149	`</tbody>`	150	`</tbody>`
150	`</table>`	151	`</table>`
151	`</div>`	152	`</div>`
152	`<div id="obs-vue-liste" style="display:none;">`	153	`<div id="obs-vue-liste" style="display:none;">`
153	`<ol id="obs-liste-lignes" class="obs-conteneur">`	154	`<ol id="obs-liste-lignes" class="obs-conteneur">`
154	`<!-- Insertion des lignes à partir du squelette tpl-obs-liste -->`	155	`<!-- Insertion des lignes à partir du squelette tpl-obs-liste -->`
155	`</ol>`	156	`</ol>`
156	`</div>`	157	`</div>`
157	`</div>`	158	`</div>`
158	`<div class="navigation"> </div>`	159	`<div class="navigation"> </div>`
159	`<div id="obs-pieds-page">`	160	`<div id="obs-pieds-page">`
160	`<p id="obs-msg-info">Les observations de cette carte sont regroupées par commune.</p>`	161	`<p id="obs-msg-info">Les observations de cette carte sont regroupées par commune.</p>`
161	`<p>Id : <span id="obs-station-id"> </span></p>`	162	`<p>Id : <span id="obs-station-id"> </span></p>`
162	`</div>`	163	`</div>`
163	`</div>`	164	`</div>`
164	`</div>`	165	`</div>`
165	`</script>`	166	`</script>`
166		167
167	`<!-- Squelette du contenu du tableau des observation -->`	168	`<!-- Squelette du contenu du tableau des observation -->`
168	`<script id="tpl-obs-tableau" type="text/x-jquery-tmpl">`	169	`<script id="tpl-obs-tableau" type="text/x-jquery-tmpl">`
169	`<tr>`	170	`<tr>`
170	`<td>`	171	`<td>`
171	`<span class="nom-sci">`	172	`<span class="nom-sci">`
172	`{{if nn != 0}}`	173	`{{if nn != 0}}`
173	`<a href="http://www.tela-botanica.org/nn${nn}"`	174	`<a href="http://www.tela-botanica.org/nn${nn}"`
174	`onclick="window.open(this.href); arreter(event); return false; ">`	175	`onclick="window.open(this.href); arreter(event); return false; ">`
175	`${nomSci}`	176	`${nomSci}`
176	`</a>`	177	`</a>`
177	`{{else}}`	178	`{{else}}`
178	`${nomSci}`	179	`${nomSci}`
179	`{{/if}}`	180	`{{/if}}`
180	`</span>`	181	`</span>`
181	`</td>`	182	`</td>`
182	`<td>{{if date}}${date}{{else}} {{/if}}</td>`	183	`<td>{{if date}}${date}{{else}} {{/if}}</td>`
183	`<td>{{if lieu}}${lieu}{{else}} {{/if}}</td>`	184	`<td>{{if lieu}}${lieu}{{else}} {{/if}}</td>`
184	`<td>{{if observateur}}${observateur}{{else}} {{/if}}</td>`	185	`<td>{{if observateur}}${observateur}{{else}} {{/if}}</td>`
185	`</tr>`	186	`</tr>`
186	`</script>`	187	`</script>`
187		188
188	`<!-- Squelette du contenu de la liste des observations -->`	189	`<!-- Squelette du contenu de la liste des observations -->`
189	`<script id="tpl-obs-liste" type="text/x-jquery-tmpl">`	190	`<script id="tpl-obs-liste" type="text/x-jquery-tmpl">`
190	`<li>`	191	`<li>`
191	`<div id="cel-obs-${idObs}">`	192	`<div id="cel-obs-${idObs}">`
192	`{{if images}}`	193	`{{if images}}`
193	`{{each(index, img) images}}`	194	`{{each(index, img) images}}`
194	`<div{{if index == 0}} class="cel-img-principale" {{else}} class="cel-img-secondaire"{{/if}}>`	195	`<div{{if index == 0}} class="cel-img-principale" {{else}} class="cel-img-secondaire"{{/if}}>`
195	`<a class="cel-img"`	196	`<a class="cel-img"`
196	`href="${img.normale}"`	197	`href="${img.normale}"`
197	`title="${nomSci} {{if nn}} [${nn}] {{/if}} par ${observateur} - Publiée le ${datePubli} - GUID : ${img.guid}"`	198	`title="${nomSci} {{if nn}} [${nn}] {{/if}} par ${observateur} - Publiée le ${datePubli} - GUID : ${img.guid}"`
198	`rel="cel-obs-${idObs}">`	199	`rel="cel-obs-${idObs}">`
199	`<img src="${img.miniature}" alt="Image #${img.idImg} de l'osbervation #${nn}" />`	200	`<img src="${img.miniature}" alt="Image #${img.idImg} de l'osbervation #${nn}" />`
200	`</a>`	201	`</a>`
201	`<p id="cel-info-${img.idImg}" class="cel-infos">`	202	`<p id="cel-info-${img.idImg}" class="cel-infos">`
202	`<a class="cel-img-titre" href="${urlEflore}"`	203	`<a class="cel-img-titre" href="${urlEflore}"`
203	`onclick="window.open(this.href);return false;"`	204	`onclick="window.open(this.href);return false;"`
204	`title="Cliquez pour accéder à la fiche eFlore">`	205	`title="Cliquez pour accéder à la fiche eFlore">`
205	`<strong>${nomSci} {{if nn}} [nn${nn}] {{/if}}</strong> par <em>${observateur}</em>`	206	`<strong>${nomSci} {{if nn}} [nn${nn}] {{/if}}</strong> par <em>${observateur}</em>`
206	`</a>`	207	`</a>`
207	`<br />`	208	`<br />`
208	`<span class="cel-img-date">Publiée le ${datePubli}</span>`	209	`<span class="cel-img-date">Publiée le ${datePubli}</span>`
209	`</p>`	210	`</p>`
210	`</div>`	211	`</div>`
211	`{{/each}}`	212	`{{/each}}`
212	`{{/if}}`	213	`{{/if}}`
213	`<dl>`	214	`<dl>`
214	`<dt class="champ-nom-sci">Nom</dt>`	215	`<dt class="champ-nom-sci">Nom</dt>`
215	`<dd title="Nom défini par l'utilisateur{{if nn != 0}}. Cliquez pour accéder à la fiche d'eFlore.{{/if}}">`	216	`<dd title="Nom défini par l'utilisateur{{if nn != 0}}. Cliquez pour accéder à la fiche d'eFlore.{{/if}}">`
216	`<span class="nom-sci">`	217	`<span class="nom-sci">`
217	`{{if nn != 0}}`	218	`{{if nn != 0}}`
218	`<a href="http://www.tela-botanica.org/nn${nn}"`	219	`<a href="http://www.tela-botanica.org/nn${nn}"`
219	`onclick="window.open(this.href); arreter(event); return false; ">`	220	`onclick="window.open(this.href); arreter(event); return false; ">`
220	`${nomSci}`	221	`${nomSci}`
221	`</a>`	222	`</a>`
222	`{{else}}`	223	`{{else}}`
223	`${nomSci}`	224	`${nomSci}`
224	`{{/if}}`	225	`{{/if}}`
225	`</span>`	226	`</span>`
226	`</dd>`	227	`</dd>`
227	`<dt title="Lieu d'observation">Lieu</dt><dd> ${lieu}</dd>`	228	`<dt title="Lieu d'observation">Lieu</dt><dd> ${lieu}</dd>`
228	`<dt title="Date d'observation">Le</dt><dd> ${date}</dd>`	229	`<dt title="Date d'observation">Le</dt><dd> ${date}</dd>`
229	`<dt title="Auteur de l'observation">Publié par</dt><dd> ${observateur}</dd>`	230	`<dt title="Auteur de l'observation">Publié par</dt><dd> ${observateur}</dd>`
230	`</dl>`	231	`</dl>`
231	`<hr class="nettoyage"/>`	232	`<hr class="nettoyage"/>`
232	`</div>`	233	`</div>`
233	`</li>`	234	`</li>`
234	`</script>`	235	`</script>`
235		236
236	`<!-- Squelette de la liste des taxons -->`	237	`<!-- Squelette de la liste des taxons -->`
237	`<script id="tpl-taxons-liste" type="text/x-jquery-tmpl">`	238	`<script id="tpl-taxons-liste" type="text/x-jquery-tmpl">`
238	`<ol id="taxons">`	239	`<ol id="taxons">`
239	`{{each(index, taxon) taxons}}`	240	`{{each(index, taxon) taxons}}`
240	`<li id="taxon-${taxon.nt}">`	241	`<li id="taxon-${taxon.nt}">`
241	`<span class="taxon" title="Numéro taxonomique : ${taxon.nt} - Famille : ${taxon.famille}">`	242	`<span class="taxon" title="Numéro taxonomique : ${taxon.nt} - Famille : ${taxon.famille}">`
242	`${taxon.nom} <span class="nt" title="Numéro taxonomique">${taxon.nt}</span>`	243	`${taxon.nom} <span class="nt" title="Numéro taxonomique">${taxon.nt}</span>`
243	`</span>`	244	`</span>`
244	`</li>`	245	`</li>`
245	`{{/each}}`	246	`{{/each}}`
246	`</ol>`	247	`</ol>`
247	`</script>`	248	`</script>`
248		249
249	`<!-- Stats : Google Analytics -->`	250	`<!-- Stats : Google Analytics -->`
250	`<script type="text/javascript">`	251	`<script type="text/javascript">`
251	`//<![CDATA[`	252	`//<![CDATA[`
252	`var _gaq = _gaq \|\| [];`	253	`var _gaq = _gaq \|\| [];`
253	`_gaq.push(['_setAccount', 'UA-20092557-1']);`	254	`_gaq.push(['_setAccount', 'UA-20092557-1']);`
254	`_gaq.push(['_trackPageview']);`	255	`_gaq.push(['_trackPageview']);`
255		256
256	`(function() {`	257	`(function() {`
257	`var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;`	258	`var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;`
258	`ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';`	259	`ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';`
259	`var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);`	260	`var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);`
260	`})();`	261	`})();`
261	`//]]>`	262	`//]]>`
262	`</script>`	263	`</script>`
263	`</body>`	264	`</body>`
264	`</html>`	265	`</html>`

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/carto/squelettes/carte_defaut.tpl.html @ 2081 – Rev 939 → 940