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>
		<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 : 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}}
					{{if observateurId}}					
						<a class="contact obs-${idObs} contributeur-${observateurId}" 
						href="#form-contact" 
						title="Contactez ce contributeur">
							${observateur}
						</a>
					{{else}}
						${observateur}
					{{/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 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 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}}
								${observateur}
							{{/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">
			<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>
		
		<!-- 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>
				<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" />
				<button id="fc_annuler" type="button">Annuler</button>
				<button id="fc_effacer" type="reset">Effacer</button>
				<input id="fc_envoyer" type="submit" value="Envoyer" />
			</form>
		</div>
		
		<!-- 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 940	Rev 941
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	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.8.1/jquery.validate.min.js"></script>`
-		37	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.8.1/messages_fr.js"></script>`
36		38
37	`<!-- Javascript : données -->`	39	`<!-- Javascript : données -->`
38	`<script src="<?=$url_stations?>" type="text/javascript"></script>`	40	`<script src="<?=$url_stations?>" type="text/javascript"></script>`
39		41
40	`<!-- Javascript : appli carto -->`	42	`<!-- Javascript : appli carto -->`
41	`<script type="text/javascript">`	43	`<script type="text/javascript">`
42	`//<![CDATA[`	44	`//<![CDATA[`
43	`var urlsLimitesCommunales = <?=$url_limites_communales?>;`	45	`var urlsLimitesCommunales = <?=$url_limites_communales?>;`
44	`var nt = '<?=$num_taxon?>';`	46	`var nt = '<?=$num_taxon?>';`
45	`var filtreCommun =`	47	`var filtreCommun =`
46	`'&taxon=<?=$taxon?>'+`	48	`'&taxon=<?=$taxon?>'+`
47	`'&utilisateur=<?=$utilisateur?>'+`	49	`'&utilisateur=<?=$utilisateur?>'+`
48	`'&projet=<?=$projet?>'+`	50	`'&projet=<?=$projet?>'+`
49	`'&tag=<?=$tag?>'+`	51	`'&tag=<?=$tag?>'+`
50	`'&date=<?=$date?>'+`	52	`'&date=<?=$date?>'+`
51	`'&dept=<?=$dept?>'+`	53	`'&dept=<?=$dept?>'+`
52	`'&commune=<?=$commune?>'+`	54	`'&commune=<?=$commune?>'+`
53	`'&commentaire=<?=$commentaire?>';`	55	`'&commentaire=<?=$commentaire?>';`
54	`var stationsUrl = '<?=$url_cel_carto?>/stations'+'?'+`	56	`var stationsUrl = '<?=$url_cel_carto?>/stations'+'?'+`
55	`'num_taxon='+nt+`	57	`'num_taxon='+nt+`
56	`filtreCommun;`	58	`filtreCommun;`
57	`var taxonsUrl = '<?=$url_cel_carto?>/taxons'+'?'+`	59	`var taxonsUrl = '<?=$url_cel_carto?>/taxons'+'?'+`
58	`'num_taxon='+nt+`	60	`'num_taxon='+nt+`
59	`filtreCommun;`	61	`filtreCommun;`
60	`var observationsUrl = '<?=$url_cel_carto?>/observations'+'?'+`	62	`var observationsUrl = '<?=$url_cel_carto?>/observations'+'?'+`
61	`'station={stationId}'+`	63	`'station={stationId}'+`
62	`'&num_taxon={nt}'+`	64	`'&num_taxon={nt}'+`
63	`filtreCommun;`	65	`filtreCommun;`
64	`//]]>`	66	`//]]>`
65	`</script>`	67	`</script>`
66	`<script type="text/javascript" src="<?=$url_base?>modules/carto/squelettes/scripts/carto.js"></script>`	68	`<script type="text/javascript" src="<?=$url_base?>modules/carto/squelettes/scripts/carto.js"></script>`
67		69
68	`<!-- CSS -->`	70	`<!-- CSS -->`
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" />`	71	`<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" />`
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" />`	72	`<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" />`
71	`<link href="<?=$url_base?>modules/carto/squelettes/css/carto.css" rel="stylesheet" type="text/css" media="screen" />`	73	`<link href="<?=$url_base?>modules/carto/squelettes/css/carto.css" rel="stylesheet" type="text/css" media="screen" />`
72	`</head>`	74	`</head>`
73		75
74	`<body>`	76	`<body>`
75	`<div id="zone-titre">`	77	`<div id="zone-titre">`
76	`<h1 id="carte-titre">`	78	`<h1 id="carte-titre">`
77	`<span id="logo">`	79	`<span id="logo">`
78	`<a href="http://www.tela-botanica.org/site:accueil" title="Aller à l'accueil de Tela Botanica">`	80	`<a href="http://www.tela-botanica.org/site:accueil" title="Aller à l'accueil de Tela Botanica">`
79	`<img src="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png" alt="TB" />`	81	`<img src="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png" alt="TB" />`
80	`</a>`	82	`</a>`
81	`</span>`	83	`</span>`
82	`<span id="obs-nbre"> </span> observations`	84	`<span id="obs-nbre"> </span> observations`
83	`<span class="plante-titre">de <span class="plantes-nbre"> </span> plantes</span> sur`	85	`<span class="plante-titre">de <span class="plantes-nbre"> </span> plantes</span> sur`
84	`<span id="commune-nbre"> </span> communes`	86	`<span id="commune-nbre"> </span> communes`
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>)`	87	`- <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>)`
86	`</h1>`	88	`</h1>`
87	`<div id="zone-info">`	89	`<div id="zone-info">`
88	`<a href="<?=$url_base?>carto?carte=avertissement" onClick="ouvrirPopUp('<?=$url_base?>carto?carte=avertissement', 'Avertissement'); arreter(event); return false;">`	90	`<a href="<?=$url_base?>carto?carte=avertissement" onClick="ouvrirPopUp('<?=$url_base?>carto?carte=avertissement', 'Avertissement'); arreter(event); return false;">`
89	`<img src="<?=$url_base?>modules/carto/squelettes/images/information.png"`	91	`<img src="<?=$url_base?>modules/carto/squelettes/images/information.png"`
90	`alt="Avertissements" title="Avertissements & informations" />`	92	`alt="Avertissements" title="Avertissements & informations" />`
91	`</a>`	93	`</a>`
92	`</div>`	94	`</div>`
93	`</div>`	95	`</div>`
94	`<? if ($num_taxon == '*') : ?>`	96	`<? if ($num_taxon == '*') : ?>`
95	`<div id="panneau-lateral">`	97	`<div id="panneau-lateral">`
96	`<div id="pl-ouverture" title="Ouvrir le panneau latéral"><span>Panneau >></span></div>`	98	`<div id="pl-ouverture" title="Ouvrir le panneau latéral"><span>Panneau >></span></div>`
97	`<div id="pl-fermeture" title="Fermer le panneau latéral"><span><< Fermer [x]</span></div>`	99	`<div id="pl-fermeture" title="Fermer le panneau latéral"><span><< Fermer [x]</span></div>`
98	`<div id="pl-contenu">`	100	`<div id="pl-contenu">`
99	`<div id="pl-entete">`	101	`<div id="pl-entete">`
100	`<h2>Filtre sur <span class="plantes-nbre"> </span> plantes</h2>`	102	`<h2>Filtre sur <span class="plantes-nbre"> </span> plantes</h2>`
101	`<p>`	103	`<p>`
102	`Cliquez sur un nom de plante pour filtrer les observations sur la carte.<br />`	104	`Cliquez sur un nom de plante pour filtrer les observations sur la carte.<br />`
103	`Pour revenir à l'état initial, cliquez à nouveau sur le nom sélectionné.`	105	`Pour revenir à l'état initial, cliquez à nouveau sur le nom sélectionné.`
104	`</p>`	106	`</p>`
105	`</div>`	107	`</div>`
106	`<div id="pl-corps" onMouseOver="map.setOptions({'scrollwheel':false});" onMouseOut="map.setOptions({'scrollwheel':true});">`	108	`<div id="pl-corps" onMouseOver="map.setOptions({'scrollwheel':false});" onMouseOut="map.setOptions({'scrollwheel':true});">`
107	`<!-- Insertion des lignes à partir du squelette tpl-taxons-liste -->`	109	`<!-- Insertion des lignes à partir du squelette tpl-taxons-liste -->`
108	`</div>`	110	`</div>`
109	`</div>`	111	`</div>`
110	`</div>`	112	`</div>`
111	`<? endif ?>`	113	`<? endif ?>`
112	`<div id="carte"></div>`	114	`<div id="carte"></div>`
113		115
114	`<!-- +-------------------------------------------------------------------------------------------+ -->`	116	`<!-- +-------------------------------------------------------------------------------------------+ -->`
115	`<!-- Blocs chargés à la demande : par défaut avec un style display à none -->`	117	`<!-- Blocs chargés à la demande : par défaut avec un style display à none -->`
116		118
117	`<!-- Squelette du message de chargement des observations -->`	119	`<!-- Squelette du message de chargement des observations -->`
118	`<script id="tpl-chargement" type="text/x-jquery-tmpl">`	120	`<script id="tpl-chargement" type="text/x-jquery-tmpl">`
119	`<div id="chargement" style="height:500px;">`	121	`<div id="chargement" style="height:500px;">`
120	`<img src="<?=$url_base?>modules/carto/squelettes/images/chargement.gif" alt="Chargement en cours..." />`	122	`<img src="<?=$url_base?>modules/carto/squelettes/images/chargement.gif" alt="Chargement en cours..." />`
121	`<p>Chargement des observations en cours...</p>`	123	`<p>Chargement des observations en cours...</p>`
122	`</div>`	124	`</div>`
123	`</script>`	125	`</script>`
124		126
125	`<!-- Squelette du contenu d'une info-bulle observation -->`	127	`<!-- Squelette du contenu d'une info-bulle observation -->`
126	`<script id="tpl-obs" type="text/x-jquery-tmpl">`	128	`<script id="tpl-obs" type="text/x-jquery-tmpl">`
127	`<div id="info-bulle" style="min-height:500px;width:600px;">`	129	`<div id="info-bulle" style="min-height:500px;width:600px;">`
128	`<div id="obs">`	130	`<div id="obs">`
129	`<h2><span id="obs-total"></span> observations pour <span id="obs-commune"></span></h2>`	131	`<h2><span id="obs-total"></span> observations pour <span id="obs-commune"></span></h2>`
130	`<div class="navigation"> </div>`	132	`<div class="navigation"> </div>`
131	`<div>`	133	`<div>`
132	`<ul>`	134	`<ul>`
133	`<li><a href="#obs-vue-tableau">Tableau</a></li>`	135	`<li><a href="#obs-vue-tableau">Tableau</a></li>`
134	`<li><a href="#obs-vue-liste">Liste</a></li>`	136	`<li><a href="#obs-vue-liste">Liste</a></li>`
135	`</ul>`	137	`</ul>`
136	`</div>`	138	`</div>`
137	`<div id="observations">`	139	`<div id="observations">`
138	`<div id="obs-vue-tableau" style="display:none;">`	140	`<div id="obs-vue-tableau" style="display:none;">`
139	`<table id="obs-tableau">`	141	`<table id="obs-tableau">`
140	`<thead>`	142	`<thead>`
141	`<tr>`	143	`<tr>`
142	`<th title="Nom scientifique défini par l'utilisateur.">Nom</th>`	144	`<th title="Nom scientifique défini par l'utilisateur.">Nom</th>`
143	`<th title="Date de l'observation">Date</th>`	145	`<th title="Date de l'observation">Date</th>`
144	`<th title="Lieu d'observation">Lieu</th>`	146	`<th title="Lieu d'observation">Lieu</th>`
145	`<th title="Auteur de l'observation">Observateur</th>`	147	`<th title="Auteur de l'observation">Observateur</th>`
146	`</tr>`	148	`</tr>`
147	`</thead>`	149	`</thead>`
148	`<tbody id="obs-tableau-lignes" class="obs-conteneur">`	150	`<tbody id="obs-tableau-lignes" class="obs-conteneur">`
149	`<!-- Insertion des lignes à partir du squelette tpl-obs-tableau -->`	151	`<!-- Insertion des lignes à partir du squelette tpl-obs-tableau -->`
150	`</tbody>`	152	`</tbody>`
151	`</table>`	153	`</table>`
152	`</div>`	154	`</div>`
153	`<div id="obs-vue-liste" style="display:none;">`	155	`<div id="obs-vue-liste" style="display:none;">`
154	`<ol id="obs-liste-lignes" class="obs-conteneur">`	156	`<ol id="obs-liste-lignes" class="obs-conteneur">`
155	`<!-- Insertion des lignes à partir du squelette tpl-obs-liste -->`	157	`<!-- Insertion des lignes à partir du squelette tpl-obs-liste -->`
156	`</ol>`	158	`</ol>`
157	`</div>`	159	`</div>`
158	`</div>`	160	`</div>`
159	`<div class="navigation"> </div>`	161	`<div class="navigation"> </div>`
160	`<div id="obs-pieds-page">`	162	`<div id="obs-pieds-page">`
161	`<p id="obs-msg-info">Les observations de cette carte sont regroupées par commune.</p>`	163	`<p id="obs-msg-info">Les observations de cette carte sont regroupées par commune.</p>`
162	`<p>Id : <span id="obs-station-id"> </span></p>`	164	`<p>Id : <span id="obs-station-id"> </span></p>`
163	`</div>`	165	`</div>`
164	`</div>`	166	`</div>`
165	`</div>`	167	`</div>`
166	`</script>`	168	`</script>`
167		169
168	`<!-- Squelette du contenu du tableau des observation -->`	170	`<!-- Squelette du contenu du tableau des observation -->`
169	`<script id="tpl-obs-tableau" type="text/x-jquery-tmpl">`	171	`<script id="tpl-obs-tableau" type="text/x-jquery-tmpl">`
170	`<tr>`	172	`<tr>`
171	`<td>`	173	`<td>`
172	`<span class="nom-sci">`	174	`<span class="nom-sci">`
173	`{{if nn != 0}}`	175	`{{if nn != 0}}`
174	`<a href="http://www.tela-botanica.org/nn${nn}"`	176	`<a href="http://www.tela-botanica.org/nn${nn}"`
175	`onclick="window.open(this.href); arreter(event); return false; ">`	177	`onclick="window.open(this.href); arreter(event); return false; ">`
176	`${nomSci}`	178	`${nomSci}`
177	`</a>`	179	`</a>`
178	`{{else}}`	180	`{{else}}`
179	`${nomSci}`	181	`${nomSci}`
180	`{{/if}}`	182	`{{/if}}`
181	`</span>`	183	`</span>`
182	`</td>`	184	`</td>`
183	`<td>{{if date}}${date}{{else}} {{/if}}</td>`	185	`<td>{{if date}}${date}{{else}} {{/if}}</td>`
184	`<td>{{if lieu}}${lieu}{{else}} {{/if}}</td>`	186	`<td>{{if lieu}}${lieu}{{else}} {{/if}}</td>`
-		187	`<td>`
-		188	`{{if observateur}}`
-		189	`{{if observateurId}}`
185	`<td>{{if observateur}}${observateur}{{else}} {{/if}}</td>`	190	`<a class="contact obs-${idObs} contributeur-${observateurId}"`
-		191	`href="#form-contact"`
-		192	`title="Contactez ce contributeur">`
-		193	`${observateur}`
-		194	`</a>`
-		195	`{{else}}`
-		196	`${observateur}`
-		197	`{{/if}}`
-		198	`{{else}}`
-		199	` `
-		200	`{{/if}}`
-		201	`</td>`
186	`</tr>`	202	`</tr>`
187	`</script>`	203	`</script>`
188		204
189	`<!-- Squelette du contenu de la liste des observations -->`	205	`<!-- Squelette du contenu de la liste des observations -->`
190	`<script id="tpl-obs-liste" type="text/x-jquery-tmpl">`	206	`<script id="tpl-obs-liste" type="text/x-jquery-tmpl">`
191	`<li>`	207	`<li>`
192	`<div id="cel-obs-${idObs}">`	208	`<div id="cel-obs-${idObs}">`
193	`{{if images}}`	209	`{{if images}}`
194	`{{each(index, img) images}}`	210	`{{each(index, img) images}}`
195	`<div{{if index == 0}} class="cel-img-principale" {{else}} class="cel-img-secondaire"{{/if}}>`	211	`<div{{if index == 0}} class="cel-img-principale" {{else}} class="cel-img-secondaire"{{/if}}>`
196	`<a class="cel-img"`	212	`<a class="cel-img"`
197	`href="${img.normale}"`	213	`href="${img.normale}"`
198	`title="${nomSci} {{if nn}} [${nn}] {{/if}} par ${observateur} - Publiée le ${datePubli} - GUID : ${img.guid}"`	214	`title="${nomSci} {{if nn}} [${nn}] {{/if}} par ${observateur} - Publiée le ${datePubli} - GUID : ${img.guid}"`
199	`rel="cel-obs-${idObs}">`	215	`rel="cel-obs-${idObs}">`
200	`<img src="${img.miniature}" alt="Image #${img.idImg} de l'osbervation #${nn}" />`	216	`<img src="${img.miniature}" alt="Image #${img.idImg} de l'osbervation #${nn}" />`
201	`</a>`	217	`</a>`
202	`<p id="cel-info-${img.idImg}" class="cel-infos">`	218	`<p id="cel-info-${img.idImg}" class="cel-infos">`
203	`<a class="cel-img-titre" href="${urlEflore}"`	219	`<a class="cel-img-titre" href="${urlEflore}"`
204	`onclick="window.open(this.href);return false;"`	220	`onclick="window.open(this.href);return false;"`
205	`title="Cliquez pour accéder à la fiche eFlore">`	221	`title="Cliquez pour accéder à la fiche eFlore">`
206	`<strong>${nomSci} {{if nn}} [nn${nn}] {{/if}}</strong> par <em>${observateur}</em>`	222	`<strong>${nomSci} {{if nn}} [nn${nn}] {{/if}}</strong> par <em>${observateur}</em>`
207	`</a>`	223	`</a>`
208	`<br />`	224	`<br />`
209	`<span class="cel-img-date">Publiée le ${datePubli}</span>`	225	`<span class="cel-img-date">Publiée le ${datePubli}</span>`
210	`</p>`	226	`</p>`
211	`</div>`	227	`</div>`
212	`{{/each}}`	228	`{{/each}}`
213	`{{/if}}`	229	`{{/if}}`
214	`<dl>`	230	`<dl>`
215	`<dt class="champ-nom-sci">Nom</dt>`	231	`<dt class="champ-nom-sci">Nom</dt>`
216	`<dd title="Nom défini par l'utilisateur{{if nn != 0}}. Cliquez pour accéder à la fiche d'eFlore.{{/if}}">`	232	`<dd title="Nom défini par l'utilisateur{{if nn != 0}}. Cliquez pour accéder à la fiche d'eFlore.{{/if}}">`
217	`<span class="nom-sci">`	233	`<span class="nom-sci">`
218	`{{if nn != 0}}`	234	`{{if nn != 0}}`
219	`<a href="http://www.tela-botanica.org/nn${nn}"`	235	`<a href="http://www.tela-botanica.org/nn${nn}"`
220	`onclick="window.open(this.href); arreter(event); return false; ">`	236	`onclick="window.open(this.href); arreter(event); return false; ">`
221	`${nomSci}`	237	`${nomSci}`
222	`</a>`	238	`</a>`
223	`{{else}}`	239	`{{else}}`
224	`${nomSci}`	240	`${nomSci}`
225	`{{/if}}`	241	`{{/if}}`
226	`</span>`	242	`</span>`
227	`</dd>`	243	`</dd>`
228	`<dt title="Lieu d'observation">Lieu</dt><dd> ${lieu}</dd>`	244	`<dt title="Lieu d'observation">Lieu</dt><dd class="lieu"> ${lieu}</dd>`
229	`<dt title="Date d'observation">Le</dt><dd> ${date}</dd>`	245	`<dt title="Date d'observation">Le</dt><dd class="date"> ${date}</dd>`
230	`<dt title="Auteur de l'observation">Publié par</dt><dd> ${observateur}</dd>`	246	`<dt title="Auteur de l'observation">Publié par</dt>`
-		247	`<dd>`
-		248	`{{if observateur}}`
-		249	`{{if observateurId}}`
-		250	`<a class="contact obs-${idObs} contributeur-${observateurId}"`
-		251	`href="#form-contact"`
-		252	`title="Contactez ce contributeur">`
-		253	`${observateur}`
-		254	`</a>`
-		255	`{{else}}`
-		256	`${observateur}`
-		257	`{{/if}}`
-		258	`{{else}}`
-		259	` `
-		260	`{{/if}}`
-		261	`</dd>`
231	`</dl>`	262	`</dl>`
232	`<hr class="nettoyage"/>`	263	`<hr class="nettoyage"/>`
233	`</div>`	264	`</div>`
234	`</li>`	265	`</li>`
235	`</script>`	266	`</script>`
236		267
237	`<!-- Squelette de la liste des taxons -->`	268	`<!-- Squelette de la liste des taxons -->`
238	`<script id="tpl-taxons-liste" type="text/x-jquery-tmpl">`	269	`<script id="tpl-taxons-liste" type="text/x-jquery-tmpl">`
239	`<ol id="taxons">`	270	`<ol id="taxons">`
240	`{{each(index, taxon) taxons}}`	271	`{{each(index, taxon) taxons}}`
241	`<li id="taxon-${taxon.nt}">`	272	`<li id="taxon-${taxon.nt}">`
242	`<span class="taxon" title="Numéro taxonomique : ${taxon.nt} - Famille : ${taxon.famille}">`	273	`<span class="taxon" title="Numéro taxonomique : ${taxon.nt} - Famille : ${taxon.famille}">`
243	`${taxon.nom} <span class="nt" title="Numéro taxonomique">${taxon.nt}</span>`	274	`${taxon.nom} <span class="nt" title="Numéro taxonomique">${taxon.nt}</span>`
244	`</span>`	275	`</span>`
245	`</li>`	276	`</li>`
246	`{{/each}}`	277	`{{/each}}`
247	`</ol>`	278	`</ol>`
248	`</script>`	279	`</script>`
-		280
-		281	`<!-- Squelette du formulaire de contact -->`
-		282	`<div id="tpl-form-contact" style="display:none;">`
-		283	`<form id="form-contact" method="post" action="">`
-		284	`<div id="fc-zone-dialogue"></div>`
-		285	`<dl>`
-		286	`<dt><label for="fc_sujet">Sujet</label></dt>`
-		287	`<dd><input id="fc_sujet" name="fc_sujet"/></dd>`
-		288	`<dt><label for="fc_message">Message</label></dt>`
-		289	`<dd><textarea id="fc_message" name="fc_message"></textarea></dd>`
-		290	`<dt><label for="fc_utilisateur_courriel" title="Utilisez le courriel avec lequel vous êtes inscrit à Tela Botanica">Votre courriel</label></dt>`
-		291	`<dd><input id="fc_utilisateur_courriel" name="fc_utilisateur_courriel"/></dd>`
-		292	`</dl>`
-		293	`<input id="fc_destinataire_id" name="fc_destinataire_id" type="hidden" value="" />`
-		294	`<input id="fc_copies" name="fc_copies" type="hidden" value="eflore_remarques@tela-botanica.org" />`
-		295	`<button id="fc_annuler" type="button">Annuler</button>`
-		296	`<button id="fc_effacer" type="reset">Effacer</button>`
-		297	`<input id="fc_envoyer" type="submit" value="Envoyer" />`
-		298	`</form>`
-		299	`</div>`
249		300
250	`<!-- Stats : Google Analytics -->`	301	`<!-- Stats : Google Analytics -->`
251	`<script type="text/javascript">`	302	`<script type="text/javascript">`
252	`//<![CDATA[`	303	`//<![CDATA[`
253	`var _gaq = _gaq \|\| [];`	304	`var _gaq = _gaq \|\| [];`
254	`_gaq.push(['_setAccount', 'UA-20092557-1']);`	305	`_gaq.push(['_setAccount', 'UA-20092557-1']);`
255	`_gaq.push(['_trackPageview']);`	306	`_gaq.push(['_trackPageview']);`
256		307
257	`(function() {`	308	`(function() {`
258	`var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;`	309	`var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;`
259	`ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';`	310	`ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';`
260	`var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);`	311	`var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);`
261	`})();`	312	`})();`
262	`//]]>`	313	`//]]>`
263	`</script>`	314	`</script>`
264	`</body>`	315	`</body>`
265	`</html>`	316	`</html>`

Subversion Repositories eFlore/Applications.cel

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