Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 3051 Rev 3052
Line 1... Line 1...
1
<!DOCTYPE html>
1
<!DOCTYPE html>
2
<html lang="fr">
2
<html lang="fr">
3
	<head>
3
	<head>
4
		<title>Belles de ma rue</title>
4
		<title>Straatmadeliefjes</title>
5
		<meta charset="utf-8">
5
		<meta charset="utf-8">
Line 6... Line 6...
6
 
6
 
7
		<meta name="author" content="Delphine Cauquil" />
7
		<meta name="author" content="Delphine Cauquil" />
8
		<meta name="keywords" content="Belles de ma rue, CEL, Tela Botanica, Saint-Gilles" />
8
		<meta name="keywords" content="Belles de ma rue, Straatmadeliefjes, CEL, Tela Botanica, Saint-Gilles" />
Line 9... Line 9...
9
		<meta name="description" content="Widget de saisie pour le projet Belles de ma rue" />
9
		<meta name="description" content="Widget de saisie pour le projet Straatmadeliefjes" />
10
 
10
 
Line 11... Line 11...
11
		<!-- Viewport Mobile -->
11
		<!-- Viewport Mobile -->
12
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
12
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
Line 13... Line 13...
13
 
13
 
14
		<!-- Favicones -->
14
		<!-- Favicones -->
15
		<link rel="shortcut icon" type="image/x-icon" href="<?=$url_base?>/modules/saisie/squelettes/bellesdemarue/img/favicon.ico" />
15
		<link rel="shortcut icon" type="image/x-icon" href="<?=$url_base?>/modules/saisie/squelettes/bellesdemarue/img/favicon.ico" />
16
 
16
 
17
		<!-- Javascript : bibliothèques -->
17
		<!-- Javascript : bibliothèques -->
18
		<!-- Google Map v3 -->
18
		<!-- Google Map v3 -->
19
		<script type="text/javascript" src="https://maps.google.com/maps/api/js?key=<?php echo $cleGoogleMaps; ?>&language=fr&amp;region=FR"></script>
19
		<script type="text/javascript" src="https://maps.google.com/maps/api/js?key=<?php echo $cleGoogleMaps; ?>&language=nl&amp;region=BE"></script>
20
		<!-- Jquery -->
20
		<!-- Jquery -->
21
		<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/1.11.1/jquery-1.11.1.min.js"></script>
21
		<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/1.11.1/jquery-1.11.1.min.js"></script>
22
		<!-- Jquery UI : nécessaire pour le minicalendrier et l'auto-complétion -->
22
		<!-- Jquery UI : nécessaire pour le minicalendrier et l'auto-complétion -->
23
		<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/jquery-ui/1.11.0/js/jquery-ui.min.js"></script>
23
		<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/jquery-ui/1.11.0/js/jquery-ui.min.js"></script>
24
		<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/jquery-ui/1.11.0/js/datepicker-fr.js"></script>
24
		<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/jquery-ui/1.11.0/js/datepicker-fr.js"></script>
25
		<!-- Jquery Plugins -->
25
		<!-- Jquery Plugins -->
26
		<!-- Jquery Validate : nécessaire pour la validation des formulaires -->
26
		<!-- Jquery Validate : nécessaire pour la validation des formulaires -->
27
		<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/jquery.validate.min.js"></script>
27
		<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/jquery.validate.min.js"></script>
28
		<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/additional-methods.min.js"></script>
28
		<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/additional-methods.min.js"></script>
29
		<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/messages_fr.js"></script>
29
		<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/messages_nl.js"></script>
Line 30... Line 30...
30
		<!-- Jquery Form :nécessaire pour l'upload des images -->
30
		<!-- Jquery Form :nécessaire pour l'upload des images -->
31
		<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/form/3.51/jquery.form.min.js"></script>
31
		<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/form/3.51/jquery.form.min.js"></script>
32
		<!-- Bootstrap -->
32
		<!-- Bootstrap -->
33
		<script type="text/javascript" src="https://resources.tela-botanica.org/bootstrap/2.3.2/js/bootstrap.min.js"></script>
33
		<script type="text/javascript" src="https://resources.tela-botanica.org/bootstrap/2.3.2/js/bootstrap.min.js"></script>
34
 
34
 
35
		<!-- Javascript : appli saisie -->
35
		<!-- Javascript : appli saisie -->
36
		<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/defaut/js/WidgetSaisie.js"></script>
36
		<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/defaut/js/WidgetSaisie.js"></script>
37
		<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/bellesdemarue/js/WidgetSaisieBellesdemarue.js"></script>
37
		<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/bellesdemarue/js/WidgetSaisieBellesdemarue.js"></script>
38
		<script src="<?=$url_base?>saisie?projet=bellesdemarue&service=taxons" type="text/javascript"></script>
38
		<script src="<?=$url_base?>saisie?projet=bellesdemarue&service=taxons&lang=nl" type="text/javascript"></script>
Line 39... Line 39...
39
		<script type="text/javascript">
39
		<script type="text/javascript">
40
		//<![CDATA[
40
		//<![CDATA[
Line 41... Line 41...
41
        	$(document).ready(function() {
41
        	$(document).ready(function() {
Line 106... Line 106...
106
				widget.chargementImageIconeUrl = "<?=$url_base?>modules/saisie/squelettes/defaut/img/icones/chargement-image.gif";
106
				widget.chargementImageIconeUrl = "<?=$url_base?>modules/saisie/squelettes/defaut/img/icones/chargement-image.gif";
107
				// URL de l'icône du calendrier
107
				// URL de l'icône du calendrier
108
				widget.calendrierIconeUrl = "<?=$url_base?>modules/saisie/squelettes/defaut/img/icones/calendrier.png";
108
				widget.calendrierIconeUrl = "<?=$url_base?>modules/saisie/squelettes/defaut/img/icones/calendrier.png";
109
				// URL de l'icône pour une photo manquante
109
				// URL de l'icône pour une photo manquante
110
				widget.pasDePhotoIconeUrl = "<?=$url_base?>modules/saisie/squelettes/defaut/img/icones/pasdephoto.png";
110
				widget.pasDePhotoIconeUrl = "<?=$url_base?>modules/saisie/squelettes/defaut/img/icones/pasdephoto.png";
111
				// URL du marqueur de début de rue
-
 
112
				widget.googleMapMarqueurDebutUrl = "<?=$url_base?>/modules/saisie/squelettes/bellesdemarue/img/marqueurs/debut.png";
-
 
113
				// URL du marqueur de fin de rue
-
 
114
				widget.googleMapMarqueurFinUrl = "<?=$url_base?>/modules/saisie/squelettes/bellesdemarue/img/marqueurs/fin.png";
-
 
Line 115... Line 111...
115
 
111
 
116
				// La présence du parametre 'ville' dans l'URL géolocalise
112
				// La présence du parametre 'ville' dans l'URL géolocalise
117
				widget.ville = "<?=isset($_GET['ville']) ? $_GET['ville'] : ''?>";
113
				widget.ville = "<?=isset($_GET['ville']) ? $_GET['ville'] : ''?>";
118
				widget.ville = <?= isset($_GET['commune']) ? "'".$_GET['commune']."'" : 'widget.ville' ?>;
114
				widget.ville = <?= isset($_GET['commune']) ? "'".$_GET['commune']."'" : 'widget.ville' ?>;
Line 122... Line 118...
122
				widget.groupeZonesGeo = "<?= $groupe_zones_geo ?>";
118
				widget.groupeZonesGeo = "<?= $groupe_zones_geo ?>";
123
				// URL service de recherche de zones
119
				// URL service de recherche de zones
124
				widget.serviceCoordSearchUrl = "<?=$url_ws_coord_search_tpl?>";
120
				widget.serviceCoordSearchUrl = "<?=$url_ws_coord_search_tpl?>";
Line 125... Line 121...
125
 
121
 
126
				// URL de l'icône du bouton supprimer
122
				// URL de l'icône du bouton supprimer
127
				widget.supprimerIconeUrl = "<?=$url_base?>/modules/saisie/squelettes/bellesdemarue/img/icones/supprimer.png";	
-
 
128
				// URL du service de trace des rues
-
 
Line 129... Line 123...
129
				widget.serviceTraceRueUrl = "<?=$url_ws_trace_rue_tpl?>";
123
				widget.supprimerIconeUrl = "<?=$url_base?>/modules/saisie/squelettes/bellesdemarue/img/icones/supprimer.png";
130
				
124
				
131
				// Go bibiche !
125
				// Go bibiche !
132
				widget.init();
126
				widget.init();
Line 153... Line 147...
153
					<div class="row-fluid">
147
					<div class="row-fluid">
154
						<div class="span12">
148
						<div class="span12">
155
							<?php if($logo != 'defaut' && $logo != '0') { ?>
149
							<?php if($logo != 'defaut' && $logo != '0') { ?>
156
								<img id="logo-titre" class="span1" src="<?= $logo ?>" alt="Logo" />
150
								<img id="logo-titre" class="span1" src="<?= $logo ?>" alt="Logo" />
157
							<?php } else if($logo == 'defaut') { ?>
151
							<?php } else if($logo == 'defaut') { ?>
158
								<h1 id="widget-titre"><img src="<?=$url_base?>/modules/saisie/squelettes/bellesdemarue/img/logos/bdmr.jpg" alt="Sauvages de ma rue : Saisie des observations"/></h1>
152
								<h1 id="widget-titre"><img src="<?=$url_base?>/modules/saisie/squelettes/bellesdemarue/img/logos/bdmr_nl.jpg" alt="Straatmadeliefjes"/></h1>
159
							<?php } ?>
153
							<?php } ?>
160
						</div>
154
						</div>
161
					</div>
155
					</div>
162
					<!--<div class="row-fluid">
156
					<!--<div class="row-fluid">
163
						<div class="span12">
157
						<div class="span12">
Line 174... Line 168...
174
				</div>
168
				</div>
175
			</div>
169
			</div>
176
			<div class="row-fluid">
170
			<div class="row-fluid">
177
				<div class="span12">
171
				<div class="span12">
178
					<form id="form-observateur" action="#" autocomplete="on">
172
					<form id="form-observateur" action="#" autocomplete="on">
179
						<h2 id="titre-form-observateur">Observateur</h2>
173
						<h2 id="titre-form-observateur">Waarnemer</h2>
180
						<div id="zone-identification">
174
						<div id="zone-identification">
181
							<fieldset id="partie-identification">
175
							<fieldset id="partie-identification">
182
								<div class="row-fluid">
176
								<div class="row-fluid">
183
									<div class="span6 control-group has-tooltip" data-placement="bottom">
177
									<div class="span6 control-group has-tooltip" data-placement="bottom">
184
											<label class="control-label" for="courriel">
178
											<label class="control-label" for="courriel">
185
												<strong class="obligatoire">*</strong>
179
												<strong class="obligatoire">*</strong>
186
												Courriel
180
												E-mailadres
187
											</label>
181
											</label>
188
											<div class="controls">
182
											<div class="controls">
189
												<div class="input-prepend">
183
												<div class="input-prepend">
190
													<span class="add-on">
184
													<span class="add-on">
191
														<i class="icon-envelope"></i>
185
														<i class="icon-envelope"></i>
Line 199... Line 193...
199
									<div id="zone-courriel-confirmation" class="span6 control-group has-tooltip"
193
									<div id="zone-courriel-confirmation" class="span6 control-group has-tooltip"
200
										style="display:none;"
194
										style="display:none;"
201
										data-placement="bottom">
195
										data-placement="bottom">
202
										<label class="control-label" for="courriel_confirmation">
196
										<label class="control-label" for="courriel_confirmation">
203
											<strong class="obligatoire">*</strong>
197
											<strong class="obligatoire">*</strong>
204
											Courriel (confirmation)
198
											E-mailadres (bevestiging)
205
										</label>
199
										</label>
206
										<div class="controls">
200
										<div class="controls">
207
											<div class="input-prepend">
201
											<div class="input-prepend">
208
												<span class="add-on">
202
												<span class="add-on">
209
													<i class="icon-envelope"></i>
203
													<i class="icon-envelope"></i>
Line 216... Line 210...
216
								</div>
210
								</div>
217
								<div id="zone-prenom-nom" class="row-fluid" style="display:none;">
211
								<div id="zone-prenom-nom" class="row-fluid" style="display:none;">
218
									<div class="span6 control-group">
212
									<div class="span6 control-group">
219
										<label for="prenom" class="control-label">
213
										<label for="prenom" class="control-label">
220
											<strong class="obligatoire">*</strong>
214
											<strong class="obligatoire">*</strong>
221
											Prénom
215
											Voornaam
222
										</label>
216
										</label>
223
										<input id="prenom" name="prenom" class="span12" type="text"/>
217
										<input id="prenom" name="prenom" class="span12" type="text"/>
224
									</div>
218
									</div>
225
									<div class="span6 control-group">
219
									<div class="span6 control-group">
226
										<label for="nom" class="control-label">
220
										<label for="nom" class="control-label">
227
											<strong class="obligatoire">*</strong>
221
											<strong class="obligatoire">*</strong>
228
											Nom
222
											Naam
229
										</label>
223
										</label>
230
										<div class="controls">
224
										<div class="controls">
231
											<input id="nom" name="nom"  class="span12" type="text"/>
225
											<input id="nom" name="nom"  class="span12" type="text"/>
232
										</div>
226
										</div>
233
									</div>
227
									</div>
Line 239... Line 233...
239
			</div>
233
			</div>
Line 240... Line 234...
240
		
234
		
241
 
235
 
242
			<!-- Fiche terrain -->
236
			<!-- Fiche terrain -->
243
			<form id="form-obs" class="form-inline" action="#" autocomplete="on">
237
			<form id="form-obs" class="form-inline" action="#" autocomplete="on">
Line 244... Line 238...
244
				<h2 id="titre-form-obs">Fiche de terrain</h2>
238
				<h2 id="titre-form-obs">Waarnemingsblad</h2>
245
				<div id="zone-fiche-terrain">
239
				<div id="zone-fiche-terrain">
246
					
240
					
247
					<fieldset id="partie-station">
241
					<fieldset id="partie-station">
248
						<legend>
242
						<legend>
249
							<strong class="obligatoire">*</strong>
243
							<strong class="obligatoire">*</strong>
250
							Géolocalisation de la plante
244
							Geolokalisatie van de plant
251
						</legend>
245
						</legend>
252
						<div class="row-fluid">
246
						<div class="row-fluid">
Line 312... Line 306...
312
						</div>
306
						</div>
313
					</fieldset>
307
					</fieldset>
Line 314... Line 308...
314
					
308
					
315
					<fieldset id="partie-date">
309
					<fieldset id="partie-date">
316
						<legend><strong class="obligatoire">*</strong>
310
						<legend><strong class="obligatoire">*</strong>
317
									Date d'observation</legend>
311
									Datum waarneming</legend>
318
						<div class="row-fluid">
312
						<div class="row-fluid">
319
							<div class="span12 control-group has-tooltip">
313
							<div class="span12 control-group has-tooltip">
320
								<label class="control-label">
314
								<label class="control-label">
321
									<div class="input-prepend">
315
									<div class="input-prepend">
322
										<span id="date-icone" class="add-on"></span>
316
										<span id="date-icone" class="add-on"></span>
323
										<input id="date" class="input-small" name="date" type="text"
317
										<input id="date" class="input-small" name="date" type="text"
324
											placeholder="jj/mm/aaaa" />
318
											placeholder="dd/mm/jjjj" />
325
									</div>
319
									</div>
326
								</label>
320
								</label>
327
							</div>
321
							</div>
328
						</div>
322
						</div>
Line 329... Line 323...
329
					</fieldset>
323
					</fieldset>
330
 
324
 
331
					<fieldset id="partie-observation">
325
					<fieldset id="partie-observation">
332
						<legend>Observation</legend>
326
						<legend>Waarneming</legend>
333
						<div class="row-fluid">
327
						<div class="row-fluid">
334
							<div class="span12">
328
							<div class="span12">
335
								<div id="taxon-liste-input-groupe" class="control-group has-tooltip"
329
								<div id="taxon-liste-input-groupe" class="control-group has-tooltip"
336
									title="Sélectionnez une espèce dans la liste déroulante par son nom latin
330
									title="Sélectionnez une espèce dans la liste déroulante par son nom latin
337
									ou commun. Si une espèce est absente, sélectionner «Autre espèce»." >
331
									ou commun. Si une espèce est absente, sélectionner «Autre espèce»." >
338
									<label class="span3">
332
									<label class="span3">
339
										<strong class="obligatoire">*</strong>
333
										<strong class="obligatoire">*</strong>
340
										Espèce commune
334
										Algemene soort
341
									</label>
335
									</label>
342
									<div id="taxon-liste-controls" class="input-prepend span8">
336
									<div id="taxon-liste-controls" class="input-prepend span8">
343
										<span class="add-on">
337
										<span class="add-on">
Line 344... Line 338...
344
											<i class="icon-leaf"></i>
338
											<i class="icon-leaf"></i>
345
										</span>
339
										</span>
Line 346... Line 340...
346
 
340
 
347
										<select id="taxon-liste" name="taxon-liste">
341
										<select id="taxon-liste" name="taxon-liste">
348
											<option value="" selected>Sélectionner une espèce</option>
342
											<option value="" selected>Selecteer een soort</option>
349
 
343
 
Line 368... Line 362...
368
														data-nom-a-sauver="<?=$taxon['nom_a_sauver'] ?>"
362
														data-nom-a-sauver="<?=$taxon['nom_a_sauver'] ?>"
369
														>
363
														>
370
														<?=$taxon['nom_a_afficher']?>
364
														<?=$taxon['nom_a_afficher']?>
371
													</option>
365
													</option>
372
												<?php endforeach; ?>
366
												<?php endforeach; ?>
373
												<option value="?">Autre</option>
367
												<option value="?">Anderen</option>
374
											</optgroup>
368
											</optgroup>
375
										</select>
369
										</select>
376
									</div>
370
									</div>
377
								</div>
371
								</div>
378
							</div>
372
							</div>
379
						</div>
373
						</div>
380
						<div id="taxon-input-groupe" class="row-fluid hidden">
374
						<div id="taxon-input-groupe" class="row-fluid hidden">
381
							<div class="span12">
375
							<div class="span12">
382
								<div class="control-group has-tooltip" >
376
								<div class="control-group has-tooltip" >
383
									<label for="taxon" class="control-label span3">
377
									<label for="taxon" class="control-label span3">
384
										Autre espèce
378
										Andere soort
385
									</label>
379
									</label>
386
									<div class="controls">
380
									<div class="controls">
387
										<input id="taxon" name="taxon" type="text" class="span8"
381
										<input id="taxon" name="taxon" type="text" class="span8"
388
											placeholder="Saisissez le nom d'espèce"
382
											placeholder="Typ de naam van de soort"
389
											value="<?= $nom_sci_espece_defaut; ?>" />
383
											value="<?= $nom_sci_espece_defaut; ?>" />
390
									</div>
384
									</div>
391
								</div>
385
								</div>
392
							</div>
386
							</div>
393
						</div>
387
						</div>
Line 395... Line 389...
395
						<div class="row-fluid">
389
						<div class="row-fluid">
396
							<div class="span12 control-group has-tooltip"
390
							<div class="span12 control-group has-tooltip"
397
								title="Indiquez votre certitude vis-à-vis du nom d'espèce indiqué">
391
								title="Indiquez votre certitude vis-à-vis du nom d'espèce indiqué">
398
								<label class="span3 control-label">
392
								<label class="span3 control-label">
399
									<strong class="obligatoire">*</strong>
393
									<strong class="obligatoire">*</strong>
400
									Certitude
394
									Zekerheid
401
								</label>
395
								</label>
402
								<div id="certitude-controls" class="controls">
396
								<div id="certitude-controls" class="controls">
403
									<span class="span3" title="Détermination certaine">
397
									<span class="span3" title="Détermination certaine">
404
										<input type="radio" name="certitude" id="certitude-certaine" value="certain" />
398
										<input type="radio" name="certitude" id="certitude-certaine" value="certain" />
405
										<label for="certitude-certaine">Certaine</label>
399
										<label for="certitude-certaine">Zeker</label>
406
									</span>
400
									</span>
407
									<span class="span3" title="Détermination incertaine mais pas inexacte">
401
									<span class="span3" title="Détermination incertaine mais pas inexacte">
408
										<input type="radio" name="certitude" id="certitude-douteuse" value="douteux" />
402
										<input type="radio" name="certitude" id="certitude-douteuse" value="douteux" />
409
										<label for="certitude-douteuse">Douteuse</label>
403
										<label for="certitude-douteuse">Twijfelachtig</label>
410
									</span>
404
									</span>
411
									<span class="span3" title="Détermination inconnue">
405
									<span class="span3" title="Détermination inconnue">
412
										<input type="radio" name="certitude" id="certitude-adeterminer" value="aDeterminer" />
406
										<input type="radio" name="certitude" id="certitude-adeterminer" value="aDeterminer" />
413
										<label for="certitude-adeterminer">A determiner</label>
407
										<label for="certitude-adeterminer">Te bepalen</label>
414
									</span>									
408
									</span>									
415
								</div>
409
								</div>
416
							</div>
410
							</div>
417
						</div>
411
						</div>
Line 426... Line 420...
426
									<div class="input-prepend">
420
									<div class="input-prepend">
427
										<span class="add-on">
421
										<span class="add-on">
428
											<i class="icon-globe"></i>
422
											<i class="icon-globe"></i>
429
										</span>
423
										</span>
430
										<select id="milieu">
424
										<select id="milieu">
431
											<option value="fissures">Fissures</option>
425
											<option value="fissures">Scheur</option>
432
											<option value="pied d'arbre">Pied d'arbre</option>
426
											<option value="pied d'arbre">Boomvoet</option>
433
											<option value="mur">Mur</option>
427
											<option value="mur">Muur</option>
434
											<option value="pelouse">Pelouse</option>
428
											<option value="pelouse">Grasperk</option>
435
											<option value="plate bande">Plate bande</option>
429
											<option value="plate bande">Bloemperk</option>
436
											<option value="haie">Haie</option>
430
											<option value="haie">Haag</option>
437
											<option value="chemin">Chemin</option>
431
											<option value="chemin">Weg</option>
438
											<option value="autres">Autres</option>
432
											<option value="autres">Andere</option>
439
										</select>
433
										</select>
440
									</div>
434
									</div>
441
								</div>
435
								</div>
442
							</div>
436
							</div>
443
						</div>
437
						</div>
Line 444... Line 438...
444
 
438
 
445
						<div id="milieu-autre-input-group" class="row-fluid hidden">
439
						<div id="milieu-autre-input-group" class="row-fluid hidden">
446
							<div class="span12">
440
							<div class="span12">
447
								<div class="control-group has-tooltip" >
441
								<div class="control-group has-tooltip" >
448
									<label for="milieu-autre" class="control-label span3">
442
									<label for="milieu-autre" class="control-label span3">
449
										Autre milieu
443
										Andere milieu
450
									</label>
444
									</label>
451
									<div class="controls">
445
									<div class="controls">
452
										<input id="milieu-autre" name="milieu-autre" type="text" class="span8"
446
										<input id="milieu-autre" name="milieu-autre" type="text" class="span8"
453
											placeholder="" />
447
											placeholder="" />
Line 456... Line 450...
456
							</div>
450
							</div>
457
						</div>
451
						</div>
Line 458... Line 452...
458
 
452
 
459
						<div class="row-fluid">
453
						<div class="row-fluid">
460
							<div class="span12">
454
							<div class="span12">
461
								<label for="notes">Notes</label>
455
								<label for="notes">Opmerkingen</label>
462
								<div>
456
								<div>
463
									<textarea id="notes" class="span12" rows="7" name="notes"
457
									<textarea id="notes" class="span12" rows="7" name="notes"
464
										placeholder="Champ libre"></textarea>
458
										placeholder="Vrij aanvullen"></textarea>
465
								</div>
459
								</div>
466
							</div>
460
							</div>
467
						</div>
461
						</div>
468
					</fieldset>
462
					</fieldset>
Line 473... Line 467...
473
				<form id="form-upload" class="form-horizontal" action="<?= $url_ws_upload ?>"
467
				<form id="form-upload" class="form-horizontal" action="<?= $url_ws_upload ?>"
474
					method="post" enctype="multipart/form-data">
468
					method="post" enctype="multipart/form-data">
475
					<div class="row-fluid">
469
					<div class="row-fluid">
476
						<div class="span12">
470
						<div class="span12">
477
							<fieldset id="partie-photo">
471
							<fieldset id="partie-photo">
478
								<legend>Image(s) de cette plante</legend>
472
								<legend>Afbeelding(en) van de plant</legend>
479
								<p class="miniature-info" class="discretion help-inline">
473
								<p class="miniature-info" class="discretion help-inline">
480
									Vous pouvez ajouter des photos. Celles-ci doivent être au format <strong>JPEG</strong> 
474
									U kunt foto's toevoegen in <strong>JPEG</strong> formaat van elk
481
									et ne doivent pas excéder <strong>5Mo</strong> chacunes.
475
									maximaal <strong>5 MB</strong>.
482
									<a target="_blank" id="lien-tuto-photo" href="<?=$url_base?>/modules/saisie/squelettes/bellesdemarue/img/table_commentprendreenphoto.png">
476
									<a target="_blank" id="lien-tuto-photo" href="<?=$url_base?>/modules/saisie/squelettes/bellesdemarue/img/table_commentprendreenphoto_nl.png">
483
										Exemples de bonnes et mauvaises photos
477
										Voorbeelden van goede en foute foto's
484
									</a>
478
									</a>
485
									<i class="icon-question-sign"></i>
479
									<i class="icon-question-sign"></i>
486
								</p>
480
								</p>
487
								<div id="image-obligatoire" class="alert alert-error alert-block" style="display: none;">
481
								<div id="image-obligatoire" class="alert alert-error alert-block" style="display: none;">
488
									<a class="close">×</a>
482
									<a class="close">×</a>
489
									<h4 class="alert-heading">Information : image obligatoire</h4>
483
									<h4 class="alert-heading">Informatie : verplichte foto</h4>
490
									<p>
484
									<p>
491
										Veuillez ajouter au moins une image.
485
										Voeg minimaal één foto
492
									</p>
486
									</p>
493
								</div>
487
								</div>
494
								<div id ="photos-conteneur">
488
								<div id ="photos-conteneur">
495
									<input type="file" id="fichier" name="fichier" accept="image/jpeg" />
489
									<input type="file" id="fichier" name="fichier" accept="image/jpeg" />
496
									<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>
490
									<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>
Line 504... Line 498...
504
				<div class="row-fluid">
498
				<div class="row-fluid">
505
					<div class="span12 has-tooltip"
499
					<div class="span12 has-tooltip"
506
						title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour
500
						title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour
507
							ajouter votre observation à la liste à transmettre.">
501
							ajouter votre observation à la liste à transmettre.">
508
						<button id="ajouter-obs" class="btn btn-primary btn-large" type="button">
502
						<button id="ajouter-obs" class="btn btn-primary btn-large" type="button">
509
							Ajouter
503
							Toevoegen
510
						</button>
504
						</button>
511
					</div>
505
					</div>
512
				</div>
506
				</div>
513
			</div>
507
			</div>
Line 527... Line 521...
527
				<div class="zone-alerte span12">
521
				<div class="zone-alerte span12">
528
					<div id="dialogue-form-invalide" class="alert alert-warning alert-block" style="display: none;">
522
					<div id="dialogue-form-invalide" class="alert alert-warning alert-block" style="display: none;">
529
						<a class="close">×</a>
523
						<a class="close">×</a>
530
						<h4 class="alert-heading">Information : champs en erreur</h4>
524
						<h4 class="alert-heading">Information : champs en erreur</h4>
531
						<p>
525
						<p>
532
							Certains champs du formulaire sont mal remplis.<br/>
526
							Enige vorm velden zijn onjuist ingevulde.
-
 
527
							<br/>
533
							Veuillez vérifier vos données.
528
							Controleer uw gegevens.
534
						</p>
529
						</p>
535
					</div>
530
					</div>
536
				</div>
531
				</div>
537
			</div>
532
			</div>
Line 540... Line 535...
540
			<div id="zone-liste-obs" class="hidden">
535
			<div id="zone-liste-obs" class="hidden">
541
				<div class="row-fluid">
536
				<div class="row-fluid">
542
					<div class="span12">
537
					<div class="span12">
543
						<div class="row-fluid">
538
						<div class="row-fluid">
544
							<div class="span8">
539
							<div class="span8">
545
								<h2 id="titre-liste-obs">Liste des observations à transmettre : <span class="obs-nbre">0</span></h2>
540
								<h2 id="titre-liste-obs">Opmerkingen lijst van de verzendende : <span class="obs-nbre">0</span></h2>
546
							</div>
541
							</div>
547
							<div class="span4 droite">
542
							<div class="span4 droite">
548
								<button id="transmettre-obs" class="btn btn-primary btn-large has-tooltip"
543
								<button id="transmettre-obs" class="btn btn-primary btn-large has-tooltip"
549
									type="button" disabled="disabled"
544
									type="button" disabled="disabled"
550
									title="Ajoute les observations ci-dessous à votre Carnet en Ligne et les rend publiques.">
545
									title="Ajoute les observations ci-dessous à votre Carnet en Ligne et les rend publiques.">
551
									Transmettre
546
									Verzenden
552
								</button>
547
								</button>
553
							</div>
548
							</div>
554
						</div>
549
						</div>
555
						<div id="liste-obs" ></div>
550
						<div id="liste-obs" ></div>
556
					</div>
551
					</div>
Line 559... Line 554...
559
 
554
 
560
			<div class="row-fluid">
555
			<div class="row-fluid">
561
				<div class="zone-alerte span12">
556
				<div class="zone-alerte span12">
562
					<div id="dialogue-zero-obs" class="alert alert-block" style="display: none;">
557
					<div id="dialogue-zero-obs" class="alert alert-block" style="display: none;">
563
						<a class="close">×</a>
558
						<a class="close">×</a>
564
						<h4 class="alert-heading">Attention : aucune observation</h4>
559
						<h4 class="alert-heading">Waarschuwing: geen waarneming</ h4>
565
						<p>Veuillez saisir des observations pour les transmettre.</p>
560
						<P>Geef waarnemingen te verzenden.</ P>
Line 566... Line 561...
566
					</div>
561
					</div>
567
 
562
 
568
					<div id="dialogue-obs-transaction-ok" class="alert alert-success alert-block" style="display: none;">
563
					<div id="dialogue-obs-transaction-ok" class="alert alert-success alert-block" style="display: none;">
569
						<a class="close">×</a>
564
						<a class="close">×</a>
570
						<h4 class="alert-heading">Information : transmission des observations</h4>
565
						<h4 class="alert-heading">Informatie : toezenden van waarnemingen</h4>
Line 571... Line 566...
571
						<div class="alert-txt"></div>
566
						<div class="alert-txt"></div>
572
					</div>
567
					</div>
573
 
568
 
574
					<div id="dialogue-obs-transaction-ko" class="alert alert-error alert-block" style="display: none;">
569
					<div id="dialogue-obs-transaction-ko" class="alert alert-error alert-block" style="display: none;">
575
						<a class="close">×</a>
570
						<a class="close">×</a>
576
						<h4 class="alert-heading">Erreur : transmission des observations</h4>
571
						<h4 class="alert-heading">Fout : toezenden van waarnemingen</h4>
577
						<div class="alert-txt"></div>
572
						<div class="alert-txt"></div>
578
					</div>
573
					</div>
Line 583... Line 578...
583
		<!-- Fenêtres modales -->
578
		<!-- Fenêtres modales -->
584
		<div id="chargement" class="modal-fenetre" style="display:none;">
579
		<div id="chargement" class="modal-fenetre" style="display:none;">
585
			<div id="chargement-centrage" class="modal-contenu">
580
			<div id="chargement-centrage" class="modal-contenu">
586
				<div class="progress progress-success progress-striped active">
581
				<div class="progress progress-success progress-striped active">
587
		 			<div id="barre-progression-upload" class="bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="10" style="">
582
		 			<div id="barre-progression-upload" class="bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="10" style="">
588
		    			<span class="sr-only">0/10 observations transmises</span>
583
		    			<span class="sr-only">0/10 waarnemingen verscheept</span>
589
		  			</div>
584
		  			</div>
590
				</div>
585
				</div>
591
				<p id="chargement-txt" style="color:white;font-size:1.5em;">
586
				<p id="chargement-txt" style="color:white;font-size:1.5em;">
592
					Transfert des observations en cours...<br />
587
					Transfer waarnemingen in progress...<br />
593
					Cela peut prendre plusieurs minutes en fonction de la taille des images et du nombre
588
					Dit kan enkele minuten, afhankelijk van het beeldformaat en het aantal te nemen
594
					d'observations à transférer.
589
					waarnemingen over te dragen.
595
				</p>
590
				</p>
596
			</div>
591
			</div>
597
		</div>
592
		</div>
Line 598... Line 593...
598
 
593
 
599
		<!-- Templates HTML -->
594
		<!-- Templates HTML -->
600
		<div id="tpl-transmission-ok" style="display:none;">
595
		<div id="tpl-transmission-ok" style="display:none;">
601
			<p class="msg">
596
			<p class="msg">
602
				Merci Beaucoup&nbsp;! Vos observations ont bien été transmises.<br />
597
				Heel hartelijk bedankt&nbsp;! Uw waarnemingen zijn doorgestuurd.<br />
603
				Elles sont désormais affichées sur la carte <a href="https://www.tela-botanica.org/widget:cel:cartoPoint?projet=Bellesdemarue">Belles de ma rue</a>
598
				Ze worden nu weergegeven op de kaart <a href="https://www.tela-botanica.org/widget:cel:cartoPoint?projet=bellesdemarue&lang=nl">Straatmadeliefjes</a>
604
			</p>
599
			</p>
605
		</div>
600
		</div>
606
		<div id="tpl-transmission-ko" style="display:none;">
601
		<div id="tpl-transmission-ko" style="display:none;">
607
			<p class="msg">
602
			<p class="msg">
608
				Une erreur est survenue lors de la transmission d'une observation (indiquée en rouge).<br />
603
				Een fout is opgetreden bij de overdracht van een waarneming (in het rood).<br />
609
				Vous pouvez tenter de la retransmettre en cliquant à nouveau sur le bouton transmettre ou bien la supprimer
604
				U kunt proberen om opnieuw te verzenden door te klikken opnieuw op de zendknop of te verwijderen
610
				et transmettre les suivantes.<br />
605
				en het volgende in te dienen.<br />
611
				Les observations n'apparaissant plus dans la liste "observations à transmettre", ont bien été transmises lors de votre précédente tentative. 
606
				De waarnemingen worden niet weergegeven in de lijst "op de opmerkingen te zenden" zijn verzonden in uw vorige poging.
612
			</p>
607
			</p>
613
		</div>
608
		</div>
614
	</body>
609
	</body>