Subversion Repositories eFlore/Applications.moissonnage

Rev

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

Rev 31 Rev 37
Line 11... Line 11...
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" />
Line 13... Line 13...
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
		<link rel="stylesheet" href="<?=$url_base?>modules/carto/squelettes/css/MarkerCluster.Default.css" />
16
		<!--[if lte IE 8]>
17
		<!--[if lte IE 8]>
17
			<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.5/leaflet.ie.css" />
18
			<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.5/leaflet.ie.css" />
-
 
19
			<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" />
20
			<link rel="stylesheet" href="<?=$url_base?>modules/carto/squelettes/css/MarkerCluster.Default.ie.css" />
19
		<![endif]-->
21
		<![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" />
22
		<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" />
23
		<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" />
Line 22... Line 24...
22
		<link href="<?=$url_base?>modules/carto/squelettes/css/carto.css" rel="stylesheet" type="text/css" media="screen" />
24
		<link href="<?=$url_base?>modules/carto/squelettes/css/carto.css" rel="stylesheet" type="text/css" media="screen" />
23
 
25
 
24
		<!-- Javascript : bibliothèques -->
26
		<!-- Javascript : bibliothèques -->
25
		<script src="http://cdn.leafletjs.com/leaflet-0.5/leaflet.js"></script>
27
		<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>
28
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.6.2/jquery-1.6.2.min.js"></script>
-
 
29
		<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>
30
		<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>
31
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/pagination/2.2/jquery.pagination.js"></script>
29
		<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
32
		<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
30
		<script type="text/javascript">
33
		<script type="text/javascript">
31
		//<![CDATA[
34
		//<![CDATA[
Line 43... Line 46...
43
			var dateFin = '<?= $date_fin ?>';
46
			var dateFin = '<?= $date_fin ?>';
44
			var nbJours = '<?=$nb_jours ?>';
47
			var nbJours = '<?=$nb_jours ?>';
Line 45... Line 48...
45
			
48
			
46
			var urlBase = '<?= $url_serivce_carto ?>/projets/';
49
			var urlBase = '<?= $url_serivce_carto ?>/projets/';
47
			var urlsLimitesCommunales = <?= $urlLimitesCommunales ?>;
50
			var urlsLimitesCommunales = <?= $urlLimitesCommunales ?>;
48
			var communeImageUrl = '<?= $communeImageUrl ?>';
51
			var communeImageUrl  = '<?= $communeImageUrl ?>';
-
 
52
			var pointImageUrl    = '<?= $pointImageUrl ?>';
49
			var pointImageUrl = '<?= $pointImageUrl ?>';
53
			var clusterImageUrl  = '<?= $clusterImageUrl ?>';
50
			var liensVersSources = '<?= $liensVersSources ?>'.split(',');
54
			var liensVersSources = '<?= $liensVersSources ?>'.split(',');
51
			var titreLegende = '<?= $titreLegende ?>';
55
			var titreLegende = '<?= $titreLegende ?>';
52
			var listeSources = '<?= $listeSources ?>'.split(',');
56
			var listeSources = '<?= $listeSources ?>'.split(',');
53
			var nomListeSources = '<?= $nomListeSources ?>'.split(',');
57
			var nomListeSources = '<?= $nomListeSources ?>'.split(',');
Line 57... Line 61...
57
		</script>
61
		</script>
58
		<script src="http://maps.google.com/maps/api/js?v=3.5&sensor=true&language=fr&region=FR" type="text/javascript"></script>
62
		<script src="http://maps.google.com/maps/api/js?v=3.5&sensor=true&language=fr&region=FR" type="text/javascript"></script>
59
		<script src="<?=$url_base?>modules/carto/squelettes/scripts/L.KML.js" type="text/javascript"></script>
63
		<script src="<?=$url_base?>modules/carto/squelettes/scripts/L.KML.js" type="text/javascript"></script>
60
		<script src="<?=$url_base?>modules/carto/squelettes/scripts/carto.js"></script>
64
		<script src="<?=$url_base?>modules/carto/squelettes/scripts/carto.js"></script>
61
		<script src="<?=$url_base?>modules/carto/squelettes/scripts/L.Control.Zoomslider.js" ></script>
65
		<script src="<?=$url_base?>modules/carto/squelettes/scripts/L.Control.Zoomslider.js" ></script>
-
 
66
		<script src="<?=$url_base?>modules/carto/squelettes/scripts/cluster.js" ></script>
62
	</head>
67
	</head>
Line 63... Line 68...
63
 
68
 
64
	<body>
69
	<body>
65
		<div id="zone-chargement"></div>
70
		<div id="zone-chargement"></div>
Line 106... Line 111...
106
		<!-- Squelette du contenu d'une info-bulle observation -->
111
		<!-- Squelette du contenu d'une info-bulle observation -->
107
		<script id="tpl-obs" type="text/x-jquery-tmpl">
112
		<script id="tpl-obs" type="text/x-jquery-tmpl">
108
			<div id="info-bulle" style="width:{largeur}px;">	
113
			<div id="info-bulle" style="width:{largeur}px;">	
109
				<div id="obs">				
114
				<div id="obs">				
110
					<h2 id="obs-station-titre">Station</h2>
115
					<h2 id="obs-station-titre">Station</h2>
111
					<div class="navigation">&nbsp;</div>					
116
					<div class="navigation">&nbsp;</div>
112
					<div>
-
 
113
						<ul>
-
 
114
							<li><a href="#obs-vue-tableau">Tableau</a></li>
-
 
115
							<li><a href="#obs-vue-liste">Liste</a></li>
-
 
116
						</ul>
-
 
117
					</div>
-
 
118
					<div id="observations">
117
					<div id="observations">
119
						<div id="obs-vue-tableau" style="display:none;">
118
						<div id="obs-vue-tableau">
120
							<table id="obs-tableau">
119
							<table id="obs-tableau">
121
								<thead>
120
								<thead>
122
									<tr>
121
									<tr>
123
										<th title="Nom scientifique défini par l'utilisateur.">Nom</th>
122
										<th title="Nom scientifique défini par l'utilisateur.">Nom</th>
124
										<th title="Date de l'observation">Date</th>
123
										<th title="Date de l'observation">Date</th>
125
										<th title="Lieu d'observation">Lieu</th>
124
										<th title="Lieu d'observation">Lieu</th>
126
										<th title="Auteur de l'observation">Observateur</th>
125
										<th title="Auteur de l'observation">Observateur</th>
-
 
126
										<th title="Nom du projet référent">Projet</th>
127
									</tr>
127
									</tr>
128
								</thead>
128
								</thead>
129
								<tbody id="obs-tableau-lignes" class="obs-conteneur">
129
								<tbody id="obs-tableau-lignes" class="obs-conteneur">
130
									<!-- Insertion des lignes à partir du squelette tpl-obs-tableau -->
130
									<!-- Insertion des lignes à partir du squelette tpl-obs-tableau -->
131
								</tbody>
131
								</tbody>
132
							</table>
132
							</table>
133
						</div>
133
						</div>
134
						<div id="obs-vue-liste" style="display:none;">
-
 
135
							<ol id="obs-liste-lignes" class="obs-conteneur">
-
 
136
								<!-- Insertion des lignes à partir du squelette tpl-obs-liste -->
-
 
137
							</ol>
-
 
138
						</div>
-
 
139
					</div>
134
					</div>
140
					<div id="obs-pieds-page">
135
					<div id="obs-pieds-page">
141
						<p>Id : <span id="obs-station-id">&nbsp;</span></p>
136
						<p>Id : <span id="obs-station-id">&nbsp;</span></p>
142
					</div>
137
					</div>
143
					<div class="navigation">&nbsp;</div>
-
 
144
				</div>
138
				</div>
145
			</div>
139
			</div>
146
		</script>
140
		</script>
Line 147... Line 141...
147
		
141
		
Line 175... Line 169...
175
					{{/if}}
169
					{{/if}}
176
				{{else}}
170
				{{else}}
177
					&nbsp;
171
					&nbsp;
178
				{{/if}}
172
				{{/if}}
179
				</td>
173
				</td>
-
 
174
				<td><span>${projet}</span></td>
180
			</tr>
175
			</tr>
181
		</script>
176
		</script>
Line 182... Line -...
182
		
-
 
183
		<!-- Squelette du contenu de la liste des observations -->
-
 
184
		<script id="tpl-obs-liste" type="text/x-jquery-tmpl">
-
 
185
			<li>
-
 
186
				<div class="cel-obs-${idObs}">
-
 
187
					{{if images}}
-
 
188
					{{each(index, img) images}}
-
 
189
					<div{{if index == 0}} class="cel-img-principale" {{else}} class="cel-img-secondaire"{{/if}}>
-
 
190
						<a class="cel-img" 
-
 
191
							href="${img.normale}" 
-
 
192
							title="${nomSci} {{if nn}} [${nn}] {{/if}} par ${observateur} - Publiée le ${datePubli} - GUID : ${img.guid}" 
-
 
193
							rel="cel-obs-${idObs}">
-
 
194
							<img src="${img.miniature}" alt="Image #${img.idImg} de l'osbervation #${nn}" />
-
 
195
						</a>
-
 
196
						<p id="cel-info-${img.idImg}" class="cel-infos">
-
 
197
							<a class="cel-img-titre" href="${urlEflore}"
-
 
198
								onclick="window.open(this.href);return false;"  
-
 
199
								title="Cliquez pour accéder à la fiche eFlore">
-
 
200
								<strong>${nomSci} {{if nn}} [nn${nn}] {{/if}}</strong> par <em>${observateur}</em>
-
 
201
							</a>
-
 
202
							<br />
-
 
203
							<span class="cel-img-date">Publiée le ${datePubli}</span>
-
 
204
 						</p>
-
 
205
					</div>
-
 
206
					{{/each}}
-
 
207
					{{/if}}
-
 
208
					<dl>
-
 
209
						<dt class="champ-nom-sci">Nom</dt>
-
 
210
						<dd title="Nom défini par l'utilisateur{{if nn != 0}}. Cliquez pour accéder à la fiche d'eFlore.{{/if}}">
-
 
211
							<span class="nom-sci">&nbsp;
-
 
212
							{{if nn != 0}}
-
 
213
								<a href="http://www.tela-botanica.org/nn${nn}" 
-
 
214
									target="_blank">
-
 
215
									${nomSci}
-
 
216
								</a>
-
 
217
							{{else}}
-
 
218
								${nomSci}
-
 
219
							{{/if}}
-
 
220
							</span>
-
 
221
						</dd>
-
 
222
						<dt title="Lieu d'observation">Lieu</dt><dd class="lieu">&nbsp;${lieu}</dd>
-
 
223
						<dt title="Date d'observation">Le</dt><dd class="date">&nbsp;${date}</dd>
-
 
224
						<dt title="Auteur de l'observation">Publié par</dt>
-
 
225
						<dd>
-
 
226
						{{if observateur}}
-
 
227
							{{if observateurId}}					
-
 
228
								<a class="contact obs-${idObs} contributeur-${observateurId}" 
-
 
229
									href="#form-contact" 
-
 
230
									title="Contactez ce contributeur">
-
 
231
									${observateur}
-
 
232
								</a>
-
 
233
							{{else}}
-
 
234
								${observateur}
-
 
235
							{{/if}}
-
 
236
						{{else}}
-
 
237
							&nbsp;
-
 
238
						{{/if}}
-
 
239
						</dd>
-
 
240
					</dl>
-
 
241
					<hr class="nettoyage"/>
-
 
242
				</div>
-
 
243
			</li>
-
 
244
		</script>
-
 
245
		
177
		
246
		<!-- Squelette de la liste des taxons -->
178
		<!-- Squelette de la liste des taxons -->
247
		<script id="tpl-taxons-liste" type="text/x-jquery-tmpl">
179
		<script id="tpl-taxons-liste" type="text/x-jquery-tmpl">
248
			<ol id="taxons">
180
			<ol id="taxons">
249
				{{each(index, taxon) taxons}}
181
				{{each(index, taxon) taxons}}
Line 253... Line 185...
253
						</span>
185
						</span>
254
					</li>
186
					</li>
255
				{{/each}}
187
				{{/each}}
256
			</ol>
188
			</ol>
257
		</script>
189
		</script>
-
 
190
		<div id="tooltip" style="display:none;"></div>
258
	</body>
191
	</body>
259
</html>
192
</html>
260
193