Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 2880 Rev 2881
Line 259... Line 259...
259
					</div>
259
					</div>
260
				</div>
260
				</div>
261
			</div>
261
			</div>
262
			<!-- Messages d'erreur du formulaire-->
262
			<!-- Messages d'erreur du formulaire-->
263
			<div class="row">
263
			<div class="row">
264
				<div class="zone-alerte span6 offset3">
264
				<div class="zone-alerte span6 offset6">
265
					<div id="dialogue-bloquer-copier-coller" class="alert alert-info alert-block" style="display:none;">
265
					<div id="dialogue-bloquer-copier-coller" class="alert alert-info alert-block" style="display:none;">
266
						<a class="close">×</a>
266
						<a class="close">×</a>
267
						<h4 class="alert-heading">Information : copier/coller</h4>
267
						<h4 class="alert-heading">Information : copier/coller</h4>
268
						<p>
268
						<p>
269
							Merci de ne pas copier/coller votre courriel.<br/>
269
							Merci de ne pas copier/coller votre courriel.<br/>
Line 294... Line 294...
294
							<div class="well">
294
							<div class="well">
295
							<!-- 1e colonne : date, lieu, geoloc -->
295
							<!-- 1e colonne : date, lieu, geoloc -->
296
								<div class="row-fluid">
296
								<div class="row-fluid">
297
									<h2>Relevé</h2><hr>
297
									<h2>Relevé</h2><hr>
298
									<!-- DATE -->
298
									<!-- DATE -->
299
									<div class="control-group">
299
									<div class="control-group centre">
300
										<form id="form-date" action="#" autocomplete="on">
300
										<form id="form-date" action="#" autocomplete="on">
301
											<label for="date">
301
											<label for="date">
302
												<span class="has-tooltip pointer"
302
												<span class="has-tooltip pointer"
303
												title="Veuillez indiquer la date du relevé au format jj/mm/aaaa. Vous pouvez
303
												title="Veuillez indiquer la date du relevé au format jj/mm/aaaa. Vous pouvez
304
												cliquer sur l'icône de calendrier pour sélectionner une date">
304
												cliquer sur l'icône de calendrier pour sélectionner une date">
Line 327... Line 327...
327
												<label for="culture-cereale-radio" class="radio culture pointer">
327
												<label for="culture-cereale-radio" class="radio culture pointer">
328
													<input type="radio" id="culture-cereale-radio" name="type-culture" value="cereale" data-titre="céréale" />
328
													<input type="radio" id="culture-cereale-radio" name="type-culture" value="cereale" data-titre="céréale" />
329
													Céréale
329
													Céréale
330
													<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
330
													<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
331
													</i>
331
													</i>
332
													<input type="text" id="culture-cereale-input" name="type-culture-detail" placeholder='ex : "Maïs"' style="display: none;" />
332
													<input type="text" id="culture-cereale-input" name="type-culture-details" placeholder="Ex : Maïs" style="display: none;" />
333
												</label>
333
												</label>
334
												<div class="popover-html-content" data-for="culture-cereale-radio">
334
												<div class="popover-html-content" data-for="culture-cereale-radio">
335
													<h5>Céréale</h5>
335
													<h5>Céréale</h5>
336
													Une description du champ de céréales<br/>
336
													Une description du champ de céréales<br/>
337
													...
337
													...
Line 340... Line 340...
340
												<label for="culture-friche-radio" class="radio culture pointer">
340
												<label for="culture-friche-radio" class="radio culture pointer">
341
													<input type="radio" id="culture-friche-radio" name="type-culture" value="friche" data-titre="friche" />
341
													<input type="radio" id="culture-friche-radio" name="type-culture" value="friche" data-titre="friche" />
342
													Friche
342
													Friche
343
													<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
343
													<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
344
													</i>
344
													</i>
345
													<input type="text" id="culture-friche-input" name="type-culture-detail" placeholder='ex : "Friche"' style="display: none;" />
345
													<input type="text" id="culture-friche-input" name="type-culture-details" placeholder="Ex : Pissenlit" style="display: none;" />
346
												</label>
346
												</label>
347
												<div class="popover-html-content" data-for="culture-friche-radio">
347
												<div class="popover-html-content" data-for="culture-friche-radio">
348
													<h5>Friche</h5>
348
													<h5>Friche</h5>
349
													Une description du champ de Friche<br/>
349
													Une description du champ de Friche<br/>
350
													...
350
													...
Line 353... Line 353...
353
												<label for="culture-maraichere-radio" class="radio culture pointer">
353
												<label for="culture-maraichere-radio" class="radio culture pointer">
354
													<input type="radio" id="culture-maraichere-radio" name="type-culture" value="maraichere" data-titre="maraichère" />
354
													<input type="radio" id="culture-maraichere-radio" name="type-culture" value="maraichere" data-titre="maraichère" />
355
													Maraichère
355
													Maraichère
356
													<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
356
													<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
357
													</i>
357
													</i>
358
													<input type="text" id="culture-maraichere-input" name="type-culture-detail" placeholder='ex : "Pois"' style="display: none;" />
358
													<input type="text" id="culture-maraichere-input" name="type-culture-details" placeholder="Ex : Pois" style="display: none;" />
359
												</label>
359
												</label>
360
												<div class="popover-html-content" data-for="culture-maraichere-radio">
360
												<div class="popover-html-content" data-for="culture-maraichere-radio">
361
													<h5>Maraichère</h5>
361
													<h5>Maraichère</h5>
362
													Une description du champ de Maraichère<br/>
362
													Une description du champ de Maraichère<br/>
363
													...
363
													...
Line 366... Line 366...
366
												<label for="culture-vigne-radio" class="radio culture pointer">
366
												<label for="culture-vigne-radio" class="radio culture pointer">
367
													<input type="radio" id="culture-vigne-radio" name="type-culture" value="vigne" data-titre="vigne" />
367
													<input type="radio" id="culture-vigne-radio" name="type-culture" value="vigne" data-titre="vigne" />
368
													Vigne
368
													Vigne
369
													<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
369
													<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
370
													</i>
370
													</i>
371
													<input type="text" id="culture-vigne-input" name="type-culture-detail" placeholder='ex : "Sauterne"' style="display: none;" />
371
													<input type="text" id="culture-vigne-input" name="type-culture-details" placeholder="Ex : Sauterne" style="display: none;" />
372
												</label>
372
												</label>
373
												<div class="popover-html-content" data-for="culture-vigne-radio">
373
												<div class="popover-html-content" data-for="culture-vigne-radio">
374
													<h5>Vigne</h5>
374
													<h5>Vigne</h5>
375
													Une description du champ de Vigne<br/>
375
													Une description du champ de Vigne<br/>
376
													...
376
													...
Line 379... Line 379...
379
												<label for="culture-verger-radio" class="radio culture pointer">
379
												<label for="culture-verger-radio" class="radio culture pointer">
380
													<input type="radio" id="culture-verger-radio" name="type-culture" value="verger" data-titre="verger" />
380
													<input type="radio" id="culture-verger-radio" name="type-culture" value="verger" data-titre="verger" />
381
													Verger
381
													Verger
382
													<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
382
													<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
383
													</i>
383
													</i>
384
													<input type="text" id="culture-verger-input" name="type-culture-detail" placeholder='ex : "Pommier"' style="display: none;" />
384
													<input type="text" id="culture-verger-input" name="type-culture-details" placeholder="Ex : Pommier" style="display: none;" />
385
												</label>
385
												</label>
386
												<div class="popover-html-content" data-for="culture-verger-radio">
386
												<div class="popover-html-content" data-for="culture-verger-radio">
387
													<h5>Verger</h5>
387
													<h5>Verger</h5>
388
													Une description du champ de Verger<br/>
388
													Une description du champ de Verger<br/>
389
													...
389
													...
Line 392... Line 392...
392
												<label for="culture-aromatique-radio" class="radio culture pointer">
392
												<label for="culture-aromatique-radio" class="radio culture pointer">
393
													<input type="radio" id="culture-aromatique-radio" name="type-culture" value="aromatique" data-titre="plantes à parfum, aromatiques et médicinales" />
393
													<input type="radio" id="culture-aromatique-radio" name="type-culture" value="aromatique" data-titre="plantes à parfum, aromatiques et médicinales" />
394
													Plantes à parfum, aromatiques et médicinales
394
													Plantes à parfum, aromatiques et médicinales
395
													<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
395
													<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
396
													</i>
396
													</i>
397
													<input type="text" id="culture-aromatique-input" name="type-culture-detail" placeholder='ex : "Lavande"' style="display: none;" />
397
													<input type="text" id="culture-aromatique-input" name="type-culture-details" placeholder="Ex : Lavande" style="display: none;" />
398
												</label>
398
												</label>
399
												<div class="popover-html-content" data-for="culture-aromatique-radio">
399
												<div class="popover-html-content" data-for="culture-aromatique-radio">
400
													<h5>Plantes à parfum, aromatiques et médicinales</h5>
400
													<h5>Plantes à parfum, aromatiques et médicinales</h5>
401
													Une description du champ de Plantes à parfum, aromatiques et médicinales<br/>
401
													Une description du champ de Plantes à parfum, aromatiques et médicinales<br/>
402
													...
402
													...
403
												</div>
403
												</div>
404
												<!-- Autres -->										
404
												<!-- Autres -->										
405
												<label for="culture-autres-radio" class="radio culture pointer">
405
												<label for="culture-autres-radio" class="radio culture pointer">
406
													<input type="radio" id="culture-autres-radio" name="type-culture" value="autres" data-titre="autres" />
406
													<input type="radio" id="culture-autres-radio" name="type-culture" value="autres" data-titre="autres" />
407
													Autres
407
													Autres
408
													<input type="text" id="culture-autres-input" name="culture-autres" style="display: none;" />
408
													<input type="text" id="culture-autres-input" name="type-culture-details" style="display: none;" />
409
												</label>
409
												</label>
410
											</span>
410
											</span>
411
										</span>
411
										</span>
412
									</div>
412
									</div>
413
									<hr>
413
									<hr>
Line 420... Line 420...
420
											<form id="form-carte-recherche" class="form-search form-horizontal" action="#" >
420
											<form id="form-carte-recherche" class="form-search form-horizontal" action="#" >
421
												<div class="control-group">
421
												<div class="control-group">
422
													<label for="carte-recherche" class="pointer">Rechercher</label>
422
													<label for="carte-recherche" class="pointer">Rechercher</label>
423
													<input id="carte-recherche" class="search-query has-tooltip" type="text" value=""
423
													<input id="carte-recherche" class="search-query has-tooltip" type="text" value=""
424
														title="Permet de centrer la carte sur le lieu recherché."
424
														title="Permet de centrer la carte sur le lieu recherché."
425
														placeholder="Ex: France, Paris, Rue de Rivoli..."/>
425
														placeholder="Ex : France, Paris, Rue de Rivoli..."/>
426
												</div>
426
												</div>
427
											</form>
427
											</form>
428
										</div>
428
										</div>
429
									</div>
429
									</div>
430
									<div class="row-fluid">
430
									<div class="row-fluid">
Line 507... Line 507...
507
								<div class="row-fluid">
507
								<div class="row-fluid">
508
									<div class="span12">
508
									<div class="span12">
509
										<form id="form-obs" action="#" autocomplete="on">
509
										<form id="form-obs" action="#" autocomplete="on">
510
											<h2>Observation</h2>
510
											<h2>Observation</h2>
511
											<hr>
511
											<hr>
512
											<div class="row-fluid">
512
											<div class="row-fluid centre">
513
												<div id="taxon-liste-input-groupe" class="control-group">
513
												<div id="taxon-liste-input-groupe" class="control-group">
514
													<label for="taxon-liste">
514
													<label for="taxon-liste">
515
														<span class="has-tooltip pointer"
515
														<span class="has-tooltip pointer"
516
														title="Sélectionnez une espèce dans la liste déroulante par son nom latin
516
														title="Sélectionnez une espèce dans la liste déroulante par son nom latin
517
														ou commun. Si une espèce est absente, sélectionner «Autre espèce»." 
517
														ou commun. Si une espèce est absente, sélectionner «Autre espèce»." 
Line 552... Line 552...
552
														</optgroup>
552
														</optgroup>
553
														<option id="taxon-option-autre" value="?">Autre espèce</option>
553
														<option id="taxon-option-autre" value="?">Autre espèce</option>
554
													</select>
554
													</select>
555
												</div>
555
												</div>
556
											</div>
556
											</div>
557
											<div class="row-fluid">
557
											<div class="row-fluid centre">
558
												<div class="span12">
558
												<div class="span12">
559
													<div id="taxon-input-groupe" class="" hidden>
559
													<div id="taxon-input-groupe" class="" hidden>
560
														<label for="taxon" title="Choisissez une espèce">
560
														<label for="taxon" title="Choisissez une espèce">
561
															<span class="has-tooltip pointer" title="Sélectionnez une espèce dans la liste déroulante pour lier
561
															<span class="has-tooltip pointer" title="Sélectionnez une espèce dans la liste déroulante pour lier
562
															votre nom au référentiel selectionné. Si vous
562
															votre nom au référentiel selectionné. Si vous
Line 581... Line 581...
581
													<strong>Attention :</strong> cette espèce ne fait pas partie de la liste des messicoles du plan national d'action pour les messicoles. L'espèce que vous observez pourrait ne pas être une messicole.
581
													<strong>Attention :</strong> cette espèce ne fait pas partie de la liste des messicoles du plan national d'action pour les messicoles. L'espèce que vous observez pourrait ne pas être une messicole.
582
												</p>
582
												</p>
583
											</div>
583
											</div>
584
											<hr>
584
											<hr>
585
											<!-- Certitude -->
585
											<!-- Certitude -->
586
											<div class="row-fluid">
586
											<div class="row-fluid centre">
587
												<div class="span12">
587
												<div class="span12">
588
													<label for="identification-liste">
588
													<label for="identification-liste">
589
														<span class="has-tooltip pointer" 
589
														<span class="has-tooltip pointer" 
590
														title="Indiquez votre certitude vis-à-vis du nom d'espèce indiqué">
590
														title="Indiquez votre certitude vis-à-vis du nom d'espèce indiqué">
591
															<strong>Certitude</strong>
591
															<strong>Certitude</strong>
Line 604... Line 604...
604
													</select>
604
													</select>
605
												</div>
605
												</div>
606
											</div>
606
											</div>
607
											<hr>
607
											<hr>
608
											<!-- Abondance -->
608
											<!-- Abondance -->
609
											<div class="row-fluid">
609
											<div class="row-fluid centre">
610
												<div class="span12">
610
												<div class="span12">
611
													<label for="abondance-liste">
611
													<label for="abondance-liste">
612
														<span class="has-tooltip pointer" 
612
														<span class="has-tooltip pointer" 
613
														title="Indiquez le nombre d'individus observés, toutes zones du champ confondues">
613
														title="Indiquez le nombre d'individus observés, toutes zones du champ confondues">
614
															<strong class="obligatoire">*Abondance</strong>
614
															<strong class="obligatoire">*Abondance</strong>
Line 721... Line 721...
721
											<button id="ajouter-obs" class="btn btn-primary btn-large" type="button">
721
											<button id="ajouter-obs" class="btn btn-primary btn-large" type="button">
722
												Créer
722
												Créer
723
											</button>
723
											</button>
724
										</div>
724
										</div>
725
									</div>
725
									</div>
-
 
726
									<!-- Messages d'erreur du formulaire-->
-
 
727
									<div class="row-fluid">
-
 
728
										<div class="zone-alerte">
-
 
729
											<div id="dialogue-bloquer-creer-obs" class="alert alert-warning alert-block" style="display: none;">
-
 
730
												<a class="close">×</a>
-
 
731
												<h4 class="alert-heading">Information : 10 observations maximum</h4>
-
 
732
												<p>
-
 
733
													Vous venez d'ajouter votre 10ème observation.<br/>
-
 
734
													Pour en ajouter de nouvelles, il est nécessaire de les transmettre en cliquant sur le bouton ci-dessous.
-
 
735
												</p>
-
 
736
											</div>
-
 
737
										</div>
-
 
738
										<div class="zone-alerte">
-
 
739
											<div id="dialogue-form-invalide" class="alert alert-warning alert-block" style="display: none;">
-
 
740
												<a class="close">×</a>
-
 
741
												<h4 class="alert-heading">Information : champs en erreur</h4>
-
 
742
												<p>
-
 
743
													Certains champs du formulaire sont mal remplis.<br/>
-
 
744
													Veuillez vérifier vos données.
-
 
745
												</p>
-
 
746
											</div>
-
 
747
										</div>
-
 
748
									</div>
726
								</div>
749
								</div>
727
							</div>
750
							</div>
728
						</div>
751
						</div>
729
					</div>
752
					</div>
730
				</div>
753
				</div>
731
			</div>
754
			</div>
732
			<!-- Messages d'erreur du formulaire-->
-
 
733
			<div class="row">
-
 
734
				<div class="zone-alerte span6 offset3">
-
 
735
					<div id="dialogue-bloquer-creer-obs" class="alert alert-warning alert-block" style="display: none;">
-
 
736
						<a class="close">×</a>
-
 
737
						<h4 class="alert-heading">Information : 10 observations maximum</h4>
-
 
738
						<p>
-
 
739
							Vous venez d'ajouter votre 10ème observation.<br/>
-
 
740
							Pour en ajouter de nouvelles, il est nécessaire de les transmettre en cliquant sur le bouton ci-dessous.
-
 
741
						</p>
-
 
742
					</div>
-
 
743
				</div>
-
 
744
				<div class="zone-alerte span6 offset3">
-
 
745
					<div id="dialogue-form-invalide" class="alert alert-warning alert-block" style="display: none;">
-
 
746
						<a class="close">×</a>
-
 
747
						<h4 class="alert-heading">Information : champs en erreur</h4>
-
 
748
						<p>
-
 
749
							Certains champs du formulaire sont mal remplis.<br/>
-
 
750
							Veuillez vérifier vos données.
-
 
751
						</p>
-
 
752
					</div>
-
 
753
				</div>
-
 
754
			</div>
-
 
755
			<!-- Affiche le tableau récapitualif des observations ajoutées -->
755
			<!-- Affiche le tableau récapitualif des observations ajoutées -->
756
			<div id="zone-liste-obs" class="row-fluid">
756
			<div id="zone-liste-obs" class="row-fluid">
757
				<div class="span12">
757
				<div class="span12">
758
					<div class="well">
758
					<div class="well">
759
						<div class="row-fluid">
759
						<div class="row-fluid">