WebSVN – eFlore/Applications.moissonnage – Diff – /trunk/widget/modules/carto/squelettes/carto.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>
		<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" />
 
		<title>Carte des observations E-flore : Nouvelle version</title>
		
		<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" />
		
		<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.5/leaflet.css" />
		<link rel="stylesheet" href="<?=$url_base?>modules/carto/squelettes/css/L.Control.Zoomslider.css" />
		<!--[if lte IE 8]>
			<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.5/leaflet.ie.css" />
			<link rel="stylesheet" href="<?=$url_base?>modules/carto/squelettes/css/L.Control.Zoomslider.ie.css" />
		<![endif]-->
		<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" />
 
		<!-- Javascript : bibliothèques -->
		<script src="http://cdn.leafletjs.com/leaflet-0.5/leaflet.js"></script>
		<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/tablesorter/2.0.5/jquery.tablesorter.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://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
		<script type="text/javascript">
		//<![CDATA[
			var source = '<?= $source ?>'.split(',');
			var logo = '<?=$logo ?>';
			var titreCarte = '<?= ($titre != null) ? addslashes($titre) : null; ?>';
			var urlLogo = '<?= ($logo != null) ? "$logo" : null; ?>';
			var urlSite = '<?= ($url_site != null) ? "$url_site" : null; ?>';
			var nn = '<?= $nn ?>';
			var numTaxon = '<?= $num_taxon ?>';
			var dept = '<?= $departement ?>';
			var auteur = '<?= $auteur ?>';
			var referentiel = '<?= $referentiel ?>';
			var dateDebut = '<?= $date_debut ?>';
			var dateFin = '<?= $date_fin ?>';
			var nbJours = '<?=$nb_jours ?>';
			
			var urlBase = '<?= $url_serivce_carto ?>/projets/';
			var urlsLimitesCommunales = <?= $urlLimitesCommunales ?>;
			var communeImageUrl = '<?= $communeImageUrl ?>';
			var pointImageUrl = '<?= $pointImageUrl ?>';
			var liensVersSources = '<?= $liensVersSources ?>'.split(',');
			var titreLegende = '<?= $titreLegende ?>';
			var listeSources = '<?= $listeSources ?>'.split(',');
			var nomListeSources = '<?= $nomListeSources ?>'.split(',');
			const ZOOM_MAXIMUM_MAILLAGE = <?= $zoomMaximumMaillage ?>;
			const SEUIL_MAILLAGE = <?= $seuilMaillage ?>;
		//]]>
		</script>
		<script src="http://maps.google.com/maps/api/js?v=3.5&sensor=true&language=fr&region=FR" type="text/javascript"></script>
		<script src="<?=$url_base?>modules/carto/squelettes/scripts/L.KML.js" type="text/javascript"></script>
		<script src="<?=$url_base?>modules/carto/squelettes/scripts/carto.js"></script>
		<script src="<?=$url_base?>modules/carto/squelettes/scripts/L.Control.Zoomslider.js" ></script>
	</head>
 
	<body>
		<div id="zone-chargement"></div>
		<div id="map"></div>
		
		<!-- +-------------------------------------------------------------------------------------------+ -->
		<!-- Blocs chargés à la demande : par défaut avec un style display à none -->
		
		<!-- Squelette du message de chargement des stations et observations -->
		<script id="tpl-chargement-stations" type="text/x-jquery-tmpl">
			<div id="chargement-stations">			
				<img src="<?=$url_base?>modules/carto/squelettes/images/chargement.gif" alt="Chargement en cours..." />
				<p>Chargement des stations en cours...</p>
			</div>
		</script>
 
 
		<script id="tpl-chargement-observations" type="text/x-jquery-tmpl">
			<div id="chargement-observations">			
				<img src="<?=$url_base?>modules/carto/squelettes/images/chargement.gif" alt="Chargement en cours..." />
				<p>Chargement des observations en cours...</p>
			</div>
		</script>
		
		<?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 endif; ?>
			</div>
		<?php endif; ?>	
		<?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; ?>
		
		<!-- 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>
			</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 != 0}}
						<a href="http://www.tela-botanica.org/nn${nn}" 
							target="_blank">
							${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}}
						${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 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}} [${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 != 0}}
								<a href="http://www.tela-botanica.org/nn${nn}" 
									target="_blank">
									${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>
	</body>
</html>

Rev 28	Rev 31
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	`<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>`	4	`<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>`
5	`<meta http-equiv="Content-style-type" content="text/css" />`	5	`<meta http-equiv="Content-style-type" content="text/css" />`
6	`<meta http-equiv="Content-script-type" content="text/javascript" />`	6	`<meta http-equiv="Content-script-type" content="text/javascript" />`
7	`<meta http-equiv="Content-language" content="fr" />`	7	`<meta http-equiv="Content-language" content="fr" />`
8		8
9	`<title>Carte des observations E-flore : Nouvelle version</title>`	9	`<title>Carte des observations E-flore : Nouvelle version</title>`
10		10
11	`<link rel="icon" type="image/png" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png" />`	11	`<link rel="icon" type="image/png" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png" />`
12	`<link rel="shortcut icon" type="image/x-icon" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.ico" />`	12	`<link rel="shortcut icon" type="image/x-icon" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.ico" />`
13		13
14	`<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.5/leaflet.css" />`	14	`<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.5/leaflet.css" />`
15	`<link rel="stylesheet" href="<?=$url_base?>modules/carto/squelettes/css/L.Control.Zoomslider.css" />`	15	`<link rel="stylesheet" href="<?=$url_base?>modules/carto/squelettes/css/L.Control.Zoomslider.css" />`
16	`<!--[if lte IE 8]>`	16	`<!--[if lte IE 8]>`
17	`<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.5/leaflet.ie.css" />`	17	`<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.5/leaflet.ie.css" />`
18	`<link rel="stylesheet" href="<?=$url_base?>modules/carto/squelettes/css/L.Control.Zoomslider.ie.css" />`	18	`<link rel="stylesheet" href="<?=$url_base?>modules/carto/squelettes/css/L.Control.Zoomslider.ie.css" />`
19	`<![endif]-->`	19	`<![endif]-->`
20	`<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" />`	20	`<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" />`
21	`<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" />`	21	`<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" />`
22	`<link href="<?=$url_base?>modules/carto/squelettes/css/carto.css" rel="stylesheet" type="text/css" media="screen" />`	22	`<link href="<?=$url_base?>modules/carto/squelettes/css/carto.css" rel="stylesheet" type="text/css" media="screen" />`
23		23
24	`<!-- Javascript : bibliothèques -->`	24	`<!-- Javascript : bibliothèques -->`
25	`<script src="http://cdn.leafletjs.com/leaflet-0.5/leaflet.js"></script>`	25	`<script src="http://cdn.leafletjs.com/leaflet-0.5/leaflet.js"></script>`
26	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.6.2/jquery-1.6.2.min.js"></script>`	26	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.6.2/jquery-1.6.2.min.js"></script>`
27	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/tablesorter/2.0.5/jquery.tablesorter.min.js"></script>`	27	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/tablesorter/2.0.5/jquery.tablesorter.min.js"></script>`
28	`<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>`	28	`<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>`
29	`<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>`	29	`<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>`
30	`<script type="text/javascript">`	30	`<script type="text/javascript">`
31	`//<![CDATA[`	31	`//<![CDATA[`
32	`var source = '<?= $source ?>',`	32	`var source = '<?= $source ?>'.split(',');`
-		33	`var logo = '<?=$logo ?>';`
-		34	`var titreCarte = '<?= ($titre != null) ? addslashes($titre) : null; ?>';`
-		35	`var urlLogo = '<?= ($logo != null) ? "$logo" : null; ?>';`
-		36	`var urlSite = '<?= ($url_site != null) ? "$url_site" : null; ?>';`
-		37	`var nn = '<?= $nn ?>';`
33	`num_taxon = '<?= $num_taxon ?>',`	38	`var numTaxon = '<?= $num_taxon ?>';`
34	`dept = '<?= $departement ?>',`	39	`var dept = '<?= $departement ?>';`
35	`auteur = '<?= $auteur ?>',`	40	`var auteur = '<?= $auteur ?>';`
36	`referentiel = '<?= $referentiel ?>',`	41	`var referentiel = '<?= $referentiel ?>';`
-		42	`var dateDebut = '<?= $date_debut ?>';`
-		43	`var dateFin = '<?= $date_fin ?>';`
-		44	`var nbJours = '<?=$nb_jours ?>';`
-		45
37	`urlBase = '<?= $url_serivce_carto ?>/projets/',`	46	`var urlBase = '<?= $url_serivce_carto ?>/projets/';`
38	`urlsLimitesCommunales = <?= $urlLimitesCommunales ?>,`	47	`var urlsLimitesCommunales = <?= $urlLimitesCommunales ?>;`
39	`communeImageUrl = '<?= $communeImageUrl ?>',`	48	`var communeImageUrl = '<?= $communeImageUrl ?>';`
40	`pointImageUrl = '<?= $pointImageUrl ?>',`	49	`var pointImageUrl = '<?= $pointImageUrl ?>';`
41	`liensVersSources = '<?= $liensVersSources ?>'.split(','),`	50	`var liensVersSources = '<?= $liensVersSources ?>'.split(',');`
42	`titreLegende = '<?= $titreLegende ?>',`	51	`var titreLegende = '<?= $titreLegende ?>';`
43	`sources = '<?= $sourcesDispo ?>'.split(','),`	52	`var listeSources = '<?= $listeSources ?>'.split(',');`
44	`nomSources = '<?= $nomSourcesDispo ?>'.split(',');`	53	`var nomListeSources = '<?= $nomListeSources ?>'.split(',');`
-		54	`const ZOOM_MAXIMUM_MAILLAGE = <?= $zoomMaximumMaillage ?>;`
-		55	`const SEUIL_MAILLAGE = <?= $seuilMaillage ?>;`
45	`//]]>`	56	`//]]>`
46	`</script>`	57	`</script>`
47	`<script src="http://maps.google.com/maps/api/js?v=3.5&sensor=true&language=fr&region=FR" type="text/javascript"></script>`	58	`<script src="http://maps.google.com/maps/api/js?v=3.5&sensor=true&language=fr&region=FR" type="text/javascript"></script>`
48	`<script src="<?=$url_base?>modules/carto/squelettes/scripts/L.KML.js" type="text/javascript"></script>`	59	`<script src="<?=$url_base?>modules/carto/squelettes/scripts/L.KML.js" type="text/javascript"></script>`
49	`<script src="<?=$url_base?>modules/carto/squelettes/scripts/carto.js"></script>`	60	`<script src="<?=$url_base?>modules/carto/squelettes/scripts/carto.js"></script>`
50	`<script src="<?=$url_base?>modules/carto/squelettes/scripts/L.Control.Zoomslider.js" ></script>`	61	`<script src="<?=$url_base?>modules/carto/squelettes/scripts/L.Control.Zoomslider.js" ></script>`
51	`</head>`	62	`</head>`
52		63
53	`<body>`	64	`<body>`
54	`<div id="zone-chargement"></div>`	65	`<div id="zone-chargement"></div>`
55	`<div id="map"></div>`	66	`<div id="map"></div>`
56		67
57	`<!-- +-------------------------------------------------------------------------------------------+ -->`	68	`<!-- +-------------------------------------------------------------------------------------------+ -->`
58	`<!-- Blocs chargés à la demande : par défaut avec un style display à none -->`	69	`<!-- Blocs chargés à la demande : par défaut avec un style display à none -->`
59		70
60	`<!-- Squelette du message de chargement des observations -->`	71	`<!-- Squelette du message de chargement des stations et observations -->`
61	`<script id="tpl-chargement-stations" type="text/x-jquery-tmpl">`	72	`<script id="tpl-chargement-stations" type="text/x-jquery-tmpl">`
62	`<div id="chargement-stations">`	73	`<div id="chargement-stations">`
63	`<img src="<?=$url_base?>modules/carto/squelettes/images/chargement.gif" alt="Chargement en cours..." />`	74	`<img src="<?=$url_base?>modules/carto/squelettes/images/chargement.gif" alt="Chargement en cours..." />`
64	`<p>Chargement des stations en cours...</p>`	75	`<p>Chargement des stations en cours...</p>`
65	`</div>`	76	`</div>`
66	`</script>`	77	`</script>`
67		-
68	`<!-- Squelette du message de chargement des observations -->`	-
69	`<script id="tpl-chargement-observations" type="text/x-jquery-tmpl">`	78	`<script id="tpl-chargement-observations" type="text/x-jquery-tmpl">`
70	`<div id="chargement-observations">`	79	`<div id="chargement-observations">`
71	`<img src="<?=$url_base?>modules/carto/squelettes/images/chargement.gif" alt="Chargement en cours..." />`	80	`<img src="<?=$url_base?>modules/carto/squelettes/images/chargement.gif" alt="Chargement en cours..." />`
72	`<p>Chargement des observations en cours...</p>`	81	`<p>Chargement des observations en cours...</p>`
73	`</div>`	82	`</div>`
74	`</script>`	83	`</script>`
-		84
-		85	`<?php if($logo != null) : ?>`
-		86	`<div id="logo">`
-		87	`<?php if($url_site != null) : ?>`
-		88	`<a href="<?= $url_site; ?>"`
-		89	`title="<?= $url_site; ?>"`
-		90	`onclick="ouvrirNouvelleFenetre(this, event)">`
-		91	`<img height="60px" class="image-logo" src="<?= $logo ?>" alt="logo" />`
-		92	`</a>`
-		93	`<?php else : ?>`
-		94	`<img class="image-logo" src="<?= $logo ?>" alt="logo" />`
-		95	`<?php endif; ?>`
-		96	`</div>`
-		97	`<?php endif; ?>`
-		98	`<?php if($titre !== "0" && $titre != null) : ?>`
-		99	`<div id="zone-titre" class="element-overlay">`
-		100	`<h1 id="carte-titre">`
-		101	`<span id="carte-titre-infos"><?= htmlspecialchars($titre); ?></span>`
-		102	`</h1>`
-		103	`</div>`
-		104	`<?php endif; ?>`
75		105
76	`<!-- Squelette du contenu d'une info-bulle observation -->`	106	`<!-- Squelette du contenu d'une info-bulle observation -->`
77	`<script id="tpl-obs" type="text/x-jquery-tmpl">`	107	`<script id="tpl-obs" type="text/x-jquery-tmpl">`
78	`<div id="info-bulle" style="width:{largeur}px;">`	108	`<div id="info-bulle" style="width:{largeur}px;">`
79	`<div id="obs">`	109	`<div id="obs">`
80	`<h2 id="obs-station-titre">Station</h2>`	110	`<h2 id="obs-station-titre">Station</h2>`
81	`<div class="navigation"> </div>`	111	`<div class="navigation"> </div>`
82	`<div>`	112	`<div>`
83	`<ul>`	113	`<ul>`
84	`<li><a href="#obs-vue-tableau">Tableau</a></li>`	114	`<li><a href="#obs-vue-tableau">Tableau</a></li>`
85	`<li><a href="#obs-vue-liste">Liste</a></li>`	115	`<li><a href="#obs-vue-liste">Liste</a></li>`
86	`</ul>`	116	`</ul>`
87	`</div>`	117	`</div>`
88	`<div id="observations">`	118	`<div id="observations">`
89	`<div id="obs-vue-tableau" style="display:none;">`	119	`<div id="obs-vue-tableau" style="display:none;">`
90	`<table id="obs-tableau">`	120	`<table id="obs-tableau">`
91	`<thead>`	121	`<thead>`
92	`<tr>`	122	`<tr>`
93	`<th title="Nom scientifique défini par l'utilisateur.">Nom</th>`	123	`<th title="Nom scientifique défini par l'utilisateur.">Nom</th>`
94	`<th title="Date de l'observation">Date</th>`	124	`<th title="Date de l'observation">Date</th>`
95	`<th title="Lieu d'observation">Lieu</th>`	125	`<th title="Lieu d'observation">Lieu</th>`
96	`<th title="Auteur de l'observation">Observateur</th>`	126	`<th title="Auteur de l'observation">Observateur</th>`
97	`</tr>`	127	`</tr>`
98	`</thead>`	128	`</thead>`
99	`<tbody id="obs-tableau-lignes" class="obs-conteneur">`	129	`<tbody id="obs-tableau-lignes" class="obs-conteneur">`
100	`<!-- Insertion des lignes à partir du squelette tpl-obs-tableau -->`	130	`<!-- Insertion des lignes à partir du squelette tpl-obs-tableau -->`
101	`</tbody>`	131	`</tbody>`
102	`</table>`	132	`</table>`
103	`</div>`	133	`</div>`
104	`<div id="obs-vue-liste" style="display:none;">`	134	`<div id="obs-vue-liste" style="display:none;">`
105	`<ol id="obs-liste-lignes" class="obs-conteneur">`	135	`<ol id="obs-liste-lignes" class="obs-conteneur">`
106	`<!-- Insertion des lignes à partir du squelette tpl-obs-liste -->`	136	`<!-- Insertion des lignes à partir du squelette tpl-obs-liste -->`
107	`</ol>`	137	`</ol>`
108	`</div>`	138	`</div>`
109	`</div>`	139	`</div>`
110	`<div id="obs-pieds-page">`	140	`<div id="obs-pieds-page">`
111	`<p>Id : <span id="obs-station-id"> </span></p>`	141	`<p>Id : <span id="obs-station-id"> </span></p>`
112	`</div>`	142	`</div>`
113	`<div class="navigation"> </div>`	143	`<div class="navigation"> </div>`
114	`</div>`	144	`</div>`
115	`</div>`	145	`</div>`
116	`</script>`	146	`</script>`
117		147
118	`<!-- Squelette du contenu du tableau des observation -->`	148	`<!-- Squelette du contenu du tableau des observation -->`
119	`<script id="tpl-obs-tableau" type="text/x-jquery-tmpl">`	149	`<script id="tpl-obs-tableau" type="text/x-jquery-tmpl">`
120	`<tr class="cel-obs-${idObs}">`	150	`<tr class="cel-obs-${idObs}">`
121	`<td>`	151	`<td>`
122	`<span class="nom-sci"> `	152	`<span class="nom-sci"> `
123	`{{if nn != 0}}`	153	`{{if nn != 0}}`
124	`<a href="http://www.tela-botanica.org/nn${nn}"`	154	`<a href="http://www.tela-botanica.org/nn${nn}"`
125	`target="_blank">`	155	`target="_blank">`
126	`${nomSci}`	156	`${nomSci}`
127	`</a>`	157	`</a>`
128	`{{else}}`	158	`{{else}}`
129	`${nomSci}`	159	`${nomSci}`
130	`{{/if}}`	160	`{{/if}}`
131	`</span>`	161	`</span>`
132	`</td>`	162	`</td>`
133	`<td class="date">{{if date}}${date}{{else}} {{/if}}</td>`	163	`<td class="date">{{if date}}${date}{{else}} {{/if}}</td>`
134	`<td class="lieu">{{if lieu}}${lieu}{{else}} {{/if}}</td>`	164	`<td class="lieu">{{if lieu}}${lieu}{{else}} {{/if}}</td>`
135	`<td>`	165	`<td>`
136	`{{if observateur}}`	166	`{{if observateur}}`
137	`{{if observateurId}}`	167	`{{if observateurId}}`
138	`<a class="contact obs-${idObs} contributeur-${observateurId}"`	168	`<a class="contact obs-${idObs} contributeur-${observateurId}"`
139	`href="#form-contact"`	169	`href="#form-contact"`
140	`title="Contactez ce contributeur">`	170	`title="Contactez ce contributeur">`
141	`${observateur}`	171	`${observateur}`
142	`</a>`	172	`</a>`
143	`{{else}}`	173	`{{else}}`
144	`${observateur}`	174	`${observateur}`
145	`{{/if}}`	175	`{{/if}}`
146	`{{else}}`	176	`{{else}}`
147	` `	177	` `
148	`{{/if}}`	178	`{{/if}}`
149	`</td>`	179	`</td>`
150	`</tr>`	180	`</tr>`
151	`</script>`	181	`</script>`
152		182
153	`<!-- Squelette du contenu de la liste des observations -->`	183	`<!-- Squelette du contenu de la liste des observations -->`
154	`<script id="tpl-obs-liste" type="text/x-jquery-tmpl">`	184	`<script id="tpl-obs-liste" type="text/x-jquery-tmpl">`
155	`<li>`	185	`<li>`
156	`<div class="cel-obs-${idObs}">`	186	`<div class="cel-obs-${idObs}">`
157	`{{if images}}`	187	`{{if images}}`
158	`{{each(index, img) images}}`	188	`{{each(index, img) images}}`
159	`<div{{if index == 0}} class="cel-img-principale" {{else}} class="cel-img-secondaire"{{/if}}>`	189	`<div{{if index == 0}} class="cel-img-principale" {{else}} class="cel-img-secondaire"{{/if}}>`
160	`<a class="cel-img"`	190	`<a class="cel-img"`
161	`href="${img.normale}"`	191	`href="${img.normale}"`
162	`title="${nomSci} {{if nn}} [${nn}] {{/if}} par ${observateur} - Publiée le ${datePubli} - GUID : ${img.guid}"`	192	`title="${nomSci} {{if nn}} [${nn}] {{/if}} par ${observateur} - Publiée le ${datePubli} - GUID : ${img.guid}"`
163	`rel="cel-obs-${idObs}">`	193	`rel="cel-obs-${idObs}">`
164	`<img src="${img.miniature}" alt="Image #${img.idImg} de l'osbervation #${nn}" />`	194	`<img src="${img.miniature}" alt="Image #${img.idImg} de l'osbervation #${nn}" />`
165	`</a>`	195	`</a>`
166	`<p id="cel-info-${img.idImg}" class="cel-infos">`	196	`<p id="cel-info-${img.idImg}" class="cel-infos">`
167	`<a class="cel-img-titre" href="${urlEflore}"`	197	`<a class="cel-img-titre" href="${urlEflore}"`
168	`onclick="window.open(this.href);return false;"`	198	`onclick="window.open(this.href);return false;"`
169	`title="Cliquez pour accéder à la fiche eFlore">`	199	`title="Cliquez pour accéder à la fiche eFlore">`
170	`<strong>${nomSci} {{if nn}} [nn${nn}] {{/if}}</strong> par <em>${observateur}</em>`	200	`<strong>${nomSci} {{if nn}} [nn${nn}] {{/if}}</strong> par <em>${observateur}</em>`
171	`</a>`	201	`</a>`
172	`<br />`	202	`<br />`
173	`<span class="cel-img-date">Publiée le ${datePubli}</span>`	203	`<span class="cel-img-date">Publiée le ${datePubli}</span>`
174	`</p>`	204	`</p>`
175	`</div>`	205	`</div>`
176	`{{/each}}`	206	`{{/each}}`
177	`{{/if}}`	207	`{{/if}}`
178	`<dl>`	208	`<dl>`
179	`<dt class="champ-nom-sci">Nom</dt>`	209	`<dt class="champ-nom-sci">Nom</dt>`
180	`<dd title="Nom défini par l'utilisateur{{if nn != 0}}. Cliquez pour accéder à la fiche d'eFlore.{{/if}}">`	210	`<dd title="Nom défini par l'utilisateur{{if nn != 0}}. Cliquez pour accéder à la fiche d'eFlore.{{/if}}">`
181	`<span class="nom-sci"> `	211	`<span class="nom-sci"> `
182	`{{if nn != 0}}`	212	`{{if nn != 0}}`
183	`<a href="http://www.tela-botanica.org/nn${nn}"`	213	`<a href="http://www.tela-botanica.org/nn${nn}"`
184	`target="_blank">`	214	`target="_blank">`
185	`${nomSci}`	215	`${nomSci}`
186	`</a>`	216	`</a>`
187	`{{else}}`	217	`{{else}}`
188	`${nomSci}`	218	`${nomSci}`
189	`{{/if}}`	219	`{{/if}}`
190	`</span>`	220	`</span>`
191	`</dd>`	221	`</dd>`
192	`<dt title="Lieu d'observation">Lieu</dt><dd class="lieu"> ${lieu}</dd>`	222	`<dt title="Lieu d'observation">Lieu</dt><dd class="lieu"> ${lieu}</dd>`
193	`<dt title="Date d'observation">Le</dt><dd class="date"> ${date}</dd>`	223	`<dt title="Date d'observation">Le</dt><dd class="date"> ${date}</dd>`
194	`<dt title="Auteur de l'observation">Publié par</dt>`	224	`<dt title="Auteur de l'observation">Publié par</dt>`
195	`<dd>`	225	`<dd>`
196	`{{if observateur}}`	226	`{{if observateur}}`
197	`{{if observateurId}}`	227	`{{if observateurId}}`
198	`<a class="contact obs-${idObs} contributeur-${observateurId}"`	228	`<a class="contact obs-${idObs} contributeur-${observateurId}"`
199	`href="#form-contact"`	229	`href="#form-contact"`
200	`title="Contactez ce contributeur">`	230	`title="Contactez ce contributeur">`
201	`${observateur}`	231	`${observateur}`
202	`</a>`	232	`</a>`
203	`{{else}}`	233	`{{else}}`
204	`${observateur}`	234	`${observateur}`
205	`{{/if}}`	235	`{{/if}}`
206	`{{else}}`	236	`{{else}}`
207	` `	237	` `
208	`{{/if}}`	238	`{{/if}}`
209	`</dd>`	239	`</dd>`
210	`</dl>`	240	`</dl>`
211	`<hr class="nettoyage"/>`	241	`<hr class="nettoyage"/>`
212	`</div>`	242	`</div>`
213	`</li>`	243	`</li>`
214	`</script>`	244	`</script>`
215		245
216	`<!-- Squelette de la liste des taxons -->`	246	`<!-- Squelette de la liste des taxons -->`
217	`<script id="tpl-taxons-liste" type="text/x-jquery-tmpl">`	247	`<script id="tpl-taxons-liste" type="text/x-jquery-tmpl">`
218	`<ol id="taxons">`	248	`<ol id="taxons">`
219	`{{each(index, taxon) taxons}}`	249	`{{each(index, taxon) taxons}}`
220	`<li id="taxon-${taxon.nt}">`	250	`<li id="taxon-${taxon.nt}">`
221	`<span class="taxon" title="Numéro taxonomique : ${taxon.nt} - Famille : ${taxon.famille}">`	251	`<span class="taxon" title="Numéro taxonomique : ${taxon.nt} - Famille : ${taxon.famille}">`
222	`${taxon.nom} <span class="nt" title="Numéro taxonomique">${taxon.nt}</span>`	252	`${taxon.nom} <span class="nt" title="Numéro taxonomique">${taxon.nt}</span>`
223	`</span>`	253	`</span>`
224	`</li>`	254	`</li>`
225	`{{/each}}`	255	`{{/each}}`
226	`</ol>`	256	`</ol>`
227	`</script>`	257	`</script>`
228	`</body>`	258	`</body>`
229	`</html>`	259	`</html>`

Subversion Repositories eFlore/Applications.moissonnage

(root)/trunk/widget/modules/carto/squelettes/carto.tpl.html – Rev 28 → 31