Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 1587 Rev 1608
Line 156... Line 156...
156
						</p>
156
						</p>
157
						<p>
157
						<p>
158
							Pour toute question, <a href="mailto:contact@florileges.info">contactez les animateurs du programme Florilèges</a>.
158
							Pour toute question, <a href="mailto:contact@florileges.info">contactez les animateurs du programme Florilèges</a>.
159
						</p>
159
						</p>
160
						<p class="discretion">
160
						<p class="discretion">
161
							Un aide intéractive est à votre disposition sur l'interface.
161
							Un aide interactive est à votre disposition sur l'interface.
162
							Une fois familiarisé, vous pouvez cliquer sur le bouton suivant pour la désactiver :
162
							Une fois familiarisé, vous pouvez cliquer sur le bouton suivant pour la désactiver :
163
							<button id="btn-aide" class="btn btn-mini btn-success">
163
							<button id="btn-aide" class="btn btn-mini btn-success">
164
								<span class="icon-question-sign icon-white"></span>
164
								<span class="icon-question-sign icon-white"></span>
165
								<span id="btn-aide-txt" >Désactiver l'aide</span>
165
								<span id="btn-aide-txt" >Désactiver l'aide</span>
166
							</button> 
166
							</button> 
Line 171... Line 171...
171
				<div class="span5">
171
				<div class="span5">
172
					<div class="well forcer-colonne">
172
					<div class="well forcer-colonne">
173
						<h2>Observateur</h2>
173
						<h2>Observateur</h2>
174
						<form id="form-observateur" action="#" class="" autocomplete="on">
174
						<form id="form-observateur" action="#" class="" autocomplete="on">
175
							<div class="row-fluid">
175
							<div class="row-fluid">
176
								<div class="span6 control-group" rel="tooltip" data-placement="bottom"
176
								<div class="span6 control-group has-tooltip" data-placement="bottom"
177
									title="Saisissez le courriel avec lequel vous être inscrit à Tela Botanica.
177
									title="Saisissez le courriel avec lequel vous être inscrit à Tela Botanica.
178
										Si vous n'êtes pas inscrit, ce n'est pas grave, vous pourrez le faire 
178
										Si vous n'êtes pas inscrit, ce n'est pas grave, vous pourrez le faire 
179
										ultérieurement. Des informations complémentaires vont vous être 
179
										ultérieurement. Des informations complémentaires vont vous être 
180
										demandées : prénom et nom.">
180
										demandées : prénom et nom.">
181
										<label class="control-label" for="courriel">
181
										<label class="control-label" for="courriel">
Line 191... Line 191...
191
												<input id="id_utilisateur" name="id_utilisateur" type="hidden"/>
191
												<input id="id_utilisateur" name="id_utilisateur" type="hidden"/>
192
											</div>
192
											</div>
193
										</div>
193
										</div>
Line 194... Line 194...
194
									
194
									
195
								</div>
195
								</div>
-
 
196
								<div id="zone-courriel-confirmation" class="span6 hidden control-group has-tooltip"
-
 
197
									data-placement="bottom" 
-
 
198
									title="Saisissez à nouveau votre courriel afin de le confirmer. Le 
196
								<div id="zone-courriel-confirmation" class="span6 hidden control-group">
199
										copier/coller est désactivé pour éviter les erreurs.">
197
									<label class="control-label" for="courriel_confirmation">
200
									<label class="control-label" for="courriel_confirmation">
198
										<strong class="obligatoire">*</strong>
201
										<strong class="obligatoire">*</strong>
199
										Courriel (confirmation)
202
										Courriel (confirmation)
200
									</label>
203
									</label>
Line 227... Line 230...
227
									</div>
230
									</div>
228
								</div>
231
								</div>
229
							</div>
232
							</div>
230
							<div id="zone-personne-complement" class="forcer-colonne">
233
							<div id="zone-personne-complement" class="forcer-colonne">
231
								<div class="row-fluid">
234
								<div class="row-fluid">
232
									<div class="span6 control-group">
235
									<div class="span6 control-group has-tooltip" 
-
 
236
										title="Précisez l'entreprise, l'association, l'école, ... au nom de 
-
 
237
										laquelle vous participez.">
233
										<label for="structure" class="control-label">
238
										<label for="structure" class="control-label">
234
											<strong class="obligatoire">*</strong>
239
											<strong class="obligatoire">*</strong>
235
											Structure
240
											Structure
236
										</label>
241
										</label>
237
										<div class="controls">
242
										<div class="controls">
238
											<input id="structure" name="personneStructure" class="span12 obs-chp-etendu" 
243
											<input id="structure" name="personneStructure" class="span12 obs-chp-etendu" 
239
												type="text" data-label="Structure de l'observateur"/>
244
												type="text" data-label="Structure de l'observateur"/>
240
										</div>
245
										</div>
241
									</div>
246
									</div>
242
									<div class="span6 control-group">
247
									<div class="span6 control-group has-tooltip" 
-
 
248
										title="Précisez le service de la structure au nom de laquelle vous participez.">
243
										<label for="service" class="control-label">
249
										<label for="service" class="control-label">
244
											<strong class="obligatoire">*</strong>
250
											<strong class="obligatoire">*</strong>
245
											Service
251
											Service
246
										</label>
252
										</label>
247
										<div class="controls">
253
										<div class="controls">
Line 249... Line 255...
249
												type="text" data-label="Service de l'observateur"/>
255
												type="text" data-label="Service de l'observateur"/>
250
										</div>
256
										</div>
251
									</div>
257
									</div>
252
								</div>
258
								</div>
253
								<div class="row-fluid">
259
								<div class="row-fluid">
-
 
260
									<div class="span12 has-tooltip" title="Indiquez l'intitulé de votre poste
254
									<div class="span12">
261
										ou votre mission principale.">
255
										<label for="fonction">
262
										<label for="fonction">
256
											Fonction
263
											Fonction
257
										</label>
264
										</label>
258
										<input id="fonction" name="personneFonction" class="span12 obs-chp-etendu" 
265
										<input id="fonction" name="personneFonction" class="span12 obs-chp-etendu" 
259
											type="text" data-label="Fonction de l'observateur"/>
266
											type="text" data-label="Fonction de l'observateur"/>
Line 302... Line 309...
302
										<div class="span12">
309
										<div class="span12">
303
											<h2>Site</h2>
310
											<h2>Site</h2>
304
										</div>
311
										</div>
305
									</div>
312
									</div>
306
									<div class="row-fluid">
313
									<div class="row-fluid">
307
										<div class="span12 control-group" rel="tooltip" 
314
										<div class="span12 control-group has-tooltip" 
308
											title="Nom du site." >
315
											title="Nom du site d'étude (quartier, rue, ...)." >
309
											<label for="station" class="control-label">
316
											<label for="station" class="control-label">
310
												<strong class="obligatoire">*</strong>
317
												<strong class="obligatoire">*</strong>
311
												Nom
318
												Nom
312
											</label>
319
											</label>
313
											<div class="controls">
320
											<div class="controls">
Line 334... Line 341...
334
													</div>
341
													</div>
335
												</div>
342
												</div>
336
												<div class="form-search form-horizontal">
343
												<div class="form-search form-horizontal">
337
													<div class="control-group">
344
													<div class="control-group">
338
														<input id="carte-recherche" 
345
														<input id="carte-recherche" 
339
															class="search-query span12 obs-chp-etendu"
346
															class="search-query span12 obs-chp-etendu has-tooltip"
340
															type="text"
347
															type="text"
341
															rel="tooltip"
-
 
342
															title="Permet de centrer la carte sur le lieu recherché. Il est nécessaire de sélectionner le lieu dans la liste déroulante."
348
															title="Permet de centrer la carte sur le lieu recherché. Il est nécessaire de sélectionner le lieu dans la liste déroulante."
343
															placeholder="Entrez un nom de ville, de lieu ou de rue..."
349
															placeholder="Entrez un nom de ville, de lieu ou de rue..."
344
															name="adresse"
350
															name="adresse"
345
															data-label="Adresse"
351
															data-label="Adresse"
346
															value=""/>
352
															value=""/>
Line 348... Line 354...
348
												</div>
354
												</div>
349
											</div>
355
											</div>
350
										</div>
356
										</div>
351
										<div class="row-fluid">
357
										<div class="row-fluid">
352
											<div class="span12">
358
											<div class="span12">
353
												<div id="map-canvas" rel="tooltip" 
359
												<div id="map-canvas" class="has-tooltip" 
354
													title="Vous pouvez cliquer sur la carte pour déplacer le marqueur
360
													title="Vous pouvez cliquer sur la carte pour déplacer le marqueur
355
														représentant votre station ou bien le glisser-déposer sur 
361
														représentant votre station ou bien le glisser-déposer sur 
356
														le lieu souhaité."></div>
362
														le lieu souhaité."></div>
357
											</div>
363
											</div>
358
										</div>
364
										</div>
Line 360... Line 366...
360
											<label for="coordonnees-geo" class="span6">
366
											<label for="coordonnees-geo" class="span6">
361
												<a class="afficher-coord btn">
367
												<a class="afficher-coord btn">
362
													<span class="afficher-coord-action">Afficher</span>
368
													<span class="afficher-coord-action">Afficher</span>
363
													<span class="afficher-coord-action" style="display:none;">Cacher</span>
369
													<span class="afficher-coord-action" style="display:none;">Cacher</span>
364
													coordonnées
370
													coordonnées
365
													<span id="lat-lon-info" class="info" 
371
													<span id="lat-lon-info" class="info has-tooltip" 
366
														rel="tooltip" 
-
 
367
														title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées">
372
														title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées">
368
														(WGS84)
373
														(WGS84)
369
													</span>
374
													</span>
370
												</a>
375
												</a>
371
											</label>
376
											</label>
372
											<div id="info-commune" class="span6">
377
											<div id="info-commune" class="span6">
373
												<span for="marqueur-commune">Commune : </span>
378
												<span for="marqueur-commune">Commune : </span>
374
												<span id="marqueur-commune">
379
												<span id="marqueur-commune">
375
													<span id="commune-nom" class="commune-info"></span>
380
													<span id="commune-nom" class="commune-info"></span>
376
													(<span id="commune-code-insee" class="commune-info" 
381
													(<span id="commune-code-insee" class="commune-info has-tooltip" 
377
														rel="tooltip" 
-
 
378
														title="Code INSEE de la commune"></span>)
382
														title="Code INSEE de la commune"></span>)
379
												</span>
383
												</span>
380
											</div>
384
											</div>
381
										</div>
385
										</div>
382
										<div id="coordonnees-geo" class="row-fluid" style="display:none;">
386
										<div id="coordonnees-geo" class="row-fluid" style="display:none;">
Line 398... Line 402...
398
													<div class="controls">
402
													<div class="controls">
399
														<input id="longitude" class="input-mini" name="longitude" type="text" value=""/>
403
														<input id="longitude" class="input-mini" name="longitude" type="text" value=""/>
400
													</div>
404
													</div>
401
												</div>
405
												</div>
402
												<div class="span4">
406
												<div class="span4">
403
													<button id="geolocaliser" class="btn"
407
													<button id="geolocaliser" class="btn has-tooltip"
404
														rel="tooltip"
-
 
405
														title="Centre la carte sur les coordonnées de latitude et longitude saisies.">
408
														title="Centre la carte sur les coordonnées de latitude et longitude saisies.">
406
														Voir sur la carte
409
														Voir sur la carte
407
													</button>
410
													</button>
408
												</div>
411
												</div>
409
											</div>
412
											</div>
Line 415... Line 418...
415
										<div class="span12">
418
										<div class="span12">
416
											<h2>Typologie du site</h2>
419
											<h2>Typologie du site</h2>
417
										</div>
420
										</div>
418
									</div>
421
									</div>
419
									<div class="row-fluid">
422
									<div class="row-fluid">
420
										<div class="span12 control-group" rel="tooltip" 
423
										<div class="span12 control-group has-tooltip" 
421
											title="Typologie du site. Vous pouvez en cliquant dans la zone de saisie puis en appuyant sur la touche «flêche bas», ouvrir la liste des choix disponibles." >
424
											title="Précisez la typologie du site." >
422
											<label for="typo-urbaine" class="control-label">
425
											<label for="typo-urbaine" class="control-label">
423
												<strong class="obligatoire">*</strong>
426
												<strong class="obligatoire">*</strong>
424
												Typologie
427
												Typologie
425
											</label>
428
											</label>
426
											<div class="controls">
429
											<div class="controls">
Line 435... Line 438...
435
												</select>
438
												</select>
436
											</div>
439
											</div>
437
										</div>
440
										</div>
438
									</div>
441
									</div>
439
									<div class="row-fluid">
442
									<div class="row-fluid">
440
										<div class="span12 control-group" rel="tooltip" 
443
										<div class="span12 control-group has-tooltip" 
441
											title="Type de revêtement de sol." >
444
											title="Indiquez le type de revêtement au sol." >
442
											<label for="revetement-sol" class="control-label">
445
											<label for="revetement-sol" class="control-label">
443
												<strong class="obligatoire">*</strong>
446
												<strong class="obligatoire">*</strong>
444
												Revêtement de sol
447
												Revêtement de sol
445
											</label>
448
											</label>
446
											<div class="controls">
449
											<div class="controls">
Line 455... Line 458...
455
												</select>
458
												</select>
456
											</div>
459
											</div>
457
										</div>
460
										</div>
458
									</div>
461
									</div>
459
									<div class="row-fluid">
462
									<div class="row-fluid">
460
										<div class="span12" rel="tooltip" 
463
										<div class="span12 has-tooltip" 
461
											title="Présence de zones végétalisés autour du site (haie, aménagement paysager, parcs et jardins, ...)." >
464
											title="Évaluez la densité de zones végétalisés autour du site (haie, aménagement paysager, parcs et jardins, ...)." >
462
											<label>
465
											<label>
463
												Présence de zones végétalisés
466
												Présence de zones végétalisés
464
												<select id="presence-zone-vegetalise" class="obs-chp-etendu slider" 
467
												<select id="presence-zone-vegetalise" class="obs-chp-etendu slider" 
465
													name="presenceZoneVegetalise" data-label="Présence de zones végétalisés">
468
													name="presenceZoneVegetalise" data-label="Présence de zones végétalisés">
466
													<option selected value=""></option>
469
													<option selected value=""></option>
Line 471... Line 474...
471
												</select>
474
												</select>
472
											</label>
475
											</label>
473
										</div>
476
										</div>
474
									</div>
477
									</div>
475
									<div class="row-fluid">
478
									<div class="row-fluid">
476
										<div class="span12" rel="tooltip" 
479
										<div class="span12 has-tooltip" 
477
											title="Hauteur des bâtiments avoisinants (en étages)." >
480
											title="Indiquez la hauteur des bâtiments avoisinants (en étages)." >
478
											<label>
481
											<label>
479
												Hauteur des bâtiments
482
												Hauteur des bâtiments
480
												<select id="hauteur-batiment-avoisinant" class="obs-chp-etendu slider" 
483
												<select id="hauteur-batiment-avoisinant" class="obs-chp-etendu slider" 
481
													name="hauteurBatimentAvoisinant" data-label="Hauteur des bâtiments">
484
													name="hauteurBatimentAvoisinant" data-label="Hauteur des bâtiments">
482
													<option selected value=""></option>
485
													<option selected value=""></option>
Line 496... Line 499...
496
										<div class="span12">
499
										<div class="span12">
497
											<h2>Itinéraire technique</h2>
500
											<h2>Itinéraire technique</h2>
498
										</div>
501
										</div>
499
									</div>
502
									</div>
500
									<div class="row-fluid">
503
									<div class="row-fluid">
501
										<div class="span12 control-group" rel="tooltip" 
504
										<div class="span12 control-group has-tooltip" 
502
											title="Intensité de gestion." >
505
											title="Évaluer l'intensité de gestion du site." >
503
											<label for="intensite-gestion" class="control-label">
506
											<label for="intensite-gestion" class="control-label">
504
												<strong class="obligatoire">*</strong>
507
												<strong class="obligatoire">*</strong>
505
												Intensité de gestion
508
												Intensité de gestion
506
											</label>
509
											</label>
507
											<div class="controls">
510
											<div class="controls">
Line 516... Line 519...
516
										</div>
519
										</div>
517
									</div>
520
									</div>
518
									<div class="row-fluid">
521
									<div class="row-fluid">
519
										<div class="span12">
522
										<div class="span12">
520
											<div class="row-fluid">
523
											<div class="row-fluid">
521
												<div class="span12 control-group" rel="tooltip" 
524
												<div class="span12 control-group has-tooltip" 
522
													title="Utilisation de produits phytosanitaires sur le site." >
525
													title="Évaluez la fréquence d'utilisation de produits phytosanitaires sur le site." >
523
													<label for="periodicite-traitement-phyto" class="control-label">
526
													<label for="periodicite-traitement-phyto" class="control-label">
524
														<strong class="obligatoire">*</strong>
527
														<strong class="obligatoire">*</strong>
525
														Utilisation de produits phytosanitaires
528
														Utilisation de produits phytosanitaires
526
													</label>
529
													</label>
527
													<div class="controls">
530
													<div class="controls">
Line 537... Line 540...
537
														</select>
540
														</select>
538
													</div>
541
													</div>
539
												</div>
542
												</div>
540
											</div>
543
											</div>
541
											<div id="datp-zone" class="row-fluid hidden">
544
											<div id="datp-zone" class="row-fluid hidden">
542
												<div class="span12" rel="tooltip" 
545
												<div class="span12 has-tooltip" 
543
														title="Date approximative de l'arrêt des traitements. 
546
														title="Indiquez la date approximative de l'arrêt des traitements. 
544
														Vous pouvez cliquer sur l'icône de calendrier pour 
547
														Vous pouvez cliquer sur l'icône de calendrier pour 
545
														sélectionner une date dans un calendrier.">
548
														sélectionner une date dans un calendrier.">
546
													<label title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
549
													<label title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
547
														Date d'arrêt des traitements
550
														Date d'arrêt des traitements
548
														<div class="input-prepend">
551
														<div class="input-prepend">
Line 556... Line 559...
556
												</div>
559
												</div>
557
											</div>
560
											</div>
558
										</div>
561
										</div>
559
									</div>
562
									</div>
560
									<div class="row-fluid">
563
									<div class="row-fluid">
561
										<div class="span12 control-group" rel="tooltip" 
564
										<div class="span12 control-group has-tooltip" 
562
											title="Description de l'itinéraire de gestion (type de traitement, 
565
											title="Description de l'itinéraire de gestion (type de traitement, 
563
											matériel utilisé, fréquence de passage, ...)." >
566
											matériel utilisé, fréquence de passage, ...)." >
564
											<label for="itineraire-gestion" class="control-label">
567
											<label for="itineraire-gestion" class="control-label">
565
												<strong class="obligatoire">*</strong>
568
												<strong class="obligatoire">*</strong>
566
												Description de l'itinéraire de gestion
569
												Description de l'itinéraire de gestion
Line 584... Line 587...
584
						<div class="span3">
587
						<div class="span3">
585
							<h2 id="obs-titre">Observations</h2>
588
							<h2 id="obs-titre">Observations</h2>
586
						</div>
589
						</div>
587
						<div class="span9">
590
						<div class="span9">
588
							<form id="form-date" class="form-inline">
591
							<form id="form-date" class="form-inline">
589
								<div class="span5 control-group" rel="tooltip" 
592
								<div class="span5 control-group has-tooltip" 
590
									title="Vous pouvez cliquer sur l'icône de calendrier pour 
593
									title="Vous pouvez cliquer sur l'icône de calendrier pour 
591
									sélectionner une date dans un calendrier. La date doit être au format : 
594
									sélectionner une date dans un calendrier. La date doit être au format : 
592
									jj/mm/aaaa">
595
									jj/mm/aaaa">
593
									<label class="control-label">
596
									<label class="control-label">
594
										<strong class="obligatoire">*</strong>
597
										<strong class="obligatoire">*</strong>
Line 598... Line 601...
598
											<input id="date" class="input-small" name="date" type="text" 
601
											<input id="date" class="input-small" name="date" type="text" 
599
												placeholder="jj/mm/aaaa" />
602
												placeholder="jj/mm/aaaa" />
600
										</div>
603
										</div>
601
									</label>
604
									</label>
602
								</div>
605
								</div>
603
								<div class="span7 control-group" rel="tooltip" 
606
								<div class="span7 control-group has-tooltip" 
604
									title="Date approximative de la dernière intervention." >
607
									title="Date approximative de la dernière intervention." >
605
									<label class="span12 control-label">
608
									<label class="span12 control-label">
606
										<strong class="obligatoire">*</strong>
609
										<strong class="obligatoire">*</strong>
607
										Dernière intervention
610
										Dernière intervention
608
										<select id="date-derniere-intervention" class="span8 obs-chp-etendu" 
611
										<select id="date-derniere-intervention" class="span8 obs-chp-etendu" 
Line 626... Line 629...
626
						<div class="row-fluid">
629
						<div class="row-fluid">
627
							<div class="span6">
630
							<div class="span6">
628
								<div class="well">
631
								<div class="well">
629
									<div class="row-fluid">
632
									<div class="row-fluid">
630
										<div class="span12">
633
										<div class="span12">
631
											<div id="taxon-liste-input-groupe" class="control-group" rel="tooltip"
634
											<div id="taxon-liste-input-groupe" class="control-group has-tooltip"
632
												title="Sélectionnez une espèce dans la liste déroulante par son nom latin 
635
												title="Sélectionnez une espèce dans la liste déroulante par son nom latin 
633
												ou commun. Si une espèce est abscente, sélectionner «Autre espèce»." >
636
												ou commun. Si une espèce est absente, sélectionner «Autre espèce»." >
634
												<label class="control-label" for="taxon-liste" title="Choisissez l'espèce rencontrée.">
637
												<label class="control-label" for="taxon-liste" title="Choisissez l'espèce rencontrée.">
635
													<strong class="obligatoire">*</strong> 
638
													<strong class="obligatoire">*</strong> 
636
													Espèces les plus communes
639
													Espèces les plus communes
637
												</label>
640
												</label>
638
												<div class="controls">
641
												<div class="controls">
Line 658... Line 661...
658
											</div>
661
											</div>
659
										</div>
662
										</div>
660
									</div>
663
									</div>
661
									<div id="taxon-input-groupe" class="row-fluid hidden">
664
									<div id="taxon-input-groupe" class="row-fluid hidden">
662
										<div class="span12">
665
										<div class="span12">
663
											<div class="control-group" rel="tooltip" 
666
											<div class="control-group has-tooltip" 
664
												title="Sélectionnez une espèce dans la liste déroulante pour lier 
667
												title="Sélectionnez une espèce dans la liste déroulante pour lier 
665
													votre nom au référentiel. Si vous le désirez vous pouvez aussi saisir 
668
													votre nom au référentiel. Si vous le désirez vous pouvez aussi saisir 
666
													un nom absent du référentiel (Ex. : 'fleur violette' ou 'viola sinensis???')." >
669
													un nom absent du référentiel (Ex. : 'fleur violette' ou 'Viola sp.1')." >
667
												<label for="taxon" class="control-label" title="Choisissez l'espèce rencontrée.">
670
												<label for="taxon" class="control-label" title="Choisissez l'espèce rencontrée.">
668
													Autre espèce
671
													Autre espèce
669
												</label>
672
												</label>
670
												<div class="controls">
673
												<div class="controls">
671
													<input id="taxon" name="taxon" type="text" class="span12"
674
													<input id="taxon" name="taxon" type="text" class="span12"
Line 674... Line 677...
674
												</div>
677
												</div>
675
											</div>
678
											</div>
676
										</div>
679
										</div>
677
									</div>
680
									</div>
678
									<div class="row-fluid">
681
									<div class="row-fluid">
679
										<div class="span12 control-group" rel="tooltip" 
682
										<div class="span12 control-group has-tooltip" 
680
											title="Sélectionner un ou plusieurs milieux dans lesquels l'espèce est présente sur le site.">
683
											title="Sélectionnez un ou plusieurs milieux dans lesquels l'espèce est présente sur le site.">
681
											<label class="span2 control-label">
684
											<label class="span2 control-label">
682
												<strong class="obligatoire">*</strong>
685
												<strong class="obligatoire">*</strong>
683
												Milieux
686
												Milieux
684
											</label>
687
											</label>
685
											<div id="milieux-controls" class="controls">
688
											<div id="milieux-controls" class="controls">
Line 739... Line 742...
739
											</div>
742
											</div>
740
										</div>
743
										</div>
741
									</div>
744
									</div>
Line 742... Line 745...
742
									
745
									
743
									<div class="row-fluid">
746
									<div class="row-fluid">
744
										<div class="span12 control-group" rel="tooltip" 
747
										<div class="span12 control-group has-tooltip"
745
											title="Hauteur maximum en centimètre de la plante sur le site.">
748
											title="Indiquez la hauteur maximum en centimètre de la plante sur le site.">
746
											<label class="control-label">
749
											<label class="control-label">
747
												<strong class="obligatoire">*</strong>
750
												<strong class="obligatoire">*</strong>
748
												Hauteur max. (en cm) de la plante 
751
												Hauteur max. (en cm) de la plante 
749
												<input id="hauteur-plante" class="span2 obs-chp-etendu" 
752
												<input id="hauteur-plante" class="span2 obs-chp-etendu" 
Line 766... Line 769...
766
								</div>
769
								</div>
767
							</div>
770
							</div>
768
							<div class="span6">
771
							<div class="span6">
769
								<div class="well">
772
								<div class="well">
770
									<div class="row-fluid">
773
									<div class="row-fluid">
771
										<div class="span12 control-group" rel="tooltip" 
774
										<div class="span12 control-group has-tooltip" 
772
											title="Résistance/Résilience face aux traitements utilisés." >
775
											title="Évaluez la résistance/résilience de l'espèce face aux traitements utilisés sur ce site." >
773
											<label class="control-label">
776
											<label class="control-label">
774
												<strong class="obligatoire">*</strong>
777
												<strong class="obligatoire">*</strong>
775
												Résistance/Résilience
778
												Résistance/Résilience
776
											</label>
779
											</label>
777
											<div class="controls">
780
											<div class="controls">
Line 789... Line 792...
789
											</div>
792
											</div>
790
										</div>
793
										</div>
791
									</div>
794
									</div>
Line 792... Line 795...
792
									
795
									
793
									<div class="row-fluid">
796
									<div class="row-fluid">
794
										<div class="span12" rel="tooltip" 
797
										<div class="span12 has-tooltip" 
795
											title="Vitesse de croissance sur site." >
798
											title="Évaluez la vitesse de croissance de l'espèce sur ce site." >
796
											<label>
799
											<label>
797
												Croissance
800
												Croissance
798
												<select id="vitesse-croissance" 
801
												<select id="vitesse-croissance" 
799
													class="obs-chp-etendu slider" 
802
													class="obs-chp-etendu slider" 
Line 810... Line 813...
810
										</div>
813
										</div>
811
									</div>
814
									</div>
812
								</div>
815
								</div>
813
								<div class="well">
816
								<div class="well">
814
									<div class="row-fluid">
817
									<div class="row-fluid">
815
										<div class="span12" rel="tooltip" 
818
										<div class="span12 has-tooltip" 
816
											title="Perception globale de l'espèce par l'équipe technique.">
819
											title="Perception globale de l'espèce par l'équipe technique.">
817
											<label class="span4">
820
											<label class="span4">
818
												Perceptions par l'équipe
821
												Perceptions par l'équipe
819
											</label>
822
											</label>
820
											<div class="input-prepend">
823
											<div class="input-prepend">
Line 860... Line 863...
860
											</div>
863
											</div>
861
										</div>
864
										</div>
862
									</div>
865
									</div>
Line 863... Line 866...
863
									
866
									
864
									<div class="row-fluid">
867
									<div class="row-fluid">
865
										<div class="span12" rel="tooltip" 
868
										<div class="span12 has-tooltip" 
866
											title="Mauvaise perception de la plante par les riverains." >
869
											title="Évaluez la mauvaise perception des riverains vis à vis de cette espèce." >
867
											<label>
870
											<label>
868
												Mauvaise perception par les riverains ?
871
												Mauvaise perception par les riverains ?
869
												<select id="perception-riverain-mauvaise" class="obs-chp-etendu" 
872
												<select id="perception-riverain-mauvaise" class="obs-chp-etendu" 
870
													name="perceptionRiverainMauvaise" data-label="Mauvaise perception par les riverains ?">
873
													name="perceptionRiverainMauvaise" data-label="Mauvaise perception par les riverains ?">
Line 882... Line 885...
882
						
885
						
883
					<form id="form-upload" class="form-horizontal" action="<?=$url_base?>saisie?projet=sauvages&amp;service=upload-image" 
886
					<form id="form-upload" class="form-horizontal" action="<?=$url_base?>saisie?projet=sauvages&amp;service=upload-image" 
884
						method="post" enctype="multipart/form-data">
887
						method="post" enctype="multipart/form-data">
885
						<div class="row-fluid">
888
						<div class="row-fluid">
886
							<div class="span12 well">
889
							<div class="span12 well">
887
								<strong>Ajouter des images</strong> 
890
								<strong>Ajoutez des images</strong> 
888
								<p class="miniature-info" class="discretion help-inline">Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacunes.</p>
891
								<p class="miniature-info" class="discretion help-inline">Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacunes.</p>
889
								<div id ="photos-conteneur">
892
								<div id ="photos-conteneur">
890
									<input type="file" id="fichier" name="fichier" accept="image/jpeg" />
893
									<input type="file" id="fichier" name="fichier" accept="image/jpeg" />
891
									<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>	
894
									<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>	
Line 894... Line 897...
894
								</div>
897
								</div>
895
							</div>
898
							</div>
896
						</div>
899
						</div>
897
					</form>
900
					</form>
898
					<div class="row-fluid">
901
					<div class="row-fluid">
899
						<div class="span12 centre" rel="tooltip" 
902
						<div class="span12 centre has-tooltip" 
900
							title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour 
903
							title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour 
901
								ajouter votre observation à la liste à transmettre.">
904
								ajouter votre observation à la liste à transmettre.">
902
							<button id="ajouter-obs" class="btn btn-primary btn-large" type="button">
905
							<button id="ajouter-obs" class="btn btn-primary btn-large" type="button">
903
								Créer
906
								Créer
904
							</button>
907
							</button>
Line 949... Line 952...
949
						<div class="row-fluid">
952
						<div class="row-fluid">
950
							<div class="span8">
953
							<div class="span8">
951
								<h2>Observations à transmettre : <span class="obs-nbre">0</span></h2>
954
								<h2>Observations à transmettre : <span class="obs-nbre">0</span></h2>
952
							</div>
955
							</div>
953
							<div class="span4 droite">
956
							<div class="span4 droite">
954
								<button id="transmettre-obs" class="btn btn-primary btn-large" 
957
								<button id="transmettre-obs" class="btn btn-primary btn-large has-tooltip" 
955
									type="button" disabled="disabled" rel="tooltip"
958
									type="button" disabled="disabled"
956
									title="Ajoute les observations ci-dessous à votre Carnet en Ligne et les rend publiques.">										
959
									title="Ajoute les observations ci-dessous à votre Carnet en Ligne et les rend publiques.">										
957
									Transmettre
960
									Transmettre
958
								</button>
961
								</button>
959
							</div>
962
							</div>
960
						</div>
963
						</div>