Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 2947 Rev 2948
Line 13... Line 13...
13 
 
 13 
 
14 
		<!-- Viewport Mobile -->
 14 
		<!-- Viewport Mobile -->
Line 15... Line 15...
15 
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 15 
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
16 
 
 16 
 
Line 17... Line 17...
17 
		<!-- Favicones -->
 17 
		<!-- Favicones -->
18 
		<link rel="shortcut icon" type="image/x-icon" href="<?=$url_base?>modules/saisie/squelettes/arbres-remarquables/img/favicon.ico" />
 18 
		<!-- <link rel="shortcut icon" type="image/x-icon" href="<?=$url_base?>modules/saisie/squelettes/arbres-remarquables/img/favicon.ico" /> -->
19 
 
 19 
 
20 
		<!-- Javascript : bibliothèques -->
 20 
		<!-- Javascript : bibliothèques -->
21 
		<!-- Google Map v3 -->
 21 
		<!-- Google Map v3 -->
22 
		<!--<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>-->
 22 
		<!--<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>-->
Line 23... Line 23...
23 
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?language=fr&amp;region=FR"></script>
 23 
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?language=fr&amp;region=FR"></script>
24 
		<!-- Proj4js -->
 24 
		<!-- Proj4js -->
25 
		<script type="text/javascript" src="http://resources.tela-botanica.org/proj4js/2.2.1/proj4.js"></script>
 25 
		<script type="text/javascript" src="http://resources.tela-botanica.org/proj4js/2.2.1/proj4.js"></script>
26 
 
 26 
 
27 
		<!-- Jquery -->
 27 
		<!-- Jquery -->
28 
		<script src="http://resources.tela-botanica.org/jquery/1.11.1/jquery-1.11.1.min.js"></script>
 28 
		<script src="https://code.jquery.com/jquery-1.12.1.js"></script>
29 
		<!-- Jquery UI : nécessaire pour le mini-calendrier et l'auto-complétion -->
 29 
		<!-- Jquery UI : nécessaire pour le mini-calendrier et l'auto-complétion -->
Line 433... Line 433...
433 
					</div>
 433 
					</div>
434 
				</div>
 434 
				</div>
Line 435... Line 435...
435 
 
 435 
 
436 
				<div class="row">
 436 
				<div class="row">
437 
					<div class="col-md-6">
 - 
 
438 
						<form id="form-situation" class="form-horizontal" role="form" autocomplete="on">
 - 
 
439 
							<div class="form-group has-tooltip"
 - 
 
440 
									title="Indiquez la situation de l'arbre remarquable.">
 - 
 
441 
								<label for="situation" class="col-sm-4 control-label">
 - 
 
442 
									<strong class="obligatoire">*</strong>
 - 
 
443 
									Contexte, situation :
 - 
 
444 
								</label>
 - 
 
445 
								<div id="situation-controls" class="col-sm-8">
 - 
 
446 
									<div class="btn-group dropdown">
 - 
 
447 
										<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
 - 
 
448 
											Sélectionner une ou plusieurs situations
 - 
 
449 
											<span class="caret"></span>
 - 
 
450 
										</button>
 - 
 
451
- 
 
452 
										<ul class="dropdown-menu col-sm-12" role="menu" aria-labelledby="dLabel">
 - 
 
453 
											<li class="checkbox" role="presentation">
 - 
 
454 
												<a role="menuitem">
 - 
 
455 
													<label>
 - 
 
456 
														<input name="situation[]" class="cb-situation obs-chp-etendu" type="checkbox" value="Arbre isolé"/>
 - 
 
457 
														Arbre isolé
 - 
 
458 
													</label>
 - 
 
459 
												</a>
 - 
 
460 
											</li>
 - 
 
461 
											<li class="checkbox" role="presentation">
 - 
 
462 
												<a role="menuitem">
 - 
 
463 
													<label>
 - 
 
464 
														<input name="situation[]" class="cb-situation obs-chp-etendu" type="checkbox" value="Arbre dans l'espace public"/>
 - 
 
465 
														Arbre dans l'espace public
 - 
 
466 
													</label>
 - 
 
467 
												</a>
 - 
 
468 
											</li>
 - 
 
469 
											<li class="checkbox" role="presentation">
 - 
 
470 
												<a role="menuitem">
 - 
 
471 
													<label>
 - 
 
472 
														<input name="situation[]" class="cb-situation obs-chp-etendu" type="checkbox" value="Arbre dans un jardin privé"/>
 - 
 
473 
														Arbre dans un jardin privé
 - 
 
474 
													</label>
 - 
 
475 
												</a>
 - 
 
476 
											</li>
 - 
 
477 
											<li class="checkbox" role="presentation">
 - 
 
478 
												<a role="menuitem">
 - 
 
479 
													<label>
 - 
 
480 
														<input name="situation[]" class="cb-situation obs-chp-etendu" type="checkbox" value="Arbre en forêt"/>
 - 
 
481 
														Arbre en forêt
 - 
 
482 
													</label>
 - 
 
483 
												</a>
 - 
 
484 
											</li>
 - 
 
485 
											<li class="checkbox" role="presentation">
 - 
 
486 
												<a role="menuitem">
 - 
 
487 
													<label>
 - 
 
488 
														<input name="situation[]" class="cb-situation obs-chp-etendu" type="checkbox" value="Arbre en espace agricole (champ, haie...)"/>
 - 
 
489 
														Arbre en espace agricole (champ, haie...)
 - 
 
490 
													</label>
 - 
 
491 
												</a>
 - 
 
492 
											</li>
 - 
 
493 
											<li class="checkbox" role="presentation">
 - 
 
494 
												<a role="menuitem">
 - 
 
495 
													<label>
 - 
 
496 
														<input name="situation[]" class="cb-situation obs-chp-etendu" type="checkbox" value="Arbre en falaise, terrain escarpé"/>
 - 
 
497 
														Arbre en falaise, terrain escarpé
 - 
 
498 
													</label>
 - 
 
499 
												</a>
 - 
 
500 
											</li>
 - 
 
501 
											<li class="checkbox" role="presentation">
 - 
 
502 
												<a role="menuitem">
 - 
 
503 
													<label>
 - 
 
504 
														<input id="situation-autre" name="situation[]" class="cb-situation obs-chp-etendu" type="checkbox" value="Autre"/>
 - 
 
505 
														Autre
 - 
 
506 
													</label>
 - 
 
507 
												</a>
 - 
 
508 
											</li>
 - 
 
509 
										</ul>
 - 
 
510 
									</div>
 - 
 
511 
								</div>
 - 
 
512 
							</div>
 - 
 
513 
 
 - 
 
514 
							<div id="autre-situation-id" class="form-group has-tooltip hidden" >
 - 
 
515 
								<label for="autre-situation" class="col-sm-4 control-label">
 - 
 
516 
									Autre :
 - 
 
517 
								</label>
 - 
 
518 
								<div class="col-sm-4">
 - 
 
519 
									<input id="autre-situation" type="text" class="form-control obs-chp-etendu"
 - 
 
520 
										name="arbreRemarquableSituationAutre"
 - 
 
521 
										data-label=""
 - 
 
522 
										value="" />
 - 
 
523 
								</div>
 - 
 
524 
							</div>
 - 
 
525 
						</form>
 437 
					<div class="col-md-6">
526 
						<form id="form-obs" class="form-horizontal" role="form" autocomplete="on">
 438 
						<form id="form-obs" class="form-horizontal" role="form" autocomplete="on">
Line 527... Line 439...
527 
							<h2>Données biologiques</h2>
 439 
							<h2>Données biologiques</h2>
528
440
Line 705... Line 617...
705 
										<option value="Présence de cavités">Présence de cavités</option>
 617 
										<option value="Présence de cavités">Présence de cavités</option>
706 
										<option value="Je ne sais pas">Je ne sais pas</option>
 618 
										<option value="Je ne sais pas">Je ne sais pas</option>
707 
									</select>
 619 
									</select>
708 
								</div>
 620 
								</div>
709 
							</div>
 621 
							</div>
- 
 
 622 
						</form>
- 
 
 623 
						<form id="form-situation" class="form-horizontal" role="form" autocomplete="on">
- 
 
 624 
							<div class="form-group has-tooltip"
- 
 
 625 
									title="Indiquez la situation de l'arbre remarquable.">
- 
 
 626 
								<label for="situation" class="col-sm-4 control-label">
- 
 
 627 
									<strong class="obligatoire">*</strong>
- 
 
 628 
									Contexte, situation :
- 
 
 629 
								</label>
- 
 
 630 
								<div id="situation-controls" class="col-sm-8">
- 
 
 631 
									<div class="btn-group dropdown">
- 
 
 632 
										<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
- 
 
 633 
											Sélectionner une ou plusieurs situations
- 
 
 634 
											<span class="caret"></span>
- 
 
 635 
										</button>
- 
 
 636
- 
 
 637 
										<ul class="dropdown-menu col-sm-12" role="menu" aria-labelledby="dLabel">
- 
 
 638 
											<li class="checkbox" role="presentation">
- 
 
 639 
												<a role="menuitem">
- 
 
 640 
													<label>
- 
 
 641 
														<input name="situation-ch" class="cb-situation" type="checkbox" value="Arbre isolé"/>
- 
 
 642 
														Arbre isolé
- 
 
 643 
													</label>
- 
 
 644 
												</a>
- 
 
 645 
											</li>
- 
 
 646 
											<li class="checkbox" role="presentation">
- 
 
 647 
												<a role="menuitem">
- 
 
 648 
													<label>
- 
 
 649 
														<input name="situation-ch" class="cb-situation" type="checkbox" value="Arbre dans l'espace public"/>
- 
 
 650 
														Arbre dans l'espace public
- 
 
 651 
													</label>
- 
 
 652 
												</a>
- 
 
 653 
											</li>
- 
 
 654 
											<li class="checkbox" role="presentation">
- 
 
 655 
												<a role="menuitem">
- 
 
 656 
													<label>
- 
 
 657 
														<input name="situation-ch" class="cb-situation" type="checkbox" value="Arbre dans un jardin privé"/>
- 
 
 658 
														Arbre dans un jardin privé
- 
 
 659 
													</label>
- 
 
 660 
												</a>
- 
 
 661 
											</li>
- 
 
 662 
											<li class="checkbox" role="presentation">
- 
 
 663 
												<a role="menuitem">
- 
 
 664 
													<label>
- 
 
 665 
														<input name="situation-ch" class="cb-situation" type="checkbox" value="Arbre en forêt"/>
- 
 
 666 
														Arbre en forêt
- 
 
 667 
													</label>
- 
 
 668 
												</a>
- 
 
 669 
											</li>
- 
 
 670 
											<li class="checkbox" role="presentation">
- 
 
 671 
												<a role="menuitem">
- 
 
 672 
													<label>
- 
 
 673 
														<input name="situation-ch" class="cb-situation" type="checkbox" value="Arbre en espace agricole (champ, haie...)"/>
- 
 
 674 
														Arbre en espace agricole (champ, haie...)
- 
 
 675 
													</label>
- 
 
 676 
												</a>
- 
 
 677 
											</li>
- 
 
 678 
											<li class="checkbox" role="presentation">
- 
 
 679 
												<a role="menuitem">
- 
 
 680 
													<label>
- 
 
 681 
														<input name="situation-ch" class="cb-situation" type="checkbox" value="Arbre en falaise, terrain escarpé"/>
- 
 
 682 
														Arbre en falaise, terrain escarpé
- 
 
 683 
													</label>
- 
 
 684 
												</a>
- 
 
 685 
											</li>
- 
 
 686 
											<li class="checkbox" role="presentation">
- 
 
 687 
												<a role="menuitem">
- 
 
 688 
													<label>
- 
 
 689 
														<input id="situation-autre" name="situation-ch" class="cb-situation" type="checkbox" value="Autre"/>
- 
 
 690 
														Autre
- 
 
 691 
													</label>
- 
 
 692 
												</a>
- 
 
 693 
											</li>
- 
 
 694 
										</ul>
- 
 
 695 
									</div>
- 
 
 696 
								</div>
- 
 
 697 
							</div>
- 
 
 698 
 
- 
 
 699 
							<div id="autre-situation-id" class="form-group has-tooltip hidden" >
- 
 
 700 
								<label for="autre-situation" class="col-sm-4 control-label">
- 
 
 701 
									Autre :
- 
 
 702 
								</label>
- 
 
 703 
								<div class="col-sm-4">
- 
 
 704 
									<input id="autre-situation" type="text" class="form-control"
- 
 
 705 
										name="arbreRemarquableSituationAutre"
- 
 
 706 
										data-label=""
- 
 
 707 
										value="" />
- 
 
 708 
								</div>
- 
 
 709 
							</div>
710 
							<div class="row">
 710 
							<div class="row">
711 
								<div class="col-md-12">
 711 
								<div class="col-md-12">
712 
									<h2 class="input-group">Notes<span class="input-group-btn">
 712 
									<h2 class="input-group">Notes<span class="input-group-btn">
713 
											<button class="btn btn-default" type="button" data-toggle="modal" data-target="#notes-description">
 713 
											<button class="btn btn-default" type="button" data-toggle="modal" data-target="#notes-description">
714 
												<span class="glyphicon glyphicon-info-sign"></span> Aide
 714 
												<span class="glyphicon glyphicon-info-sign"></span> Aide
Line 717... Line 717...
717 
									<textarea id="notes" form="form-obs" class="form-control col-md-12" rows="7" name="notes"
 717 
									<textarea id="notes" form="form-obs" class="form-control col-md-12" rows="7" name="notes"
718 
										placeholder="Observation d’espèces de faune ou de flore (notamment épiphytes), ressources potentielles pour la biodiversité."></textarea>
 718 
										placeholder="Observation d’espèces de faune ou de flore (notamment épiphytes), ressources potentielles pour la biodiversité."></textarea>
719 
								</div>
 719 
								</div>
720 
							</div>
 720 
							</div>
721 
						</form>
 721 
						</form>
722
- 
 
723 
 
 - 
 
724 
 
 - 
 
725 
					</div>
 722 
					</div>
Line 732... Line 729...
732 
						<form id="form-criteres" class="form-horizontal" role="form" autocomplete="on">
 729 
						<form id="form-criteres" class="form-horizontal" role="form" autocomplete="on">
733 
							<h2>Critères ressentis</h2>
 730 
							<h2>Critères ressentis</h2>
Line 734... Line 731...
734 
 
 731 
 
735 
							<div class="form-group has-tooltip"
 732 
							<div class="form-group has-tooltip"
736 
									title="Indiquez la situation de l'arbre remarquable.">
 733 
									title="Indiquez la situation de l'arbre remarquable.">
737 
								<label for="esthetique[]" class="col-sm-4 control-label">
 734 
								<label for="esthetique-ch" class="col-sm-4 control-label">
738 
									Intérêt esthétique
 735 
									Intérêt esthétique
739 
								</label>
 736 
								</label>
740 
								<div id="situation-controls" class="col-sm-8">
 737 
								<div id="situation-controls" class="col-sm-8">
741 
									<div class="btn-group dropdown">
 738 
									<div class="btn-group dropdown">
Line 746... Line 743...
746
743
747 
										<ul class="dropdown-menu col-sm-12" role="menu" aria-labelledby="dLabel">
 744 
										<ul class="dropdown-menu col-sm-12" role="menu" aria-labelledby="dLabel">
748 
											<li class="checkbox" role="presentation">
 745 
											<li class="checkbox" role="presentation">
749 
												<a role="menuitem">
 746 
												<a role="menuitem">
750 
													<label>
 747 
													<label>
751 
														<input name="esthetique[]" class="cb-esthetique" type="checkbox" value="Forme humaine ou animale"/>
 748 
														<input name="esthetique-ch" class="cb-esthetique" type="checkbox" value="Forme humaine ou animale"/>
752 
														Forme humaine ou animale
 749 
														Forme humaine ou animale
753 
													</label>
 750 
													</label>
754 
												</a>
 751 
												</a>
755 
											</li>
 752 
											</li>
756 
											<li class="checkbox" role="presentation">
 753 
											<li class="checkbox" role="presentation">
757 
												<a role="menuitem">
 754 
												<a role="menuitem">
758 
													<label>
 755 
													<label>
759 
														<input name="esthetique[]" class="cb-esthetique" type="checkbox" value="Arbre têtard"/>
 756 
														<input name="esthetique-ch" class="cb-esthetique" type="checkbox" value="Arbre têtard"/>
760 
														Arbre têtard
 757 
														Arbre têtard
761 
													</label>
 758 
													</label>
762 
												</a>
 759 
												</a>
763 
											</li>
 760 
											</li>
764 
											<li class="checkbox" role="presentation">
 761 
											<li class="checkbox" role="presentation">
765 
												<a role="menuitem">
 762 
												<a role="menuitem">
766 
													<label>
 763 
													<label>
767 
														<input name="esthetique[]" class="cb-esthetique" type="checkbox" value="Forme d’abri ou de voûte"/>
 764 
														<input name="esthetique-ch" class="cb-esthetique" type="checkbox" value="Forme d’abri ou de voûte"/>
768 
														Forme d’abri ou de voûte
 765 
														Forme d’abri ou de voûte
769 
													</label>
 766 
													</label>
770 
												</a>
 767 
												</a>
771 
											</li>
 768 
											</li>
772 
											<li class="checkbox" role="presentation">
 769 
											<li class="checkbox" role="presentation">
773 
												<a role="menuitem">
 770 
												<a role="menuitem">
774 
													<label>
 771 
													<label>
775 
														<input name="esthetique[]" class="cb-esthetique" type="checkbox" value="Aspect enlacé, soudé"/>
 772 
														<input name="esthetique-ch" class="cb-esthetique" type="checkbox" value="Aspect enlacé, soudé"/>
776 
														Aspect enlacé, soudé
 773 
														Aspect enlacé, soudé
777 
													</label>
 774 
													</label>
778 
												</a>
 775 
												</a>
779 
											</li>
 776 
											</li>
780 
											<li class="checkbox" role="presentation">
 777 
											<li class="checkbox" role="presentation">
781 
												<a role="menuitem">
 778 
												<a role="menuitem">
782 
													<label>
 779 
													<label>
783 
														<input name="esthetique[]" class="cb-esthetique" type="checkbox" value="Aspect tortueux, tourmenté"/>
 780 
														<input name="esthetique-ch" class="cb-esthetique" type="checkbox" value="Aspect tortueux, tourmenté"/>
784 
														Aspect tortueux, tourmenté
 781 
														Aspect tortueux, tourmenté
785 
													</label>
 782 
													</label>
786 
												</a>
 783 
												</a>
787 
											</li>
 784 
											</li>
788 
											<li class="checkbox" role="presentation">
 785 
											<li class="checkbox" role="presentation">
789 
												<a role="menuitem">
 786 
												<a role="menuitem">
790 
													<label>
 787 
													<label>
791 
														<input name="esthetique[]" class="cb-esthetique" type="checkbox" value="Port pleureur"/>
 788 
														<input name="esthetique-ch" class="cb-esthetique" type="checkbox" value="Port pleureur"/>
792 
														Port pleureur
 789 
														Port pleureur
793 
													</label>
 790 
													</label>
794 
												</a>
 791 
												</a>
795 
											</li>
 792 
											</li>
796 
											<li class="checkbox" role="presentation">
 793 
											<li class="checkbox" role="presentation">
797 
												<a role="menuitem">
 794 
												<a role="menuitem">
798 
													<label>
 795 
													<label>
799 
														<input id="esthetique-autre" name="esthetique[]" class="cb-esthetique" type="checkbox" value="Autre"/>
 796 
														<input id="esthetique-autre" name="esthetique-ch" class="cb-esthetique" type="checkbox" value="Autre"/>
800 
														Autre
 797 
														Autre
801 
													</label>
 798 
													</label>
802 
												</a>
 799 
												</a>
803 
											</li>
 800 
											</li>
Line 809... Line 806...
809 
							<div id="autre-esthetique-id" class="form-group has-tooltip hidden" >
 806 
							<div id="autre-esthetique-id" class="form-group has-tooltip hidden" >
810 
								<label for="autre-esthetique" class="col-sm-4 control-label">
 807 
								<label for="autre-esthetique" class="col-sm-4 control-label">
811 
									Autre :
 808 
									Autre :
812 
								</label>
 809 
								</label>
813 
								<div class="col-sm-4">
 810 
								<div class="col-sm-4">
814 
									<input id="autre-esthetique" type="text" class="form-control obs-chp-etendu"
 811 
									<input id="autre-esthetique" type="text" class="form-control"
815 
										name="arbreRemarquableEsthetique"
 812 
										name="arbreRemarquableEsthetique"
816 
										data-label=""
 813 
										data-label=""
817 
										value="" />
 814 
										value="" />
818 
								</div>
 815 
								</div>
819 
							</div>
 816 
							</div>
Line 821... Line 818...
821
818
822 
							<div class="form-group">
 819 
							<div class="form-group">
823 
								<label for="historique" class="col-sm-4 control-label">
 820 
								<label for="historique" class="col-sm-4 control-label">
824 
								L’arbre a-t-il un intérêt historique / patrimonial ?
 821 
								L’arbre a-t-il un intérêt historique / patrimonial ?
825 
								</label>
 822 
								</label>
826 
									<textarea id="historique" class="col-sm-7" rows="2" name="arbreRemarquableHistorique"
 823 
									<textarea id="historique" class="col-sm-7 obs-chp-etendu text-area" rows="2" name="arbreRemarquableHistorique"
Line 827... Line 824...
827 
										placeholder="Laisser vide si inconnu."></textarea>
 824 
										placeholder="Laisser vide si inconnu."></textarea>
- 
 
 825
- 
 
 826 
							</div>
- 
 
 827 
							<div class="form-group has-tooltip"
- 
 
 828 
									title="Quel est le degré de remarquabilité de cet arbre ?">
- 
 
 829 
								<label for="remarquabilite" class="col-sm-4 control-label">
- 
 
 830 
									<strong class="obligatoire">*</strong>
- 
 
 831 
									Selon vous, quel est le degré de remarquabilité de cet arbre ?
- 
 
 832 
								</label>
- 
 
 833 
								<div class="col-sm-8">
- 
 
 834 
									<div class="input-group">
- 
 
 835 
										<select id="remarquabilite" class="form-control obs-chp-etendu"
- 
 
 836 
												name="arbreRemarquableRemarquabilite"
- 
 
 837 
												data-label="Remarquabilite">
- 
 
 838 
											<option selected value="">Sélectionner le degré de remarquabilité</option>
- 
 
 839 
											<option value="Arbre exceptionnel">Arbre exceptionnel</option>
- 
 
 840 
											<option value="Arbre remarquable">Arbre remarquable</option>
- 
 
 841 
											<option value="Arbre d'intérêt local">Arbre d'intérêt local</option>
- 
 
 842 
										</select>
- 
 
 843 
										<div class="input-group-btn">
- 
 
 844 
											<button class="btn btn-default" type="button" data-toggle="modal" data-target="#remarq-description">
- 
 
 845 
												<span class="glyphicon glyphicon-info-sign"></span> Aide
- 
 
 846 
											</button>
- 
 
 847 
										</div>
- 
 
 848 
									</div>
828
849 
								</div>
- 
 
 850 
							</div>
829 
							</div>
 851 
						</form>
830 
 
 852 
						<form id="form-remarquable" class="form-horizontal" role="form" autocomplete="on">
831 
							<!-- Type remarquable -->
 853 
						<!-- Type remarquable -->
832 
							<div class="row-fluid">
 854 
							<div class="row-fluid">
833 
								<div class="form-group">
855 
								<div class="form-group">
834 
									<label class="col-sm-4 control-label pointer">
 856 
									<label class="col-sm-4 control-label pointer">
Line 838... Line 860...
838 
									</label>
 860 
									</label>
839 
									<div class="col-sm-8 control-group">
 861 
									<div class="col-sm-8 control-group">
840 
										<!-- Intérêt esthétique -->
 862 
										<!-- Intérêt esthétique -->
841 
										<div class="input-group">
 863 
										<div class="input-group">
842 
											<label for="remarquable-esthetique">
 864 
											<label for="remarquable-esthetique">
843 
												<input type="checkbox" id="remarquable-esthetique" class="cb-remarquable obs-chp-etendu" name="remarquable[]" value="esthétique" data-titre="esthétique" />
 865 
												<input type="checkbox" id="remarquable-esthetique" class="cb-remarquable" name="remarquable-ch" value="esthétique" data-titre="esthétique" />
844 
												Intérêt esthétique
 866 
												Intérêt esthétique
845 
												<input class="has-tooltip hidden" type="text" id="remarquable-esthetique-commentaire"
 867 
												<input class="has-tooltip hidden" type="text" id="remarquable-esthetique-commentaire"
846 
													placeholder="commentaire optionnel"
868 
													placeholder="commentaire optionnel"
847 
												/>
 869 
												/>
848 
											</label>
 870 
											</label>
849 
										</div>
 871 
										</div>
850 
										<!-- Intérêt historique local -->
 872 
										<!-- Intérêt historique local -->
851 
										<div class="input-group">
 873 
										<div class="input-group">
852 
											<label for="remarquable-historique">
 874 
											<label for="remarquable-historique">
853 
												<input type="checkbox" id="remarquable-historique" class="cb-remarquable obs-chp-etendu" name="remarquable[]" value="historique" data-titre="historique" />
 875 
												<input type="checkbox" id="remarquable-historique" class="cb-remarquable" name="remarquable-ch" value="historique" data-titre="historique" />
854 
												Intérêt historique local
 876 
												Intérêt historique local
855 
												<input class="has-tooltip hidden" type="text" id="remarquable-historique-commentaire"
 877 
												<input class="has-tooltip hidden" type="text" id="remarquable-historique-commentaire"
856 
													placeholder="commentaire optionnel"
878 
													placeholder="commentaire optionnel"
857 
												/>
 879 
												/>
858 
											</label>
 880 
											</label>
859 
										</div>
 881 
										</div>
860 
										<!-- Intérêt biologique, refuge de biodiversité -->
 882 
										<!-- Intérêt biologique, refuge de biodiversité -->
861 
										<div class="input-group">
 883 
										<div class="input-group">
862 
											<label for="remarquable-biologique">
 884 
											<label for="remarquable-biologique">
863 
												<input type="checkbox" id="remarquable-biologique" class="cb-remarquable obs-chp-etendu" name="remarquable[]" value="biologique" data-titre="biologique" />
 885 
												<input type="checkbox" id="remarquable-biologique" class="cb-remarquable" name="remarquable-ch" value="biologique" data-titre="biologique" />
864 
												Intérêt biologique, refuge de biodiversité
 886 
												Intérêt biologique, refuge de biodiversité
865 
												<input class="has-tooltip hidden" type="text" id="remarquable-biologique-commentaire"
 887 
												<input class="has-tooltip hidden" type="text" id="remarquable-biologique-commentaire"
866 
													placeholder="commentaire optionnel"
888 
													placeholder="commentaire optionnel"
867 
												/>
 889 
												/>
868 
											</label>
 890 
											</label>
869 
										</div>
 891 
										</div>
870 
										<!-- Grand âge -->
 892 
										<!-- Grand âge -->
871 
										<div class="input-group">
 893 
										<div class="input-group">
872 
											<label for="remarquable-age">
 894 
											<label for="remarquable-age">
873 
												<input type="checkbox" id="remarquable-age" class="cb-remarquable obs-chp-etendu" name="remarquable[]" value="age" data-titre="age" />
 895 
												<input type="checkbox" id="remarquable-age" class="cb-remarquable" name="remarquable-ch" value="age" data-titre="age" />
874 
												Grand âge
 896 
												Grand âge
875 
												<input class="has-tooltip hidden" type="text" id="remarquable-age-commentaire"
 897 
												<input class="has-tooltip hidden" type="text" id="remarquable-age-commentaire"
876 
													placeholder="commentaire optionnel"
898 
													placeholder="commentaire optionnel"
877 
												/>
 899 
												/>
878 
											</label>
 900 
											</label>
879 
										</div>
 901 
										</div>
880 
										<!-- Taille importante -->
 902 
										<!-- Taille importante -->
881 
										<div class="input-group">
 903 
										<div class="input-group">
882 
											<label for="remarquable-taille">
 904 
											<label for="remarquable-taille">
883 
												<input type="checkbox" id="remarquable-taille" class="cb-remarquable obs-chp-etendu" name="remarquable[]" value="taille" data-titre="taille" />
 905 
												<input type="checkbox" id="remarquable-taille" class="cb-remarquable" name="remarquable-ch" value="taille" data-titre="taille" />
884 
												Taille importante
 906 
												Taille importante
885 
												<input class="has-tooltip hidden" type="text" id="remarquable-taille-commentaire"
 907 
												<input class="has-tooltip hidden" type="text" id="remarquable-taille-commentaire"
886 
													placeholder="commentaire optionnel"
908 
													placeholder="commentaire optionnel"
887 
												/>
 909 
												/>
888 
											</label>
 910 
											</label>
889 
										</div>
 911 
										</div>
890 
										<!-- Autre -->
 912 
										<!-- Autre -->
891 
										<div class="input-group">
 913 
										<div class="input-group">
892 
											<label for="remarquable-autre">
 914 
											<label for="remarquable-autre">
893 
												<input type="checkbox" id="remarquable-autre" class="cb-remarquable obs-chp-etendu" name="remarquable[]" value="autre" data-titre="autre" />
 915 
												<input type="checkbox" id="remarquable-autre" class="cb-remarquable" name="remarquable-ch" value="autre" data-titre="autre" />
894 
												Autre
 916 
												Autre
895 
												<input class="has-tooltip hidden" type="text" id="remarquable-autre-commentaire"
 917 
												<input class="has-tooltip hidden" type="text" id="remarquable-autre-commentaire"
896 
													placeholder="commentaire optionnel"
918 
													placeholder="commentaire optionnel"
897 
												/>
 919 
												/>
898 
											</label>
 920 
											</label>
899 
										</div>
 921 
										</div>
900 
									</div>
 922 
									</div>
901 
								</div>
 923 
								</div>
902 
							</div>
 924 
							</div>
903 
 
 - 
 
904 
							<div class="form-group has-tooltip"
 - 
 
905 
									title="Quel est le degré de remarquabilité de cet arbre ?">
 - 
 
906 
								<label for="remarquabilite" class="col-sm-4 control-label">
 - 
 
907 
									<strong class="obligatoire">*</strong>
 - 
 
908 
									Selon vous, quel est le degré de remarquabilité de cet arbre ?
 - 
 
909 
								</label>
 - 
 
910 
								<div class="col-sm-8">
 - 
 
911 
									<div class="input-group">
 - 
 
912 
										<select id="remarquabilite" class="form-control obs-chp-etendu"
 - 
 
913 
												name="arbreRemarquableRemarquabilite"
 - 
 
914 
												data-label="Remarquabilite">
 - 
 
915 
											<option selected value="">Sélectionner le degré de remarquabilité</option>
 - 
 
916 
											<option value="Arbre exceptionnel">Arbre exceptionnel</option>
 - 
 
917 
											<option value="Arbre remarquable">Arbre remarquable</option>
 - 
 
918 
											<option value="Arbre d'intérêt local">Arbre d'intérêt local</option>
 - 
 
919 
										</select>
 - 
 
920 
										<div class="input-group-btn">
 - 
 
921 
											<button class="btn btn-default" type="button" data-toggle="modal" data-target="#remarq-description">
 - 
 
922 
												<span class="glyphicon glyphicon-info-sign"></span> Aide
 - 
 
923 
											</button>
 - 
 
924 
										</div>
 - 
 
925 
									</div>
 - 
 
926 
								</div>
 - 
 
927 
							</div>
 - 
 
928 
 
 - 
 
929
- 
 
930 
						</form>
 925 
						</form>
Line 931... Line 926...
931 
 
 926 
 
932 
						<div class="row">
 927 
						<div class="row">
933 
							<form id="form-upload" class="form form-horizontal" role="form" action="<?= $url_ws_upload ?>"
 928 
							<form id="form-upload" class="form form-horizontal" role="form" action="<?= $url_ws_upload ?>"
Line 936... Line 931...
936 
									<h2>Image(s) de l'arbre</h2>
 931 
									<h2>Image(s) de l'arbre</h2>
937 
									<strong>Ajouter une image</strong>
 932 
									<strong>Ajouter une image</strong>
938 
									<p class="miniature-info discretion help-inline">Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacune.</p>
 933 
									<p class="miniature-info discretion help-inline">Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacune.</p>
939 
									<div id ="photos-conteneur" class="form-group">
 934 
									<div id ="photos-conteneur" class="form-group">
940 
										<div class="col-sm-12">
 935 
										<div class="col-sm-12">
941 
											<input type="file" id="fichier" name="fichier" class="form-control" accept="image/jpeg" />
 936 
											<input type="file" id="fichier" name="fichier" class="form-control import-image" accept="image/jpeg" />
942 
											<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>
 937 
											<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>
943 
										</div>
 938 
										</div>
944 
										<div id="miniatures"></div>
 939 
										<div id="miniatures"></div>
945 
										<p class="miniature-msg col-md-12">&nbsp;</p>
 940 
										<p class="miniature-msg col-md-12">&nbsp;</p>
946 
									</div>
 941 
									</div>