Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 1564 Rev 1567
Line 227... Line 227...
227
										<label for="structure" class="control-label">
227
										<label for="structure" class="control-label">
228
											<strong class="obligatoire">*</strong>
228
											<strong class="obligatoire">*</strong>
229
											Structure
229
											Structure
230
										</label>
230
										</label>
231
										<div class="controls">
231
										<div class="controls">
232
											<input id="structure" name="personneStructure" class="span12 " type="text"/>
232
											<input id="structure" name="personneStructure" class="span12 obs-chp-etendu" 
-
 
233
												type="text" data-label="Structure de l'observateur"/>
233
										</div>
234
										</div>
234
									</div>
235
									</div>
235
									<div class="span6 control-group">
236
									<div class="span6 control-group">
236
										<label for="service" class="control-label">
237
										<label for="service" class="control-label">
237
											<strong class="obligatoire">*</strong>
238
											<strong class="obligatoire">*</strong>
238
											Service
239
											Service
239
										</label>
240
										</label>
240
										<div class="controls">
241
										<div class="controls">
241
											<input id="service" name="personneService" class="span12" type="text"/>
242
											<input id="service" name="personneService" class="span12 obs-chp-etendu" 
-
 
243
												type="text" data-label="Service de l'observateur"/>
242
										</div>
244
										</div>
243
									</div>
245
									</div>
244
								</div>
246
								</div>
245
								<div class="row-fluid">
247
								<div class="row-fluid">
246
									<div class="span12">
248
									<div class="span12">
247
										<label for="fonction">
249
										<label for="fonction">
248
											Fonction
250
											Fonction
249
										</label>
251
										</label>
250
										<input id="fonction" name="personneFonction" class="span12" type="text"/>
252
										<input id="fonction" name="personneFonction" class="span12 obs-chp-etendu" 
-
 
253
											type="text" data-label="Fonction de l'observateur"/>
251
									</div>
254
									</div>
252
								</div>
255
								</div>
253
							</div>
256
							</div>
254
						</form>
257
						</form>
255
					</div>
258
					</div>
Line 393... Line 396...
393
											<label for="typo-urbaine" class="control-label">
396
											<label for="typo-urbaine" class="control-label">
394
												<strong class="obligatoire">*</strong>
397
												<strong class="obligatoire">*</strong>
395
												Typologie
398
												Typologie
396
											</label>
399
											</label>
397
											<div class="controls">
400
											<div class="controls">
398
												<select id="typo-urbaine" class="span12" name="typoUrbaine">
401
												<select id="typo-urbaine" class="span12 obs-chp-etendu" name="typoUrbaine"
-
 
402
													data-label="Typologie">
399
													<option selected value="">Sélectionnez une typologie</option>
403
													<option selected value="">Sélectionnez une typologie</option>
400
													<option>centre ville</option>
404
													<option>centre ville</option>
401
													<option>faubourg</option>
405
													<option>faubourg</option>
402
													<option>quartier résidentiel</option>
406
													<option>quartier résidentiel</option>
403
													<option>zone commerciale</option>
407
													<option>zone commerciale</option>
Line 412... Line 416...
412
											<label for="revetement-sol" class="control-label">
416
											<label for="revetement-sol" class="control-label">
413
												<strong class="obligatoire">*</strong>
417
												<strong class="obligatoire">*</strong>
414
												Revêtement de sol
418
												Revêtement de sol
415
											</label>
419
											</label>
416
											<div class="controls">
420
											<div class="controls">
417
												<select id="revetement-sol" class="span12" name="revetementSol">
421
												<select id="revetement-sol" class="span12 obs-chp-etendu" name="revetementSol"
-
 
422
													data-label="Revêtement de sol">
418
													<option selected value="">Sélectionnez un revêtement de sol</option>
423
													<option selected value="">Sélectionnez un revêtement de sol</option>
419
													<option>asphalte et enrobés</option>
424
													<option>asphalte et enrobés</option>
420
													<option>pavés</option>
425
													<option>pavés</option>
421
													<option>stabilisés, aires sablées</option>
426
													<option>stabilisés, aires sablées</option>
422
													<option>graviers</option>
427
													<option>graviers</option>
Line 428... Line 433...
428
									<div class="row-fluid">
433
									<div class="row-fluid">
429
										<div class="span12" rel="tooltip" 
434
										<div class="span12" rel="tooltip" 
430
											title="Présence de zones végétalisés autour du site (haie, aménagement paysager, parcs et jardins, ...)." >
435
											title="Présence de zones végétalisés autour du site (haie, aménagement paysager, parcs et jardins, ...)." >
431
											<label>
436
											<label>
432
												Présence de zones végétalisés
437
												Présence de zones végétalisés
433
												<select id="presence-zone-vegetalise">
438
												<select id="presence-zone-vegetalise" class="obs-chp-etendu" 
-
 
439
													name="presenceZoneVegetalise" data-label="Présence de zones végétalisés">
434
													<option selected value=""></option>
440
													<option selected value=""></option>
435
													<option>nulle</option>
441
													<option>nulle</option>
436
													<option>faible</option>
442
													<option>faible</option>
437
													<option>moyenne</option>
443
													<option>moyenne</option>
438
													<option>importante</option>
444
													<option>importante</option>
Line 443... Line 449...
443
									<div class="row-fluid">
449
									<div class="row-fluid">
444
										<div class="span12" rel="tooltip" 
450
										<div class="span12" rel="tooltip" 
445
											title="Hauteur des bâtiments avoisinants (en étages)." >
451
											title="Hauteur des bâtiments avoisinants (en étages)." >
446
											<label>
452
											<label>
447
												Hauteur des bâtiments
453
												Hauteur des bâtiments
448
												<select id="hauteur-batiment-avoisinant">
454
												<select id="hauteur-batiment-avoisinant" class="obs-chp-etendu" 
-
 
455
													name="hauteurBatimentAvoisinant" data-label="Hauteur des bâtiments">
449
													<option selected value=""></option>
456
													<option selected value=""></option>
450
													<option>0</option>
457
													<option>0</option>
451
													<option>1</option>
458
													<option>1</option>
452
													<option>2</option>
459
													<option>2</option>
453
													<option>3</option>
460
													<option>3</option>
Line 470... Line 477...
470
											<label for="intensite-gestion" class="control-label">
477
											<label for="intensite-gestion" class="control-label">
471
												<strong class="obligatoire">*</strong>
478
												<strong class="obligatoire">*</strong>
472
												Intensité de gestion
479
												Intensité de gestion
473
											</label>
480
											</label>
474
											<div class="controls">
481
											<div class="controls">
475
												<select id="intensite-gestion" name="intensiteGestion" class="span12">
482
												<select id="intensite-gestion" class="span12 obs-chp-etendu" 
-
 
483
													name="intensiteGestion" data-label="Intensité de gestion">
476
													<option selected value="">Sélectionnez l'intensité</option>
484
													<option selected value="">Sélectionnez l'intensité</option>
477
													<option>extensive</option>
485
													<option>extensive</option>
478
													<option>intermédiaire</option>
486
													<option>intermédiaire</option>
479
													<option>intensive</option>
487
													<option>intensive</option>
480
												</select>
488
												</select>
Line 489... Line 497...
489
													<label for="periodicite-traitement-phyto" class="control-label">
497
													<label for="periodicite-traitement-phyto" class="control-label">
490
														<strong class="obligatoire">*</strong>
498
														<strong class="obligatoire">*</strong>
491
														Utilisation de produits phytosanitaires
499
														Utilisation de produits phytosanitaires
492
													</label>
500
													</label>
493
													<div class="controls">
501
													<div class="controls">
494
														<select id="periodicite-traitement-phyto" name="periodiciteTraitementPhyto">
502
														<select id="periodicite-traitement-phyto" class="obs-chp-etendu" 
-
 
503
															name="periodiciteTraitementPhyto"
-
 
504
															data-label="Utilisation de produits phytosanitaires">
495
															<option selected value=""></option>
505
															<option selected value=""></option>
496
															<option value="régulière">régulière</option>
506
															<option value="régulière">régulière</option>
497
															<option value="occasionnelle">occasionnelle</option>
507
															<option value="occasionnelle">occasionnelle</option>
498
															<option value="rare">rare</option>
508
															<option value="rare">rare</option>
499
															<option value="jamais">jamais</option>
509
															<option value="jamais">jamais</option>
Line 508... Line 518...
508
														sélectionner une date dans un calendrier.">
518
														sélectionner une date dans un calendrier.">
509
													<label title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
519
													<label title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
510
														Date d'arrêt des traitements
520
														Date d'arrêt des traitements
511
														<div class="input-prepend">
521
														<div class="input-prepend">
512
															<span id="date-arret-traitement-phyto-icone" class="add-on"></span>
522
															<span id="date-arret-traitement-phyto-icone" class="add-on"></span>
513
															<input id="date-arret-traitement-phyto" class="input-small" 
523
															<input id="date-arret-traitement-phyto" class="input-small obs-chp-etendu" 
514
																name="date-arret-traitement-phyto" type="text"
524
																name="dateArretTraitementPhyto" type="text"
515
																placeholder="jj/mm/aaaa" />
525
																placeholder="jj/mm/aaaa" 
-
 
526
																data-label="Date d'arrêt des traitements"/>
516
														</div>
527
														</div>
517
													</label>
528
													</label>
518
												</div>
529
												</div>
519
											</div>
530
											</div>
520
										</div>
531
										</div>
521
									</div>
532
									</div>
522
									<div class="row-fluid">
533
									<div class="row-fluid">
523
										<div class="span12 control-group" rel="tooltip" 
534
										<div class="span12 control-group" rel="tooltip" 
524
											title="Description de l'itinéraire de gestion (type de traitement, matériel utilisé, fréquence de passage, ...)." >
535
											title="Description de l'itinéraire de gestion (type de traitement, 
-
 
536
											matériel utilisé, fréquence de passage, ...)." >
525
											<label for="itineraire-gestion" class="control-label">
537
											<label for="itineraire-gestion" class="control-label">
526
												<strong class="obligatoire">*</strong>
538
												<strong class="obligatoire">*</strong>
527
												Description de l'itinéraire de gestion
539
												Description de l'itinéraire de gestion
528
											</label>
540
											</label>
529
											<div class="controls">
541
											<div class="controls">
530
												<textarea id="itineraire-gestion" class="span12" rows="7" name="itineraireGestion"></textarea>
542
												<textarea id="itineraire-gestion" class="span12 obs-chp-etendu" 
-
 
543
													rows="7" name="itineraireGestion" 
-
 
544
													data-label="Description de l'itinéraire de gestion"></textarea>
531
											</div>
545
											</div>
532
										</div>
546
										</div>
533
									</div>
547
									</div>
534
								</div>
548
								</div>
535
							</div>
549
							</div>
Line 562... Line 576...
562
								<div class="span7 control-group" rel="tooltip" 
576
								<div class="span7 control-group" rel="tooltip" 
563
									title="Date approximative de la dernière intervention." >
577
									title="Date approximative de la dernière intervention." >
564
									<label class="span12 control-label">
578
									<label class="span12 control-label">
565
										<strong class="obligatoire">*</strong>
579
										<strong class="obligatoire">*</strong>
566
										Dernière intervention
580
										Dernière intervention
567
										<select id="date-derniere-intervention" class="span8" name="dateDerniereIntervention">
581
										<select id="date-derniere-intervention" class="span8 obs-chp-etendu" 
-
 
582
											name="dateDerniereIntervention" data-label="Dernière intervention">
568
											<option selected value="">Sélectionnez la date d'intervention</option>
583
											<option selected value="">Sélectionnez la date d'intervention</option>
569
											<option value="inconnue">ne sais pas</option>
584
											<option value="inconnue">ne sais pas</option>
570
											<option>plus de 3 ans</option>
585
											<option>plus de 3 ans</option>
571
											<option>entre 1 et 3 ans</option>
586
											<option>entre 1 et 3 ans</option>
572
											<option>moins d'1 an</option>
587
											<option>moins d'1 an</option>
Line 700... Line 715...
700
								<div class="row-fluid">
715
								<div class="row-fluid">
701
									<div class="span12 control-group" rel="tooltip" 
716
									<div class="span12 control-group" rel="tooltip" 
702
										title="Hauteur maximum en centimètre de la plante sur le site.">
717
										title="Hauteur maximum en centimètre de la plante sur le site.">
703
										<label class="control-label">
718
										<label class="control-label">
704
											<strong class="obligatoire">*</strong>
719
											<strong class="obligatoire">*</strong>
705
											Hauteux max. (en cm) de la plante 
720
											Hauteur max. (en cm) de la plante 
706
											<input id="hauteur-plante" class="span2" name="hauteurPlante" 
721
											<input id="hauteur-plante" class="span2 obs-chp-etendu" 
-
 
722
												name="hauteurPlante" 
707
												type="number" min="0" step="5" />
723
												type="number" min="0" step="5" 
-
 
724
												data-label="Hauteur max. (en cm) de la plante"/>
708
										</label>
725
										</label>
709
									</div>
726
									</div>
710
								</div>
727
								</div>
Line 711... Line 728...
711
								
728
								
Line 727... Line 744...
727
											<label class="control-label">
744
											<label class="control-label">
728
												<strong class="obligatoire">*</strong>
745
												<strong class="obligatoire">*</strong>
729
												Résistance/Résilience
746
												Résistance/Résilience
730
											</label>
747
											</label>
731
											<div class="controls">
748
											<div class="controls">
732
												<select id="resistance-traitement-phyto" name="resistanceTraitementPhyto">
749
												<select id="resistance-traitement-phyto" class="obs-chp-etendu" 
-
 
750
													name="resistanceTraitementPhyto" data-label="Résistance/Résilience">
733
													<option selected value=""></option>
751
													<option selected value=""></option>
734
													<option>Pas de traitement</option>
752
													<option>Pas de traitement</option>
735
													<option>faible</option>
753
													<option>faible</option>
736
													<option>intermédiaire</option>
754
													<option>intermédiaire</option>
737
													<option>forte</option>
755
													<option>forte</option>
Line 744... Line 762...
744
									<div class="row-fluid">
762
									<div class="row-fluid">
745
										<div class="span12" rel="tooltip" 
763
										<div class="span12" rel="tooltip" 
746
											title="Vitesse de croissance sur site." >
764
											title="Vitesse de croissance sur site." >
747
											<label>
765
											<label>
748
												Croissance
766
												Croissance
749
												<select id="vitesse-croissance" name="vitesseCroissance">
767
												<select id="vitesse-croissance" class="obs-chp-etendu" name="vitesseCroissance"
-
 
768
												 	data-label="Croissance">
750
													<option selected value=""></option>
769
													<option selected value=""></option>
751
													<option>nulle</option>
770
													<option>nulle</option>
752
													<option>lente</option>
771
													<option>lente</option>
753
													<option>moyenne</option>
772
													<option>moyenne</option>
754
													<option>rapide</option>
773
													<option>rapide</option>
Line 773... Line 792...
773
														<span class="caret"></span>
792
														<span class="caret"></span>
774
													</button>
793
													</button>
775
													<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
794
													<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
776
														<li>
795
														<li>
777
															<label class="checkbox">
796
															<label class="checkbox">
778
																<input name="perceptionTechnicien" type="checkbox" value="ne connaissais pas la plante avant l'étude"/>
797
																<input name="perceptionTechnicien[]" class="cb-perception-technicien" type="checkbox" value="ne connaissais pas la plante avant l'étude"/>
779
																ne connaissais pas la plante avant l'étude
798
																ne connaissais pas la plante avant l'étude
780
															</label>
799
															</label>
781
														</li>
800
														</li>
782
														<li>
801
														<li>
783
															<label class="checkbox">
802
															<label class="checkbox">
784
																<input name="perceptionTechnicien" type="checkbox" value="discrète ne pose pas de problème"/>
803
																<input name="perceptionTechnicien[]" class="cb-perception-technicien" type="checkbox" value="discrète ne pose pas de problème"/>
785
																discrète ne pose pas de problème
804
																discrète ne pose pas de problème
786
															</label>
805
															</label>
787
														</li>
806
														</li>
788
														<li>
807
														<li>
789
															<label class="checkbox">
808
															<label class="checkbox">
790
																<input name="perceptionTechnicien" type="checkbox" value="visible et esthétique"/>
809
																<input name="perceptionTechnicien[]" class="cb-perception-technicien" type="checkbox" value="visible et esthétique"/>
791
																visible et esthétique
810
																visible et esthétique
792
															</label>
811
															</label>
793
														</li>
812
														</li>
794
														<li>
813
														<li>
795
															<label class="checkbox">
814
															<label class="checkbox">
796
																<input name="perceptionTechnicien" type="checkbox" value="gênante, difficile à gérer"/>
815
																<input name="perceptionTechnicien[]" class="cb-perception-technicien" type="checkbox" value="gênante, difficile à gérer"/>
797
																gênante, difficile à gérer
816
																gênante, difficile à gérer
798
															</label>
817
															</label>
799
														</li>
818
														</li>
800
														<li>
819
														<li>
801
															<label class="checkbox">
820
															<label class="checkbox">
802
																<input name="perceptionTechnicien" type="checkbox" value="envahissante, cause des dégâts"/>
821
																<input name="perceptionTechnicien[]" class="cb-perception-technicien" type="checkbox" value="envahissante, cause des dégâts"/>
803
																envahissante, cause des dégâts
822
																envahissante, cause des dégâts
804
															</label>
823
															</label>
805
														</li>
824
														</li>
806
													</ul>
825
													</ul>
807
												</div>
826
												</div>
Line 812... Line 831...
812
									<div class="row-fluid">
831
									<div class="row-fluid">
813
										<div class="span12" rel="tooltip" 
832
										<div class="span12" rel="tooltip" 
814
											title="Mauvaise perception de la plante par les riverains." >
833
											title="Mauvaise perception de la plante par les riverains." >
815
											<label>
834
											<label>
816
												Mauvaise perception par les riverains ?
835
												Mauvaise perception par les riverains ?
817
												<select id="perception-riverain" name="perceptionRiverain">
836
												<select id="perception-riverain-mauvaise" class="obs-chp-etendu" 
-
 
837
													name="perceptionRiverainMauvaise" data-label="Mauvaise perception par les riverains ?">
818
													<option>inconnue</option>
838
													<option>inconnue</option>
819
													<option>oui</option>
839
													<option>oui</option>
820
													<option>non</option>
840
													<option>non</option>
821
												</select>
841
												</select>
822
											</label>
842
											</label>
Line 897... Line 917...
897
									Transmettre
917
									Transmettre
898
								</button>
918
								</button>
899
							</div>
919
							</div>
900
						</div>
920
						</div>
901
						<div id="liste-obs" ></div>
921
						<div id="liste-obs" ></div>
902
						<div class="row">
-
 
903
							<div class="zone-alerte span6 offset3">
-
 
904
								<div id="dialogue-zero-obs" class="alert alert-block" style="display: none;">
-
 
905
									<a class="close">×</a>
-
 
906
									<h4 class="alert-heading">Attention : aucune observation</h4>
-
 
907
									<p>Veuillez saisir des observations pour les transmettres.</p>
-
 
908
								</div>
-
 
909
								
-
 
910
								<div id="dialogue-obs-transaction-ok" class="alert alert-success alert-block" style="display: none;"">
-
 
911
									<a class="close">×</a>
-
 
912
									<h4 class="alert-heading">Information : transmission des observations</h4>
-
 
913
									<div class="alert-txt"></div>
-
 
914
								</div>
-
 
915
								
-
 
916
								<div id="dialogue-obs-transaction-ko" class="alert alert-error alert-block" style="display: none;">
-
 
917
									<a class="close">×</a>
-
 
918
									<h4 class="alert-heading">Erreur : transmission des observations</h4>
-
 
919
									<div class="alert-txt"></div>
-
 
920
								</div>
-
 
921
							</div>
-
 
922
						</div>
-
 
923
						
-
 
924
					</div>
922
					</div>
925
				</div>
923
				</div>
926
			</div>
924
			</div>
Line -... Line 925...
-
 
925
			
-
 
926
			<div class="row-fluid">
-
 
927
				<div class="zone-alerte span6 offset3">
-
 
928
					<div id="dialogue-zero-obs" class="alert alert-block" style="display: none;">
-
 
929
						<a class="close">×</a>
-
 
930
						<h4 class="alert-heading">Attention : aucune observation</h4>
-
 
931
						<p>Veuillez saisir des observations pour les transmettres.</p>
-
 
932
					</div>
-
 
933
					
-
 
934
					<div id="dialogue-obs-transaction-ok" class="alert alert-success alert-block" style="display: none;"">
-
 
935
						<a class="close">×</a>
-
 
936
						<h4 class="alert-heading">Information : transmission des observations</h4>
-
 
937
						<div class="alert-txt"></div>
-
 
938
					</div>
-
 
939
					
-
 
940
					<div id="dialogue-obs-transaction-ko" class="alert alert-error alert-block" style="display: none;">
-
 
941
						<a class="close">×</a>
-
 
942
						<h4 class="alert-heading">Erreur : transmission des observations</h4>
-
 
943
						<div class="alert-txt"></div>
-
 
944
					</div>
-
 
945
				</div>
-
 
946
			</div>
-
 
947
 
927
			
948
			
928
			<footer class="row-fluid">
949
			<footer class="row-fluid">
929
				<p class="span12">&copy; Tela Botanica 2013</p>
950
				<p class="span12">&copy; Tela Botanica 2013</p>
930
			</footer>
951
			</footer>