Subversion Repositories eFlore/Applications.cel

Rev

Rev 1042 | Rev 2320 | Go to most recent revision | Show entire file | Regard whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 1042 Rev 1799
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.5&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.5&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/markermanager/1.0/markermanager-1.0.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>
36
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.8.1/jquery.validate.min.js"></script>
Line -... Line 37...
-
 
37
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.8.1/messages_fr.js"></script>
-
 
38
		
-
 
39
		<!-- Javascript : données -->
37
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.8.1/messages_fr.js"></script>
40
		<script src="<?=$url_stations?>" type="text/javascript"></script>
38
		
41
		
39
		<!-- Javascript : appli carto -->
42
		<!-- Javascript : appli carto -->
40
		<script type="text/javascript">
43
		<script type="text/javascript">
41
		//<![CDATA[
44
		//<![CDATA[
42
			var urlsLimitesCommunales = <?=$url_limites_communales?>;
45
			var urlsLimitesCommunales = <?=$url_limites_communales?>;
43
			var nt = '<?=$num_taxon?>';
46
			var nt = '<?=$num_taxon?>';
44
			var filtreCommun = 
47
			var filtreCommun = 
45
				'&taxon=<?=rawurlencode($taxon)?>'+
48
				'&taxon=<?=$taxon?>'+
46
				'&utilisateur=<?=$utilisateur?>'+
49
				'&utilisateur=<?=$utilisateur?>'+
47
				'&projet=<?=rawurlencode($projet)?>'+
50
				'&projet=<?=$projet?>'+
48
				'&tag=<?=rawurlencode($tag)?>'+
51
				'&tag=<?=$tag?>'+
49
				'&date=<?=$date?>'+
52
				'&date=<?=$date?>'+
50
				'&dept=<?=$dept?>'+
53
				'&dept=<?=$dept?>'+
-
 
54
				'&commune=<?=$commune?>'+
-
 
55
				'&commentaire=<?=$commentaire?>';
-
 
56
			var photos = '<?= ($photos != null) ? $photos : null; ?>';
-
 
57
			if(photos != null) {
51
				'&commune=<?=rawurlencode($commune)?>'+
58
				filtreCommun += '&photos=<?=rawurlencode($photos)?>';
52
				'&commentaire=<?=rawurlencode($commentaire)?>';
59
			}
53
			var stationsUrl = '<?=$url_cel_carto?>/tout'+'?'+
60
			var stationsUrl = '<?=$url_cel_carto?>/stations'+'?'+
54
				'num_taxon='+nt+
61
				'num_taxon='+nt+
55
				filtreCommun;
62
				filtreCommun;
56
			var taxonsUrl = '<?=$url_cel_carto?>/taxons'+'?'+
63
			var taxonsUrl = '<?=$url_cel_carto?>/taxons'+'?'+
57
				'num_taxon='+nt+
64
				'num_taxon='+nt+
58
				filtreCommun;
65
				filtreCommun;
59
			var observationsUrl = '<?=$url_cel_carto?>/observations'+'?'+
66
			var observationsUrl = '<?=$url_cel_carto?>/observations'+'?'+
60
				'station={stationId}'+
67
				'station={stationId}'+
61
				'&num_taxon={nt}'+
-
 
62
				filtreCommun;
-
 
63
			var communeImageUrl = '<?= $communeImageUrl ?>';
-
 
64
			var pointImageUrl = '<?= $pointImageUrl ?>';
68
				'&num_taxon={nt}'+
65
			var groupeImageUrlTpl = '<?= $groupeImageUrlTpl ?>';
69
				filtreCommun;
66
		//]]>
70
		//]]>
Line 67... Line 71...
67
		</script>
71
		</script>
Line 72... Line 76...
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" />
76
		<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" />
73
		<link href="<?=$url_base?>modules/carto/squelettes/css/carto.css" rel="stylesheet" type="text/css" media="screen" />
77
		<link href="<?=$url_base?>modules/carto/squelettes/css/carto.css" rel="stylesheet" type="text/css" media="screen" />
74
	</head>
78
	</head>
Line 75... Line 79...
75
 
79
 
76
	<body>
-
 
77
		<div id="zone-chargement-point" style="background-color: white;border: 5px solid #D7DBEA;display: none;
-
 
78
																									    height: 70px;
-
 
79
																									    left: 40%;
-
 
80
																									    padding: 10px;
-
 
81
																									    position: fixed;
-
 
82
																									    text-align: center;
-
 
83
																									    top: 35px;
-
 
84
																									    width: 230px;
-
 
85
																									    z-index: 3000;">		
-
 
86
			<img src="<?=$url_base?>modules/carto/squelettes/images/chargement.gif" alt="Chargement en cours..." />
-
 
87
			<p> Chargement des points en cours... </p>
-
 
88
		</div>
80
	<body>
89
		<div id="zone-titre">
81
		<div id="zone-titre">
90
			<h1 id="carte-titre">
82
			<h1 id="carte-titre">
91
				<span id="logo">
83
				<span id="logo">
92
					<a href="http://www.tela-botanica.org/site:accueil" 
84
					<a href="http://www.tela-botanica.org/site:accueil" 
93
						title="Aller à l'accueil de Tela Botanica" 
85
						title="Aller à l'accueil de Tela Botanica" 
94
						onclick="ouvrirNouvelleFenetre(this, event)">
86
						onclick="window.open(this.href); arreter(event); return false;">
95
						<img src="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png" alt="TB" />
87
						<img src="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png" alt="TB" />
96
					</a>
88
					</a>
97
				</span>
89
				</span>
98
				<span id="carte-titre-infos">Cartographie</span>  
90
				<span id="obs-nbre">&nbsp;</span> observations <?= ($photos != null && $photos == 1) ? 'avec photos' : ''; ?>
99
				 - <a href="http://www.tela-botanica.org/appli:cel" 
-
 
100
				 		title="Carnet en Ligne" 
91
				<span class="plante-titre">concernant <span class="plantes-nbre">&nbsp;</span> plantes</span> sur 
101
				 		onclick="ouvrirNouvelleFenetre(this, event)">
-
 
102
				 		CEL
-
 
103
				 	</a>
92
				<span id="commune-nbre">&nbsp;</span> communes
104
				  (<a href="http://www.tela-botanica.org/" onclick="ouvrirNouvelleFenetre(this, event)">Tela Botanica</a>)
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>)
105
			</h1>
94
			</h1>
106
			<div id="zone-info">
-
 
107
				<a href="<?=$url_base?>carto?carte=avertissement" 
95
			<div id="zone-info">
108
					onClick="ouvrirPopUp(this, 'Avertissement', event)">
96
				<a href="<?=$url_base?>carto?carte=avertissement" onClick="ouvrirPopUp('<?=$url_base?>carto?carte=avertissement', 'Avertissement'); arreter(event); return false;">
109
					<img src="<?=$url_base?>modules/carto/squelettes/images/information.png" 
97
					<img src="<?=$url_base?>modules/carto/squelettes/images/information.png" 
110
						alt="Avertissements" title="Avertissements &amp; informations" />
98
						alt="Avertissements" title="Avertissements &amp; informations" />
111
				</a>
99
				</a>
112
			</div>
100
			</div>
Line 134... Line 122...
134
		<!-- +-------------------------------------------------------------------------------------------+ -->
122
		<!-- +-------------------------------------------------------------------------------------------+ -->
135
		<!-- Blocs chargés à la demande : par défaut avec un style display à none -->
123
		<!-- Blocs chargés à la demande : par défaut avec un style display à none -->
Line 136... Line 124...
136
		
124
		
137
		<!-- Squelette du message de chargement des observations -->
125
		<!-- Squelette du message de chargement des observations -->
138
		<script id="tpl-chargement" type="text/x-jquery-tmpl">
126
		<script id="tpl-chargement" type="text/x-jquery-tmpl">
139
			<div id="chargement" style="height:300px;">			
127
			<div id="chargement" style="height:500px;">			
140
				<img src="<?=$url_base?>modules/carto/squelettes/images/chargement.gif" alt="Chargement en cours..." />
128
				<img src="<?=$url_base?>modules/carto/squelettes/images/chargement.gif" alt="Chargement en cours..." />
141
				<p>Chargement des observations en cours...</p>
129
				<p>Chargement des observations en cours...</p>
142
			</div>
130
			</div>
Line 143... Line 131...
143
		</script>
131
		</script>
144
		
132
		
145
		<!-- Squelette du contenu d'une info-bulle observation -->
133
		<!-- Squelette du contenu d'une info-bulle observation -->
146
		<script id="tpl-obs" type="text/x-jquery-tmpl">
134
		<script id="tpl-obs" type="text/x-jquery-tmpl">
147
			<div id="info-bulle" style="width:{largeur}px;">	
135
			<div id="info-bulle" style="width:{largeur}px;">	
148
				<div id="obs">				
136
				<div id="obs">				
149
					<h2 id="obs-station-titre">Station</h2>
137
					<h2><span id="obs-total">&nbsp;</span> observations pour <span id="obs-commune">&nbsp;</span></h2>
150
					<div class="navigation">&nbsp;</div>					
138
					<div class="navigation">&nbsp;</div>					
151
					<div>
139
					<div>
152
						<ul>
140
						<ul>
Line 174... Line 162...
174
							<ol id="obs-liste-lignes" class="obs-conteneur">
162
							<ol id="obs-liste-lignes" class="obs-conteneur">
175
								<!-- Insertion des lignes à partir du squelette tpl-obs-liste -->
163
								<!-- Insertion des lignes à partir du squelette tpl-obs-liste -->
176
							</ol>
164
							</ol>
177
						</div>
165
						</div>
178
					</div>
166
					</div>
-
 
167
					<div class="navigation">&nbsp;</div>
179
					<div id="obs-pieds-page">
168
					<div id="obs-pieds-page">
-
 
169
						<p id="obs-msg-info">Les observations de cette carte sont regroupées par commune.</p>
180
						<p>Id : <span id="obs-station-id">&nbsp;</span></p>
170
						<p>Id : <span id="obs-station-id">&nbsp;</span></p>
181
					</div>
171
					</div>
182
					<div class="navigation">&nbsp;</div>
-
 
183
				</div>
172
				</div>
184
			</div>
173
			</div>
185
		</script>
174
		</script>
Line 186... Line 175...
186
		
175
		
187
		<!-- Squelette du contenu du tableau des observation -->
176
		<!-- Squelette du contenu du tableau des observation -->
188
		<script id="tpl-obs-tableau" type="text/x-jquery-tmpl">
177
		<script id="tpl-obs-tableau" type="text/x-jquery-tmpl">
189
			<tr class="cel-obs-${idObs}">
178
			<tr class="cel-obs-${idObs}">
190
				<td>
179
				<td>
191
					<span class="nom-sci">&nbsp;
180
					<span class="nom-sci">&nbsp;
192
					{{if nn != 0}}
181
					{{if nn != 0}}
193
						<a href="http://www.tela-botanica.org/nn${nn}" 
182
						<a href="http://www.tela-botanica.org/bdtfx-nn-${nn}" 
194
							onclick="ouvrirNouvelleFenetre(this, event)">
183
							onclick="window.open(this.href); arreter(event); return false; ">
195
							${nomSci}
184
							${nomSci}
196
						</a>
185
						</a>
197
					{{else}}
186
					{{else}}
198
						${nomSci}
187
						${nomSci}
Line 247... Line 236...
247
					<dl>
236
					<dl>
248
						<dt class="champ-nom-sci">Nom</dt>
237
						<dt class="champ-nom-sci">Nom</dt>
249
						<dd title="Nom défini par l'utilisateur{{if nn != 0}}. Cliquez pour accéder à la fiche d'eFlore.{{/if}}">
238
						<dd title="Nom défini par l'utilisateur{{if nn != 0}}. Cliquez pour accéder à la fiche d'eFlore.{{/if}}">
250
							<span class="nom-sci">&nbsp;
239
							<span class="nom-sci">&nbsp;
251
							{{if nn != 0}}
240
							{{if nn != 0}}
252
								<a href="http://www.tela-botanica.org/nn${nn}" 
241
								<a href="http://www.tela-botanica.org/bdtfx-nn-${nn}" 
253
									onclick="ouvrirNouvelleFenetre(this, event)">
242
									onclick="window.open(this.href); arreter(event); return false; ">
254
									${nomSci}
243
									${nomSci}
255
								</a>
244
								</a>
256
							{{else}}
245
							{{else}}
257
								${nomSci}
246
								${nomSci}
258
							{{/if}}
247
							{{/if}}