Subversion Repositories eFlore/Applications.cel

Rev

Rev 915 | Rev 940 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 915 Rev 939
Line 20... Line 20...
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" />
Line 23... Line 23...
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&amp;sensor=true&amp;language=fr&amp;region=FR"></script>
27
		<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>
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>
-
 
Line 36... Line 35...
36
		<script type="text/javascript" src="<?=$url_base?>modules/carto/squelettes/scripts/smartinfowindow.js"></script>
35
		<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
37
		
36
		
Line 38... Line 37...
38
		<!-- Javascript : données -->
37
		<!-- Javascript : données -->
39
		<script src="<?=$url_json?>" type="text/javascript"></script>
38
		<script src="<?=$url_stations?>" type="text/javascript"></script>
40
		
39
		
41
		<!-- Javascript : appli carto -->
40
		<!-- Javascript : appli carto -->
42
		<script type="text/javascript">
41
		<script type="text/javascript">
43
		//<![CDATA[
-
 
44
			var urlsLimitesCommunales = <?=$url_limites_communales?>;
-
 
45
			var nt = '<?=$num_taxon?>';
42
		//<![CDATA[
46
			var plantesNbre = <?=count($taxons)?>;
-
 
47
			var urlStation = '<?=$url_base?>carto'+'?'+
-
 
48
				'carte=station'+'&'+
-
 
49
				'utilisateur=<?=$utilisateur?>'+'&'+
-
 
50
				'projet=<?=$projet?>'+'&'+
-
 
51
				'num_taxon='+nt+'&'+
-
 
52
				'dept=<?=$dept?>'+'&'+
-
 
53
				'commune=<?=$commune?>';
-
 
54
			var urlObs = '<?=$url_base?>carto'+'?'+
-
 
55
				'carte=observations'+'&'+
-
 
56
				'utilisateur=<?=$utilisateur?>'+'&'+
-
 
57
				'projet=<?=$projet?>'+'&'+
-
 
58
				'num_taxon='+nt+'&'+
-
 
59
				'dept=<?=$dept?>'+'&'+
-
 
60
				'commune=<?=$commune?>';
-
 
61
			var urlObsCarte = '<?=$url_cel_carto?>/carte-defaut-json'+'?'+
-
 
62
				'utilisateur=<?=$utilisateur?>'+
43
			var urlsLimitesCommunales = <?=$url_limites_communales?>;
63
				'&projet=<?=$projet?>'+
-
 
64
				'&num_taxon='+nt+
-
 
65
				'&dept=<?=$dept?>'+
-
 
66
				'&commune=<?=$commune?>';
44
			var nt = '<?=$num_taxon?>';
67
			var urlObsStation = '<?=$url_cel_carto?>/{action}'+'?'+
45
			var filtreCommun = 
68
				'station={stationId}'+
46
				'&taxon=<?=$taxon?>'+
-
 
47
				'&utilisateur=<?=$utilisateur?>'+
69
				'&utilisateur=<?=$utilisateur?>'+
48
				'&projet=<?=$projet?>'+
70
				'&projet=<?=$projet?>'+
49
				'&tag=<?=$tag?>'+
-
 
50
				'&date=<?=$date?>'+
-
 
51
				'&dept=<?=$dept?>'+
-
 
52
				'&commune=<?=$commune?>';
-
 
53
			var stationsUrl = '<?=$url_cel_carto?>/stations'+'?'+
-
 
54
				'num_taxon='+nt+
-
 
55
				filtreCommun;
-
 
56
			var taxonsUrl = '<?=$url_cel_carto?>/taxons'+'?'+
-
 
57
				'num_taxon='+nt+
-
 
58
				filtreCommun;
-
 
59
			var observationsUrl = '<?=$url_cel_carto?>/observations'+'?'+
71
				'&num_taxon='+nt+
60
				'station={stationId}'+
72
				'&dept=<?=$dept?>'+
61
				'&num_taxon={nt}'+
73
				'&commune=<?=$commune?>';
62
				filtreCommun;
Line 74... Line 63...
74
		//]]>
63
		//]]>
Line 82... Line 71...
82
	</head>
71
	</head>
Line 83... Line 72...
83
 
72
 
84
	<body>
73
	<body>
85
		<div id="zone-titre">
74
		<div id="zone-titre">
-
 
75
			<h1 id="carte-titre">
-
 
76
				<span id="logo">
-
 
77
					<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
					</a>
86
			<h1 id="carte-titre">
80
				</span>
87
				<span id="obs-nbre">&nbsp;</span> observations de 
81
				<span id="obs-nbre">&nbsp;</span> observations  
88
				<span class="plantes-nbre">&nbsp;</span> plantes sur 
82
				<span class="plante-titre">de <span class="plantes-nbre">&nbsp;</span> plantes</span> sur 
89
				<span id="commune-nbre">&nbsp;</span> communes  
-
 
90
				<? if ($num_taxon != '*') : ?>
-
 
91
				pour <?=$taxon_nom?>
-
 
92
				<? endif ?>
83
				<span id="commune-nbre">&nbsp;</span> communes
93
				 - <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>)
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>)
94
			</h1>
85
			</h1>
95
			<div id="zone-info">
86
			<div id="zone-info">
96
				<a href="<?=$url_base?>carto?carte=avertissement" onClick="ouvrirPopUp('<?=$url_base?>carto?carte=avertissement', 'Avertissement'); arreter(event); return false;">
87
				<a href="<?=$url_base?>carto?carte=avertissement" onClick="ouvrirPopUp('<?=$url_base?>carto?carte=avertissement', 'Avertissement'); arreter(event); return false;">
Line 110... Line 101...
110
						Cliquez sur un nom de plante pour filtrer les observations sur la carte.<br /> 
101
						Cliquez sur un nom de plante pour filtrer les observations sur la carte.<br /> 
111
						Pour revenir à l'état initial, cliquez à nouveau sur le nom sélectionné.
102
						Pour revenir à l'état initial, cliquez à nouveau sur le nom sélectionné.
112
					</p>
103
					</p>
113
				</div>
104
				</div>
114
				<div id="pl-corps" onMouseOver="map.setOptions({'scrollwheel':false});" onMouseOut="map.setOptions({'scrollwheel':true});">
105
				<div id="pl-corps" onMouseOver="map.setOptions({'scrollwheel':false});" onMouseOut="map.setOptions({'scrollwheel':true});">
115
					<ol id="taxons">
-
 
116
					<? foreach ($taxons as $taxon) : ?>
-
 
117
						<li id="taxon-<?=$taxon['nt']?>">
-
 
118
							<span class="taxon" title="<?=$taxon['famille']?>">
106
					<!-- Insertion des lignes à partir du squelette tpl-taxons-liste -->
119
								<?=$taxon['nom']?> <span class="nt" title="Numéro taxonomique"><?=$taxon['nt']?></span> 
-
 
120
							</span>
-
 
121
						</li>
-
 
122
					<? endforeach; ?>
-
 
123
					</ol>
-
 
124
				</div>
107
				</div>
125
			</div>
108
			</div>
126
		</div>
109
		</div>
127
		<? endif ?>
110
		<? endif ?>
128
		<div id="carte"></div>
111
		<div id="carte"></div>
Line 160... Line 143...
160
										<th title="Lieu d'observation">Lieu</th>
143
										<th title="Lieu d'observation">Lieu</th>
161
										<th title="Auteur de l'observation">Observateur</th>
144
										<th title="Auteur de l'observation">Observateur</th>
162
									</tr>
145
									</tr>
163
								</thead>
146
								</thead>
164
								<tbody id="obs-tableau-lignes" class="obs-conteneur">
147
								<tbody id="obs-tableau-lignes" class="obs-conteneur">
165
									<!-- Insertion des lignes à partir du squelette tpl-obs-liste-tableau -->
148
									<!-- Insertion des lignes à partir du squelette tpl-obs-tableau -->
166
								</tbody>
149
								</tbody>
167
							</table>
150
							</table>
168
						</div>
151
						</div>
169
						<div id="obs-vue-liste" style="display:none;">
152
						<div id="obs-vue-liste" style="display:none;">
170
							<ol id="obs-liste-lignes" class="obs-conteneur">
153
							<ol id="obs-liste-lignes" class="obs-conteneur">
Line 179... Line 162...
179
					</div>
162
					</div>
180
				</div>
163
				</div>
181
			</div>
164
			</div>
182
		</script>
165
		</script>
Line 183... Line 166...
183
		
166
		
184
		<!-- Squelette du contenu d'une info-bulle observation -->
167
		<!-- Squelette du contenu du tableau des observation -->
185
		<script id="tpl-obs-tableau" type="text/x-jquery-tmpl">
168
		<script id="tpl-obs-tableau" type="text/x-jquery-tmpl">
186
			<tr>
169
			<tr>
187
				<td>
170
				<td>
188
					<span class="nom-sci">
171
					<span class="nom-sci">
-
 
172
					{{if nn != 0}}
189
					{{if nn != 0}}
173
						<a href="http://www.tela-botanica.org/nn${nn}" 
-
 
174
							onclick="window.open(this.href); arreter(event); return false; ">
-
 
175
							${nomSci}
190
						<a href="http://www.tela-botanica.org/nn${nn}" onclick="window.open(this.href); arreter(event); return false; ">${nomSci}</a>
176
						</a>
191
					{{else}}
177
					{{else}}
192
						${nomSci}
178
						${nomSci}
193
					{{/if}}
179
					{{/if}}
194
					</span>
180
					</span>
195
				</td>
181
				</td>
196
				<td>&nbsp;${date}</td>
182
				<td>{{if date}}${date}{{else}}&nbsp;{{/if}}</td>
197
				<td>&nbsp;${lieu}</td>
183
				<td>{{if lieu}}${lieu}{{else}}&nbsp;{{/if}}</td>
198
				<td>&nbsp;${observateur}</td>
184
				<td>{{if observateur}}${observateur}{{else}}&nbsp;{{/if}}</td>
199
			</tr>
185
			</tr>
Line 200... Line 186...
200
		</script>
186
		</script>
201
		
187
		
202
		<!-- Squelette du contenu d'une info-bulle observation -->
188
		<!-- Squelette du contenu de la liste des observations -->
203
		<script id="tpl-obs-liste" type="text/x-jquery-tmpl">
189
		<script id="tpl-obs-liste" type="text/x-jquery-tmpl">
204
			<li>
190
			<li>
205
				<div id="cel-obs-${id}">
191
				<div id="cel-obs-${idObs}">
206
					{{if images}}
192
					{{if images}}
207
					{{each(index, img) images}}
193
					{{each(index, img) images}}
208
					<div{{if index == 0}} class="cel-img-principale" {{else}} class="cel-img-secondaire"{{/if}}>
194
					<div{{if index == 0}} class="cel-img-principale" {{else}} class="cel-img-secondaire"{{/if}}>
209
						<a class="cel-img" 
195
						<a class="cel-img" 
210
							href="${img.normale}" 
196
							href="${img.normale}" 
211
							title="${nomSci} {{if nn}} [${nn}] {{/if}} par ${observateur} - Publiée le ${datePubli} - GUID : ${img.guid}" 
197
							title="${nomSci} {{if nn}} [${nn}] {{/if}} par ${observateur} - Publiée le ${datePubli} - GUID : ${img.guid}" 
212
							rel="cel-obs-${id}">
198
							rel="cel-obs-${idObs}">
213
							<img src="${img.miniature}" alt="Image #${img.id} de l'osbervation #${nn}" />
199
							<img src="${img.miniature}" alt="Image #${img.idImg} de l'osbervation #${nn}" />
214
						</a>
200
						</a>
215
						<p id="cel-info-${img.id}" class="cel-infos">
201
						<p id="cel-info-${img.idImg}" class="cel-infos">
216
							<a class="cel-img-titre" href="${urlEflore}"
202
							<a class="cel-img-titre" href="${urlEflore}"
217
								onclick="window.open(this.href);return false;"  
203
								onclick="window.open(this.href);return false;"  
218
								title="Cliquez pour accéder à la fiche eFlore">
204
								title="Cliquez pour accéder à la fiche eFlore">
Line 244... Line 230...
244
					</dl>
230
					</dl>
245
					<hr class="nettoyage"/>
231
					<hr class="nettoyage"/>
246
				</div>
232
				</div>
247
			</li>
233
			</li>
248
		</script>
234
		</script>
249
				
235
		
-
 
236
		<!-- Squelette de la liste des taxons -->
-
 
237
		<script id="tpl-taxons-liste" type="text/x-jquery-tmpl">
-
 
238
			<ol id="taxons">
-
 
239
				{{each(index, taxon) taxons}}
-
 
240
					<li id="taxon-${taxon.nt}">
-
 
241
						<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
						</span>
-
 
244
					</li>
-
 
245
				{{/each}}
-
 
246
			</ol>
-
 
247
		</script>
-
 
248
		
250
		<!-- Stats : Google Analytics -->
249
		<!-- Stats : Google Analytics -->
251
		<script type="text/javascript">
250
		<script type="text/javascript">
252
			//<![CDATA[
251
			//<![CDATA[
253
			var _gaq = _gaq || [];
252
			var _gaq = _gaq || [];
254
			_gaq.push(['_setAccount', 'UA-20092557-1']);
253
			_gaq.push(['_setAccount', 'UA-20092557-1']);