Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 3054 Rev 3055
Line 151... Line 151...
151
							<?php } else if($logo == 'defaut') { ?>
151
							<?php } else if($logo == 'defaut') { ?>
152
								<h1 id="widget-titre"><img src="<?=$url_base?>/modules/saisie/squelettes/bellesdemarue/img/logos/bdmr_nl.jpg" alt="Straatmadeliefjes"/></h1>
152
								<h1 id="widget-titre"><img src="<?=$url_base?>/modules/saisie/squelettes/bellesdemarue/img/logos/bdmr_nl.jpg" alt="Straatmadeliefjes"/></h1>
153
							<?php } ?>
153
							<?php } ?>
154
						</div>
154
						</div>
155
					</div>
155
					</div>
156
					<!--<div class="row-fluid">
-
 
157
						<div class="span12">
-
 
158
							<p class="discretion">
-
 
159
								Un aide interactive est à votre disposition sur l'interface.
-
 
160
								Une fois familiarisé, vous pouvez cliquer sur le bouton suivant pour la désactiver :
-
 
161
								<button id="btn-aide" class="btn btn-mini btn-success">
-
 
162
									<span class="icon-question-sign icon-white"></span>
-
 
163
									<span id="btn-aide-txt" >Désactiver l'aide</span>
-
 
164
								</button>
-
 
165
							</p>
-
 
166
						</div>
-
 
167
					</div>-->
-
 
168
				</div>
156
				</div>
169
			</div>
157
			</div>
170
			<div class="row-fluid">
158
			<div class="row-fluid">
171
				<div class="span12">
159
				<div class="span12">
172
					<form id="form-observateur" action="#" autocomplete="on">
160
					<form id="form-observateur" action="#" autocomplete="on">
Line 229... Line 217...
229
							</fieldset>
217
							</fieldset>
230
						</div>
218
						</div>
231
					</form>
219
					</form>
232
				</div>
220
				</div>
233
			</div>
221
			</div>
234
		
-
 
Line 235... Line 222...
235
 
222
 
236
			<!-- Fiche terrain -->
223
			<!-- Fiche terrain -->
237
			<form id="form-obs" class="form-inline" action="#" autocomplete="on">
224
			<form id="form-obs" class="form-inline" action="#" autocomplete="on">
238
				<h2 id="titre-form-obs">Waarnemingsblad</h2>
225
				<h2 id="titre-form-obs">Waarnemingsblad</h2>
Line 248... Line 235...
248
								<div class="form-search form-horizontal">
235
								<div class="form-search form-horizontal">
249
									<div class="control-group">
236
									<div class="control-group">
250
										<input id="carte-recherche"
237
										<input id="carte-recherche"
251
											class="search-query span12 has-tooltip"
238
											class="search-query span12 has-tooltip"
252
											type="text"
239
											type="text"
253
											title="Permet de centrer la carte sur le lieu recherché. Il est nécessaire de sélectionner le lieu dans la liste déroulante."
240
											title="Hiermee kunt u de kaart op de gewenste locatie te centreren. Het is noodzakelijk om de locatie uit de keuzelijst te selecteren"
254
											placeholder="Entrez un nom de ville, de lieu ou de rue..."
241
											placeholder="Voer een stad naam, locatie of de straat..."
255
											name="adresse"
242
											name="adresse"
256
											data-label="Adresse"
243
											data-label="Adresse"
257
											value=""/>
244
											value=""/>
258
									</div>
245
									</div>
259
								</div>
246
								</div>
260
							</div>
247
							</div>
261
						</div>
248
						</div>
262
						<div class="row-fluid">
249
						<div class="row-fluid">
263
							<div class="span12">
250
							<div class="span12">
264
								<div id="map-canvas" class="has-tooltip"
251
								<div id="map-canvas" class="has-tooltip"
265
									title="Vous pouvez cliquer sur la carte pour déplacer le marqueur
252
									title="U kunt klikken op de kaart om de markering te verplaatsen die uw station of de rem op de gewenste plek"></div>
266
									représentant votre station ou bien le glisser-déposer sur
-
 
267
									le lieu souhaité."></div>
-
 
268
								</div>
253
								</div>
269
							</div>
254
							</div>
270
							<div class="row-fluid">
255
							<div class="row-fluid">
271
								<div id="info-commune" class="span12">
256
								<div id="info-commune" class="span12">
272
									<span for="marqueur-commune">Stad : </span>
257
									<span for="marqueur-commune">Stad : </span>
Line 278... Line 263...
278
						<div id="coordonnees-geo" class="row-fluid" style="display:none;">
263
						<div id="coordonnees-geo" class="row-fluid" style="display:none;">
279
							<div class="form-inline">
264
							<div class="form-inline">
280
								<div id="coord-lat" class="span4 control-group">
265
								<div id="coord-lat" class="span4 control-group">
281
									<label for="latitude" class="control-label">
266
									<label for="latitude" class="control-label">
282
										<strong class="obligatoire">*</strong>
267
										<strong class="obligatoire">*</strong>
283
										Latitude
268
										Breedte
284
									</label>
269
									</label>
285
									<div class="controls">
270
									<div class="controls">
286
										<input id="latitude" class="input-mini" name="latitude" type="text" value=""/>
271
										<input id="latitude" class="input-mini" name="latitude" type="text" value=""/>
287
									</div>
272
									</div>
288
								</div>
273
								</div>
289
								<div id="coord-lng" class="span4">
274
								<div id="coord-lng" class="span4">
290
									<label for="longitude" class="control-label">
275
									<label for="longitude" class="control-label">
291
										<strong class="obligatoire">*</strong>
276
										<strong class="obligatoire">*</strong>
292
										Longitude
277
										Lengte
293
									</label>
278
									</label>
294
									<div class="controls">
279
									<div class="controls">
295
										<input id="longitude" class="input-mini" name="longitude" type="text" value=""/>
280
										<input id="longitude" class="input-mini" name="longitude" type="text" value=""/>
296
									</div>
281
									</div>
297
								</div>
282
								</div>
298
								<div class="span4">
283
								<div class="span4">
299
									<button id="geolocaliser" class="btn has-tooltip"
284
									<button id="geolocaliser" class="btn has-tooltip"
300
										title="Centre la carte sur les coordonnées de latitude et longitude saisies.">
285
										title="De kaart centreren op de coördinaten van breedte- en lengtegraad ingevoerd">
301
										Voir sur la carte
286
										Toon op de kaart
302
									</button>
287
									</button>
303
								</div>
288
								</div>
304
								<input id="longitude" class="input-mini" name="longitude" type="text" value="BLABLA" style="display:none;"/>
289
								<input id="longitude" class="input-mini" name="longitude" type="text" value="BLABLA" style="display:none;"/>
305
							</div>
290
							</div>
306
						</div>
291
						</div>
Line 325... Line 310...
325
					<fieldset id="partie-observation">
310
					<fieldset id="partie-observation">
326
						<legend>Waarneming</legend>
311
						<legend>Waarneming</legend>
327
						<div class="row-fluid">
312
						<div class="row-fluid">
328
							<div class="span12">
313
							<div class="span12">
329
								<div id="taxon-liste-input-groupe" class="control-group has-tooltip"
314
								<div id="taxon-liste-input-groupe" class="control-group has-tooltip"
330
									title="Sélectionnez une espèce dans la liste déroulante par son nom latin
315
									title="Selecteer een soort in de combo door zijn Latijnse naam of gemeenschappelijke. Als een soort afwezig is, selecteer 'Anderen'">
331
									ou commun. Si une espèce est absente, sélectionner «Autre espèce»." >
-
 
332
									<label class="span3">
316
									<label class="span3">
333
										<strong class="obligatoire">*</strong>
317
										<strong class="obligatoire">*</strong>
334
										Algemene soort
318
										Algemene soort
335
									</label>
319
									</label>
336
									<div id="taxon-liste-controls" class="input-prepend span8">
320
									<div id="taxon-liste-controls" class="input-prepend span8">
Line 386... Line 370...
386
							</div>
370
							</div>
387
						</div>
371
						</div>
Line 388... Line 372...
388
 
372
 
389
						<div class="row-fluid">
373
						<div class="row-fluid">
390
							<div class="span12 control-group has-tooltip"
374
							<div class="span12 control-group has-tooltip"
391
								title="Indiquez votre certitude vis-à-vis du nom d'espèce indiqué">
375
								title="Ben je zeker van de species naam ?">
392
								<label class="span3 control-label">
376
								<label class="span3 control-label">
393
									<strong class="obligatoire">*</strong>
377
									<strong class="obligatoire">*</strong>
394
									Zekerheid
378
									Zekerheid
395
								</label>
379
								</label>
396
								<div id="certitude-controls" class="controls">
380
								<div id="certitude-controls" class="controls">
397
									<span class="span3" title="Détermination certaine">
381
									<span class="span3" title="Determinatie zeker">
398
										<input type="radio" name="certitude" id="certitude-certaine" value="certain" />
382
										<input type="radio" name="certitude" id="certitude-certaine" value="certain" />
399
										<label for="certitude-certaine">Zeker</label>
383
										<label for="certitude-certaine">Zeker</label>
400
									</span>
384
									</span>
401
									<span class="span3" title="Détermination incertaine mais pas inexacte">
385
									<span class="span3" title="Determinatie onzeker, maar niet onjuist">
402
										<input type="radio" name="certitude" id="certitude-douteuse" value="douteux" />
386
										<input type="radio" name="certitude" id="certitude-douteuse" value="douteux" />
403
										<label for="certitude-douteuse">Twijfelachtig</label>
387
										<label for="certitude-douteuse">Twijfelachtig</label>
404
									</span>
388
									</span>
405
									<span class="span3" title="Détermination inconnue">
389
									<span class="span3" title="Determinatie onbekend">
406
										<input type="radio" name="certitude" id="certitude-adeterminer" value="aDeterminer" />
390
										<input type="radio" name="certitude" id="certitude-adeterminer" value="aDeterminer" />
407
										<label for="certitude-adeterminer">Te bepalen</label>
391
										<label for="certitude-adeterminer">Te bepalen</label>
408
									</span>									
392
									</span>									
409
								</div>
393
								</div>
410
							</div>
394
							</div>
Line 411... Line 395...
411
						</div>
395
						</div>
412
 
396
 
413
						<div class="row-fluid">
397
						<div class="row-fluid">
414
							<div class="span12 control-group has-tooltip"
398
							<div class="span12 control-group has-tooltip"
415
								title="Indiquez le milieu dans lequel vous avez rencontré cette espèce.">
399
								title="Geef de omgeving waarin u deze soort ontmoette">
416
								<label class="span3 control-label">
400
								<label class="span3 control-label">
417
									Milieu
401
									Milieu
418
								</label>
402
								</label>
Line 471... Line 455...
471
							<fieldset id="partie-photo">
455
							<fieldset id="partie-photo">
472
								<legend>Afbeelding(en) van de plant</legend>
456
								<legend>Afbeelding(en) van de plant</legend>
473
								<p class="miniature-info" class="discretion help-inline">
457
								<p class="miniature-info" class="discretion help-inline">
474
									U kunt foto's toevoegen in <strong>JPEG</strong> formaat van elk
458
									U kunt foto's toevoegen in <strong>JPEG</strong> formaat van elk
475
									maximaal <strong>5 MB</strong>.
459
									maximaal <strong>5 MB</strong>.
476
									<a target="_blank" id="lien-tuto-photo" href="<?=$url_base?>/modules/saisie/squelettes/bellesdemarue/img/table_commentprendreenphoto_nl.png">
460
									<a target="_blank" id="lien-tuto-photo" href="<?=$url_base?>/modules/saisie/squelettes/bellesdemarue/img/table_commentprendreenphoto.png">
477
										Voorbeelden van goede en foute foto's
461
										Voorbeelden van goede en foute foto's
478
									</a>
462
									</a>
479
									<i class="icon-question-sign"></i>
463
									<i class="icon-question-sign"></i>
480
								</p>
464
								</p>
481
								<div id="image-obligatoire" class="alert alert-error alert-block" style="display: none;">
465
								<div id="image-obligatoire" class="alert alert-error alert-block" style="display: none;">
Line 495... Line 479...
495
						</div>
479
						</div>
496
					</div>
480
					</div>
497
				</form>
481
				</form>
498
				<div class="row-fluid">
482
				<div class="row-fluid">
499
					<div class="span12 has-tooltip"
483
					<div class="span12 has-tooltip"
500
						title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour
484
						title="Zodra de velden zijn ingevuld, kunt u op deze knop te klikken voeg uw opmerkingen aan de lijst toe te zenden">
501
							ajouter votre observation à la liste à transmettre.">
-
 
502
						<button id="ajouter-obs" class="btn btn-primary btn-large" type="button">
485
						<button id="ajouter-obs" class="btn btn-primary btn-large" type="button">
503
							Toevoegen
486
							Toevoegen
504
						</button>
487
						</button>
505
					</div>
488
					</div>
506
				</div>
489
				</div>
Line 511... Line 494...
511
				<div class="zone-alerte span12">
494
				<div class="zone-alerte span12">
512
					<div id="dialogue-bloquer-creer-obs" class="alert alert-warning alert-block" style="display: none;">
495
					<div id="dialogue-bloquer-creer-obs" class="alert alert-warning alert-block" style="display: none;">
513
						<a class="close">×</a>
496
						<a class="close">×</a>
514
						<h4 class="alert-heading">Information : <?= $max_nb_obs; ?> observations maximum</h4>
497
						<h4 class="alert-heading">Information : <?= $max_nb_obs; ?> observations maximum</h4>
515
						<p>
498
						<p>
516
							Vous venez d'ajouter votre <?= $max_nb_obs; ?>ème observation.<br/>
499
							U heeft zojuist toegevoegd <?= $max_nb_obs; ?>e waardening.<br/>
517
							Pour en ajouter de nouvelles, il est nécessaire de les transmettre en cliquant sur le bouton ci-dessous.
500
							Om nieuwe toe te voegen, is het noodzakelijk om te verzenden door te klikken op de onderstaande knop.
518
						</p>
501
						</p>
519
					</div>
502
					</div>
520
				</div>
503
				</div>
521
				<div class="zone-alerte span12">
504
				<div class="zone-alerte span12">
522
					<div id="dialogue-form-invalide" class="alert alert-warning alert-block" style="display: none;">
505
					<div id="dialogue-form-invalide" class="alert alert-warning alert-block" style="display: none;">
523
						<a class="close">×</a>
506
						<a class="close">×</a>
524
						<h4 class="alert-heading">Information : champs en erreur</h4>
507
						<h4 class="alert-heading">Informatie : invoerfout</h4>
525
						<p>
508
						<p>
526
							Enige vorm velden zijn onjuist ingevulde.
509
							Enige vorm velden zijn onjuist ingevulde.
527
							<br/>
510
							<br/>
528
							Controleer uw gegevens.
511
							Controleer uw gegevens.
529
						</p>
512
						</p>
Line 540... Line 523...
540
								<h2 id="titre-liste-obs">Opmerkingen lijst van de verzendende : <span class="obs-nbre">0</span></h2>
523
								<h2 id="titre-liste-obs">Opmerkingen lijst van de verzendende : <span class="obs-nbre">0</span></h2>
541
							</div>
524
							</div>
542
							<div class="span4 droite">
525
							<div class="span4 droite">
543
								<button id="transmettre-obs" class="btn btn-primary btn-large has-tooltip"
526
								<button id="transmettre-obs" class="btn btn-primary btn-large has-tooltip"
544
									type="button" disabled="disabled"
527
									type="button" disabled="disabled"
545
									title="Ajoute les observations ci-dessous à votre Carnet en Ligne et les rend publiques.">
528
									title="Voegt de volgende opmerkingen naar uw Notebook Online en openbaar maakt">
546
									Verzenden
529
									Verzenden
547
								</button>
530
								</button>
548
							</div>
531
							</div>
549
						</div>
532
						</div>
550
						<div id="liste-obs" ></div>
533
						<div id="liste-obs" ></div>