Subversion Repositories eFlore/Applications.cel

Rev

Rev 3638 | Rev 3709 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 3638 Rev 3701
1 
<?php if ('arbres' === $squelette ) : ?>
 1 
<?php if ('arbres' === $squelette ) : ?>
2 
	<form id="form-observation" role="form" autocomplete="on">
 2 
	<form id="form-observation" role="form" autocomplete="on">
3 
		<h2>Relevé</h2>
 3 
		<h2>Relevé</h2>
4 
		<div id="zone-observation" class="row">
 4 
		<div id="zone-observation" class="row">
5 
			<div class="col-md-6">
 5 
			<div class="col-md-6">
6 
 
 6 
 
7 
				<div class="mb-3">
 7 
				<div class="mb-3">
8 
					<label class="col-sm-12 obligatoire has-tooltip" data-toggle="tooltip" title="Localisation du relevé.">
 8 
					<label class="col-sm-12 obligatoire has-tooltip" data-toggle="tooltip" title="Localisation du relevé.">
9 
						<i class="fa fa-map" aria-hidden="true"></i>&nbsp;Lieu du relevé
 9 
						<i class="fa fa-map" aria-hidden="true"></i>&nbsp;Lieu du relevé
10 
					</label>
 10 
					</label>
11 
					<div id="geoloc-info" class="text-justify col-sm-8">
 11 
					<div id="geoloc-info" class="text-justify col-sm-8">
12 
						<p>
 12 
						<p>
13 
							<span class="font-weight-bold">Localisez ici la zone d’observation.</span>
 13 
							<span class="font-weight-bold">Localisez ici la zone d’observation.</span>
14 
						</p>
 14 
						</p>
15 
						<p>
 15 
						<p>
16 
							Après l'enregistrement du relevé, vous pourrez pointer précisément les arbres sur lesquelles vous avez fait vos observations.
 16 
							Après l'enregistrement du relevé, vous pourrez pointer précisément les arbres sur lesquelles vous avez fait vos observations.
17 
						</p>
 17 
						</p>
18 
					</div>
 18 
					</div>
19 
					<div class="control-group">
 19 
					<div class="control-group">
20 
						<span id="geoloc-error" class="error hidden">
 20 
						<span id="geoloc-error" class="error hidden">
21 
							Le nom de la rue, ou de la commune, n'ont pas pu être correctement déterminées pour la localisation indiquée.<br>
 21 
							Le nom de la rue, ou de la commune, n'ont pas pu être correctement déterminées pour la localisation indiquée.<br>
22 
							Veuillez replacer le pointeur de la carte ou indiquer manuellement le nom de la rue ou/et de la commune.
 22 
							Veuillez replacer le pointeur de la carte ou indiquer manuellement le nom de la rue ou/et de la commune.
23 
						</span>
 23 
						</span>
24 
						<div id="geoloc" class="col-sm-12 geoloc">
 24 
						<div id="geoloc" class="col-sm-12 geoloc">
25 
							<tb-geolocation-element
 25 
							<tb-geolocation-element
26 
								id="tb-geolocation"
 26 
								id="tb-geolocation"
27 
								layer='osm'
 27 
								layer='osm'
28 
								zoom_init="4"
 28 
								zoom_init="4"
29 
								lat_init="46.5"
 29 
								lat_init="46.5"
30 
								lng_init="2.9"
 30 
								lng_init="2.9"
31 
								marker="true"
 31 
								marker="true"
32 
								polyline="false"
 32 
								polyline="false"
33 
								polygon="false"
 33 
								polygon="false"
34 
								show_lat_lng_elevation_inputs="true"
 34 
								show_lat_lng_elevation_inputs="true"
35 
								osm_class_filter=""
 35 
								osm_class_filter=""
36 
								elevation_provider="mapquest"
 36 
								elevation_provider="mapquest"
37 
								map_quest_api_key="mG6oU5clZHRHrOSnAV0QboFI7ahnGg34"
 37 
								map_quest_api_key="mG6oU5clZHRHrOSnAV0QboFI7ahnGg34"
38 
							>
 38 
							>
39 
							</tb-geolocation-element>
 39 
							</tb-geolocation-element>
40 
						</div>
 40 
						</div>
41 
						<div id="geoloc-datas" class="hidden">
 41 
						<div id="geoloc-datas" class="hidden">
42 
							<div class="mt-3">
 42 
							<div class="mt-3">
43 
								<label class="col-sm-8" for="rue">Rue</label>
 43 
								<label class="col-sm-8" for="rue">Rue</label>
44 
								<div class="col-sm-8">
 44 
								<div class="col-sm-8">
45 
									<input type="text" class="form-control rue" disabled id="rue" name="rue" value="">
 45 
									<input type="text" class="form-control rue" disabled id="rue" name="rue" value="">
46 
								</div>
 46 
								</div>
47 
							</div>
 47 
							</div>
48 
							<div class="mt-3">
 48 
							<div class="mt-3">
49 
								<label class="col-sm-8" for="commune-nom">Nom de commune</label>
 49 
								<label class="col-sm-8" for="commune-nom">Nom de commune</label>
50 
								<div class="col-sm-8">
 50 
								<div class="col-sm-8">
51 
									<input type="text" class="form-control commune-nom" disabled id="commune-nom" name="commune-nom" value="">
 51 
									<input type="text" class="form-control commune-nom" disabled id="commune-nom" name="commune-nom" value="">
52 
									<input type="hidden" class="commune-insee" disabled id="commune-insee" name="commune-insee" value="">
 52 
									<input type="hidden" class="commune-insee" disabled id="commune-insee" name="commune-insee" value="">
53 
								</div>
 53 
								</div>
54 
							</div>
 54 
							</div>
55 
							<input type="hidden" class="form-control geometry-releve" disabled id="geometry-releve" name="geometry-releve" value="" style="display:none">
 55 
							<input type="hidden" class="form-control geometry-releve" disabled id="geometry-releve" name="geometry-releve" value="" style="display:none">
56 
							<input type="hidden" class="form-control latitude-releve" disabled id="latitude-releve" name="latitude-releve" value="" style="display:none">
 56 
							<input type="hidden" class="form-control latitude-releve" disabled id="latitude-releve" name="latitude-releve" value="" style="display:none">
57 
							<input type="hidden" class="form-control longitude-releve" disabled id="longitude-releve" name="longitude-releve" value="" style="display:none">
 57 
							<input type="hidden" class="form-control longitude-releve" disabled id="longitude-releve" name="longitude-releve" value="" style="display:none">
58 
							<input type="hidden" class="form-control altitude-releve" disabled id="altitude-releve" name="altitude-releve" value="" style="display:none">
 58 
							<input type="hidden" class="form-control altitude-releve" disabled id="altitude-releve" name="altitude-releve" value="" style="display:none">
59 
							<div class="row pl-3 pr-3 mt-3">
 59 
							<div class="row pl-3 pr-3 mt-3">
60 
								<div class="d-flex flex-column col-sm-4">
 60 
								<div class="d-flex flex-column col-sm-4">
61 
									<label for="pays">Pays</label>
 61 
									<label for="pays">Pays</label>
62 
									<div>
 62 
									<div>
63 
										<input type="text" class="form-control pays" disabled id="pays" name="pays" value="">
 63 
										<input type="text" class="form-control pays" disabled id="pays" name="pays" value="">
64 
									</div>
 64 
									</div>
65 
								</div>
 65 
								</div>
66 
							</div>
 66 
							</div>
67 
						</div>
 67 
						</div>
68 
					</div>
 68 
					</div>
69 
				</div>
 69 
				</div>
70 
			</div>
 70 
			</div>
71 
 
 71 
 
72 
			<div class="col-md-6">
 72 
			<div class="col-md-6">
73 
				<h3 class="mb-3">Informations sur le relevé</h3>
 73 
				<h3 class="mb-3">Informations sur le relevé</h3>
74 
				<div id="obs-info" class="text-justify col-sm-8">
 74 
				<div id="obs-info" class="text-justify col-sm-8">
75 
					<p>
 75 
					<p>
76 
						<span class="warning">Attention!</span><br>
 76 
						<span class="warning">Attention!</span><br>
77 
						Ces informations ne sont pas modifiables après la création du relevé
 77 
						Ces informations ne sont pas modifiables après la création du relevé
78 
					</p>
 78 
					</p>
79 
	    			<p>
 79 
	    			<p>
80 
	    				Pour indiquer qu'<span class="font-weight-bold">un élément concernant le relevé ou un arbre a changé</span> ou corriger une erreur, vous devez dupliquer le relevé existant.
 80 
	    				Pour indiquer qu'<span class="font-weight-bold">un élément concernant le relevé ou un arbre a changé</span> ou corriger une erreur, vous devez dupliquer le relevé existant.
81 
	    			</p>
 81 
	    			</p>
82 
	    			<p>
 82 
	    			<p>
83 
	    				<a target="_blank" href="https://www.tela-botanica.org/wikini/AideCarnetEnLigne/wakka.php?wiki=AideWidgetSaisie">Consultez l'aide</a> pour plus d'infos.
 83 
	    				<a target="_blank" href="https://www.tela-botanica.org/wikini/AideCarnetEnLigne/wakka.php?wiki=AideWidgetSaisie">Consultez l'aide</a> pour plus d'infos.
84 
	    			</p>
 84 
	    			</p>
85 
				</div>
 85 
				</div>
86 
 
 86 
 
87 
				<div class="control-group">
 87 
				<div class="control-group">
88 
					<label for="releve-date" class="col-sm-8 obligatoire" title="">
 88 
					<label for="releve-date" class="col-sm-8 obligatoire" title="">
89 
						<i class="fa fa-calendar" aria-hidden="true"></i>&nbsp;Date de relevé
 89 
						<i class="fa fa-calendar" aria-hidden="true"></i>&nbsp;Date de relevé
90 
					</label>
 90 
					</label>
91 
					<div class="col-sm-8 mb-3 has-tooltip" data-toggle="tooltip" title="Saisir la date de l’observation">
 91 
					<div class="col-sm-8 mb-3 has-tooltip" data-toggle="tooltip" title="Saisir la date de l’observation">
92 
						<input type="date" id="releve-date" name="releve-date" class="form-control" max="" placeholder="jj/mm/aaaa" required>
 92 
						<input type="date" id="releve-date" name="releve-date" class="form-control" max="" placeholder="jj/mm/aaaa" required>
93 
					</div>
 93 
					</div>
94 
				</div>
 94 
				</div>
95 
 
 95 
 
96 
				<?php if ('tb_lichensgo' !== $widget['projet']) : ?>
 96 
				<?php if ('tb_lichensgo' !== $widget['projet']) : ?>
97 
					<div class="control-group">
 97 
					<div class="control-group">
98 
						<div class="col-sm-8 mb-2 list-label obligatoire">
 98 
						<div class="col-sm-8 mb-2 list-label obligatoire">
99 
							<i class="fa fa-walking" aria-hidden="true"></i>&nbsp;Zone piétonne
 99 
							<i class="fa fa-walking" aria-hidden="true"></i>&nbsp;Zone piétonne
100 
						</div>
 100 
						</div>
101 
						<div id="zone-pietonne" class="col-sm-8 mb-3 list">
 101 
						<div id="zone-pietonne" class="col-sm-8 mb-3 list">
102 
							<div class="form-check form-check-inline">
 102 
							<div class="form-check form-check-inline">
103 
								<input type="radio" id="pietonne" name="zone-pietonne" class="pietonne form-check-input" value="true">
 103 
								<input type="radio" id="pietonne" name="zone-pietonne" class="pietonne form-check-input" value="true">
104 
								<label for="pietonne" class="pietonne form-check-label">Oui</label>
 104 
								<label for="pietonne" class="pietonne form-check-label">Oui</label>
105 
							</div>
 105 
							</div>
106 
							<div class="form-check form-check-inline">
 106 
							<div class="form-check form-check-inline">
107 
								<input type="radio" id="non-pietonne" name="zone-pietonne" class="non-pietonne form-check-input" value="false">
 107 
								<input type="radio" id="non-pietonne" name="zone-pietonne" class="non-pietonne form-check-input" value="false">
108 
								<label for="non-pietonne" class="non-pietonne form-check-label">Non</label>
 108 
								<label for="non-pietonne" class="non-pietonne form-check-label">Non</label>
109 
							</div>
 109 
							</div>
110 
						</div>
 110 
						</div>
111 
					</div>
 111 
					</div>
112 
 
 112 
 
113 
					<div class="">
 113 
					<div class="">
114 
						<div class="col-sm-8 mb-2 list-label">
 114 
						<div class="col-sm-8 mb-2 list-label">
115 
							<i class="fa fa-lightbulb" aria-hidden="true"></i>&nbsp;Présence de lampadaires
 115 
							<i class="fa fa-lightbulb" aria-hidden="true"></i>&nbsp;Présence de lampadaires
116 
						</div>
 116 
						</div>
117 
						<div id="pres-lampadaires" class="col-sm-8 mb-3 list">
 117 
						<div id="pres-lampadaires" class="col-sm-8 mb-3 list">
118 
							<div class="form-check form-check-inline">
 118 
							<div class="form-check form-check-inline">
119 
								<input type="radio" id="lampadaires" name="pres-lampadaires" class="lampadaires form-check-input" value="true">
 119 
								<input type="radio" id="lampadaires" name="pres-lampadaires" class="lampadaires form-check-input" value="true">
120 
								<label for="lampadaires" class="lampadaires form-check-label">Oui</label>
 120 
								<label for="lampadaires" class="lampadaires form-check-label">Oui</label>
121 
							</div>
 121 
							</div>
122 
							<div class="form-check form-check-inline">
 122 
							<div class="form-check form-check-inline">
123 
								<input type="radio" id="sans-lapadaires" name="pres-lampadaires" class="sans-lampadaires form-check-input" value="false">
 123 
								<input type="radio" id="sans-lapadaires" name="pres-lampadaires" class="sans-lampadaires form-check-input" value="false">
124 
								<label for="sans-lampadaires" class="sans-lampadaires form-check-label">Non</label>
 124 
								<label for="sans-lampadaires" class="sans-lampadaires form-check-label">Non</label>
125 
							</div>
 125 
							</div>
126 
						</div>
 126 
						</div>
127 
					</div>
 127 
					</div>
128 
				<?php endif; ?>
 128 
				<?php endif; ?>
129 
 
 129 
 
130 
				<div class="">
 130 
				<div class="">
131 
					<label for="commentaires" class="col-sm-8">
 131 
					<label for="commentaires" class="col-sm-8">
132 
						<i class="fa fa-pen" aria-hidden="true"></i>&nbsp;Commentaires
 132 
						<i class="fa fa-pen" aria-hidden="true"></i>&nbsp;Commentaires
133 
					</label>
 133 
					</label>
134 
					<div class="col-sm-8 mb-3">
 134 
					<div class="col-sm-8 mb-3">
135 
						<textarea id="commentaires" class="col-md-12" rows="7" name="commentaires"></textarea>
 135 
						<textarea id="commentaires" class="col-md-12" rows="7" name="commentaires"></textarea>
136 
					</div>
 136 
					</div>
137 
				</div>
 137 
				</div>
138 
				<!-- Bouton création d'une obs -->
 138 
				<!-- Bouton création d'une obs -->
139 
				<div class="col-sm-8 mb-3">
 139 
				<div class="col-sm-8 mb-3">
140 
					<div title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour ajouter votre observation à la liste à transmettre.">
 140 
					<div title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour ajouter votre observation à la liste à transmettre.">
141 
						<a href="" id="soumettre-releve" class="charger-carto btn btn-primary">Enregistrer</a>
 141 
						<a href="" id="soumettre-releve" class="charger-carto btn btn-primary">Enregistrer</a>
142 
					</div>
 142 
					</div>
143 
				</div>
 143 
				</div>
144 
			</div>
 144 
			</div>
145 
		</div>
 145 
		</div>
146 
	</form><!-- fin zone relevé -->
 146 
	</form><!-- fin zone relevé -->
147 
 
 147 
 
148 
	<!-- Messages d'erreur du formulaire observateur -->
 148 
	<!-- Messages d'erreur du formulaire observateur -->
149 
	<div class="zone-alerte">
 149 
	<div class="zone-alerte">
150 
		<div id="dialogue-geoloc-ko" class="alert alert-warning alert-block hidden">
 150 
		<div id="dialogue-geoloc-ko" class="alert alert-warning alert-block hidden">
151 
			<a class="close">×</a>
 151 
			<a class="close">×</a>
152 
			<h4 class="alert-heading">Information&nbsp;: mauvaise géolocalisation</h4>
 152 
			<h4 class="alert-heading">Information&nbsp;: mauvaise géolocalisation</h4>
153 
			<p>Certaines informations de géolocalisation n'ont pas été transmises.</p>
 153 
			<p>Certaines informations de géolocalisation n'ont pas été transmises.</p>
154 
		</div>
 154 
		</div>
155 
		<div id="dialogue-date-rue-ko" class="alert alert-warning alert-block hidden">
 155 
		<div id="dialogue-date-rue-ko" class="alert alert-warning alert-block hidden">
156 
			<a class="close">×</a>
 156 
			<a class="close">×</a>
157 
			<h4 class="alert-heading">Information&nbsp;: Relevé dupliqué</h4>
 157 
			<h4 class="alert-heading">Information&nbsp;: Relevé dupliqué</h4>
158 
			<p>
 158 
			<p>
159 
				Un releve existe dejà à cette date, pour cette rue.<br>
 159 
				Un releve existe dejà à cette date, pour cette rue.<br>
160 
				Si vous souhaitez dupliquer le relevé, veuillez actionner le bouton "Reprendre un précédent relevé" de la rubique "observateur",<br>puis choisir dans le tableau le relevé à dupliquer et entrer la date de votre nouvelle observation
 160 
				Si vous souhaitez dupliquer le relevé, veuillez actionner le bouton "Reprendre un précédent relevé" de la rubique "observateur",<br>puis choisir dans le tableau le relevé à dupliquer et entrer la date de votre nouvelle observation
161 
			</p>
 161 
			</p>
162 
		</div>
 162 
		</div>
163 
	</div>
 163 
	</div>
164 
<?php endif; ?>
 164 
<?php endif; ?>
165 
 
 165 
 
166 
<?php $chaine_sq_singulier = substr($squelette, 0, -1);?>
 166 
<?php $chaine_sq_singulier = substr($squelette, 0, -1);?>
167 
<div id="zone-<?php echo $squelette;?>" class="bloc-top <?php if ('arbres' === $squelette) echo 'hidden';?>">
 167 
<div id="zone-<?php echo $squelette;?>" class="bloc-top <?php if ('arbres' === $squelette) echo 'hidden';?>">
168 
	<h2 class="mb-3">Saisie des <?php echo $squelette;?> du relevé</h2>
 168 
	<h2 class="mb-3">Saisie des <?php echo $squelette;?> du relevé</h2>
169 
	<?php if ('arbres' === $squelette ) : ?>
 169 
	<?php if ('arbres' === $squelette ) : ?>
170 
		<?php if ('tb_lichensgo' !== $widget['projet']) : ?>
 170 
		<?php if ('tb_lichensgo' !== $widget['projet']) : ?>
171 
					<a href="" id="bouton-saisir-plantes" class="btn btn-info mb-3 hidden" data-load="plantes">
 171 
					<a href="" id="bouton-saisir-plantes" class="btn btn-info mb-3 hidden" data-load="plantes">
172 
						<i class="fas fa-seedling"></i>&nbsp;Saisir les plantes
 172 
						<i class="fas fa-seedling"></i>&nbsp;Saisir les plantes
173 
					</a>
 173 
					</a>
174 
		<?php endif; ?>
 174 
		<?php endif; ?>
175 
		<?php if ('tb_streets' !== $widget['projet']) : ?>
 175 
		<?php if ('tb_streets' !== $widget['projet']) : ?>
176 
			<a href="" id="bouton-saisir-lichens" class="btn btn-info mb-3 hidden" data-load="lichens">
 176 
			<a href="" id="bouton-saisir-lichens" class="btn btn-info mb-3 hidden" data-load="lichens">
177 
				<i class="far fa-snowflake"></i>&nbsp;Saisir les lichens
 177 
				<i class="far fa-snowflake"></i>&nbsp;Saisir les lichens
178 
			</a>
 178 
			</a>
179 
		<?php endif; ?>
 179 
		<?php endif; ?>
180 
	<?php else : ?>
 180 
	<?php else : ?>
181 
		<a href="" id="bouton-poursuivre" class="btn btn-success hidden mb-3" data-load="<?php echo $squelette;?>">
 181 
		<a href="" id="bouton-poursuivre" class="btn btn-success hidden mb-3" data-load="<?php echo $squelette;?>">
182 
			<i class="far fa-plus-square"></i>&nbsp;Ajouter des <?php echo $squelette;?>
 182 
			<i class="far fa-plus-square"></i>&nbsp;Ajouter des <?php echo $squelette;?>
183 
		</a>
 183 
		</a>
184 
	<?php endif; ?>
 184 
	<?php endif; ?>
185 
	<div class="row">
 185 
	<div class="row">
186 
		<div id="bloc-gauche" class="col-md-6">
 186 
		<div id="bloc-gauche" class="col-md-6">
187 
			<div id="bloc-form-<?php echo $squelette;?>" class="">
 187 
			<div id="bloc-form-<?php echo $squelette;?>" class="">
188 
				<?php if ('arbres' === $squelette ) : ?>
 188 
				<?php if ('arbres' === $squelette ) : ?>
189 
					<div id="arbres-info" class="text-justify">
 189 
					<div id="arbres-info" class="text-justify">
190 
						<p>
 190 
						<p>
191 
							Vous devez saisir <span class="font-weight-bold">entre <?php echo ('tb_lichensgo' === $widget['projet']) ? '1 et 3' : '5 et 10'; ?> arbres</span>
 191 
							Vous devez saisir <span class="font-weight-bold">entre <?php echo ('tb_lichensgo' === $widget['projet']) ? '1 et 3' : '5 et 10'; ?> arbres</span>
192 
						</p>
 192 
						</p>
193 
					</div>
 193 
					</div>
194 
				<?php endif; ?>
 194 
				<?php endif; ?>
195 
				<form id="form-<?php echo $squelette;?>" role="form" autocomplete="off">
 195 
				<form id="form-<?php echo $squelette;?>" role="form" autocomplete="off">
196 
					<?php if ('arbres' === $squelette ) : ?>
 196 
					<?php if ('arbres' === $squelette ) : ?>
197 
						<h3 class="mb-3">Arbre&nbsp;<span id="arbre-nb">1</span>&nbsp;:</h3>
 197 
						<h3 class="mb-3">Arbre&nbsp;<span id="arbre-nb">1</span>&nbsp;:</h3>
198 
					<?php else : ?>
 198 
					<?php else : ?>
199 
						<div class="control-group">
 199 
						<div class="control-group">
200 
							<label for="choisir-arbre" class="col-sm-8 obligatoire" title="Au pied de quel arbre du relevé ce<?php echo ('lichens' === $squelette) ? " $chaine_sq_singulier a-t-il été observé" : "tte $chaine_sq_singulier a-t-elle été observée";?> ?">
 200 
							<label for="choisir-arbre" class="col-sm-8 obligatoire" title="Au pied de quel arbre du relevé ce<?php echo ('lichens' === $squelette) ? " $chaine_sq_singulier a-t-il été observé" : "tte $chaine_sq_singulier a-t-elle été observée";?> ?">
201 
								<i class="fas fa-tree" aria-hidden="true"></i>&nbsp;Arbre
 201 
								<i class="fas fa-tree" aria-hidden="true"></i>&nbsp;Arbre
202 
							</label>
 202 
							</label>
203 
							<div class="col-sm-8 mb-3">
 203 
							<div class="col-sm-8 mb-3">
204 
								<select id="choisir-arbre" name="choisir-arbre" class="choisir-arbre form-control custom-select has-tooltip" data-toggle="tooltip"  title="Au pied de quel arbre du relevé ce<?php echo ('lichens' === $squelette) ? " $chaine_sq_singulier a-t-il été observé" : "tte $chaine_sq_singulier a-t-elle été observée";?> ?" required>
 204 
								<select id="choisir-arbre" name="choisir-arbre" class="choisir-arbre form-control custom-select has-tooltip" data-toggle="tooltip"  title="Au pied de quel arbre du relevé ce<?php echo ('lichens' === $squelette) ? " $chaine_sq_singulier a-t-il été observé" : "tte $chaine_sq_singulier a-t-elle été observée";?> ?" required>
205 
									<option value="" selected hidden>...Arbre numéro...</option>
 205 
									<option value="" selected hidden>...Arbre numéro...</option>
206 
								</select>
 206 
								</select>
207 
							</div>
 207 
							</div>
208 
						</div>
 208 
						</div>
209 
 
 209 
 
210 
						<div class="control-group">
 210 
						<div class="control-group">
211 
							<label for="obs-date" class="col-sm-8 obligatoire">
 211 
							<label for="obs-date" class="col-sm-8 obligatoire">
212 
								<i class="fa fa-calendar" aria-hidden="true"></i>&nbsp;Date
 212 
								<i class="fa fa-calendar" aria-hidden="true"></i>&nbsp;Date
213 
							</label>
 213 
							</label>
214 
							<div class="col-sm-8 mb-3">
 214 
							<div class="col-sm-8 mb-3">
215 
								<input type="date" id="obs-date" name="obs-date" class="form-control" max="" placeholder="jj/mm/aaaa" required>
 215 
								<input type="date" id="obs-date" name="obs-date" class="form-control" max="" placeholder="jj/mm/aaaa" required>
216 
							</div>
 216 
							</div>
217 
						</div>
 217 
						</div>
218 
					<?php endif; ?>
 218 
					<?php endif; ?>
219 
 
 219 
 
220 
					<input id="referentiel" name="referentiel" value="<?php echo $widget['referentiel']; ?>" type="hidden">
 220 
					<input id="referentiel" name="referentiel" value="<?php echo $widget['referentiel']; ?>" type="hidden">
221 
 
 221 
 
222 
					<!-- Bloc-taxon -->
 222 
					<!-- Bloc-taxon -->
223 
					<div id="bloc-taxon" class="control-group">
 223 
					<div id="bloc-taxon" class="control-group">
224 
						<label <?php echo ('arbres' !== $squelette ) ? 'for="taxon-liste"' : 'id="taxon-autocomplete-label" for="taxon"';?> class="col-sm-8 obligatoire" title="">
 224 
						<label <?php echo ('arbres' !== $squelette ) ? 'for="taxon-liste"' : 'id="taxon-autocomplete-label" for="taxon"';?> class="col-sm-8 obligatoire" title="">
225 
							<i class="fa fa-leaf" aria-hidden="true"></i>&nbsp;Espèce (<?php echo $widget['referentiel']; ?>)
 225 
							<i class="fa fa-leaf" aria-hidden="true"></i>&nbsp;Espèce (<?php echo $widget['referentiel']; ?>)
226 
						</label>
 226 
						</label>
227 
 
 227 
 
228 
						<?php if ('arbres' === $squelette ) : ?>
 228 
						<?php if ('arbres' === $squelette ) : ?>
229 
 
 229 
 
230 
								<div class="col-sm-8 mb-3">
 230 
								<div class="col-sm-8 mb-3">
231 
									<input id="taxon" name="taxon" class="form-control taxon-validation has-tooltip" type="text" data-toggle="tooltip" title="Saisir le taxon observé, en utilisant l’autocomplétion autant que possible" required autocomplete="off">
 231 
									<input id="taxon" name="taxon" class="form-control taxon-validation has-tooltip" type="text" data-toggle="tooltip" title="Saisir le taxon observé, en utilisant l’autocomplétion autant que possible" required autocomplete="off">
232 
								</div>
 232 
								</div>
233 
							</div><!-- fin bloc-taxon -->
 233 
							</div><!-- fin bloc-taxon -->
234 
 
 234 
 
235 
						<?php else : ?>
 235 
						<?php else : ?>
236 
							<!-- bloc-taxon "if('arbres' !== $squelette)" -->
 236 
							<!-- bloc-taxon "if('arbres' !== $squelette)" -->
237 
									<div class="col-sm-8 mb-3">
 237 
									<div class="col-sm-8 mb-3">
238 
										<?php ksort( $widget['especes']['taxons'] ); ?>
 238 
										<?php ksort( $widget['especes']['taxons'] ); ?>
239 
										<select id="taxon-liste" name="taxon-liste" class="form-control custom-select taxon-validation has-tooltip" data-toggle="tooltip" title="Choisir dans la liste le taxon observé, ou choisir &quot;autre&quot; et saisir le taxon observé, en utilisant l&apos;autocomplétion autant que possible.">
 239 
										<select id="taxon-liste" name="taxon-liste" class="form-control custom-select taxon-validation has-tooltip" data-toggle="tooltip" title="Choisir dans la liste le taxon observé, ou choisir &quot;autre&quot; et saisir le taxon observé, en utilisant l&apos;autocomplétion autant que possible.">
240 
											<option class="choisir" value="inconnue" selected hidden>...Choisir...</option>
 240 
											<option class="choisir" value="inconnue" selected hidden>...Choisir...</option>
241 
											<?php foreach ($widget['especes']['taxons'] as $taxon)  : ?>
 241 
											<?php foreach ($widget['especes']['taxons'] as $taxon)  : ?>
242 
												<option
 242 
												<option
243 
													class="nom-sci"
 243 
													class="nom-sci"
244 
													value="<?php echo $taxon['nom_sel'];?>"
 244 
													value="<?php echo $taxon['nom_sel'];?>"
245 
													title="<?php echo $taxon['nom_fr'];?>"
 245 
													title="<?php echo $taxon['nom_fr'];?>"
246 
													data-num-nom-sel="<?php echo $taxon['num_nom_sel'];?>"
 246 
													data-num-nom-sel="<?php echo $taxon['num_nom_sel'];?>"
247 
													data-nom-ret="<?php echo $taxon['nom_ret'];?>"
 247 
													data-nom-ret="<?php echo $taxon['nom_ret'];?>"
248 
													data-num-nom-ret="<?php echo $taxon['num_nom_ret'];?>"
 248 
													data-num-nom-ret="<?php echo $taxon['num_nom_ret'];?>"
249 
													data-nt="<?php echo $taxon['num_taxon'];?>"
 249 
													data-nt="<?php echo $taxon['num_taxon'];?>"
250 
													data-famille="<?php echo $taxon['famille'];?>"
 250 
													data-famille="<?php echo $taxon['famille'];?>"
251 
												><?php echo ( 'plantes' === $squelette) ? $taxon['nom_fr'] : $taxon['nom_sel'];?></option>
 251 
												><?php echo ( 'plantes' === $squelette) ? $taxon['nom_fr'] : $taxon['nom_sel'];?></option>
252 
											<?php endforeach; ?>
 252 
											<?php endforeach; ?>
253 
											<option value="autre">Autre espèce</option>
 253 
											<option value="autre">Autre espèce</option>
254 
										</select>
 254 
										</select>
255 
										<span for="taxon-liste" class="error" style="display: none;">
 255 
										<span for="taxon-liste" class="error" style="display: none;">
256 
											Une observation doit comporter au moins une image ou un nom d'espèce
 256 
											Une observation doit comporter au moins une image ou un nom d'espèce
257 
										</span>
 257 
										</span>
258 
										<input id="taxon" name="taxon" type="hidden" />
 258 
										<input id="taxon" name="taxon" type="hidden" />
259 
									</div>
 259 
									</div>
260 
							</div><!-- fin bloc-taxon -->
 260 
							</div><!-- fin bloc-taxon -->
261 
							<!-- input text pour l'option "autre" espèce -->
 261 
							<!-- input text pour l'option "autre" espèce -->
262 
							<div id="taxon-input-groupe" class="control-group hidden">
 262 
							<div id="taxon-input-groupe" class="control-group hidden">
263 
								<label id="taxon-autocomplete-label" for="taxon-autre" class="col-sm-8" title="">
 263 
								<label id="taxon-autocomplete-label" for="taxon-autre" class="col-sm-8" title="">
264 
									<i class="fab fa-pagelines" aria-hidden="true"></i>&nbsp;Autre espèce
 264 
									<i class="fab fa-pagelines" aria-hidden="true"></i>&nbsp;Autre espèce
265 
								</label>
 265 
								</label>
266 
								<div class="col-sm-8 mb-3">
 266 
								<div class="col-sm-8 mb-3">
267 
									<input id="taxon-autre" name="taxon-autre" class="form-control has-tooltip" type="text" data-toggle="tooltip" title="Saisir le taxon observé, en utilisant l&apos;autocomplétion autant que possible.">
 267 
									<input id="taxon-autre" name="taxon-autre" class="form-control has-tooltip" type="text" data-toggle="tooltip" title="Saisir le taxon observé, en utilisant l&apos;autocomplétion autant que possible.">
268 
								</div>
 268 
								</div>
269 
							</div>
 269 
							</div>
270 
 
 270 
 
271 
						<?php endif; ?>
 271 
						<?php endif; ?>
272 
 
 272 
 
273 
					<div class="control-group">
 273 
					<div class="control-group">
274 
						<label for="certitude" class="col-sm-8 obligatoire">
 274 
						<label for="certitude" class="col-sm-8 obligatoire">
275 
							<i class="fa fa-question" aria-hidden="true"></i>&nbsp;Certitude
 275 
							<i class="fa fa-question" aria-hidden="true"></i>&nbsp;Certitude
276 
						</label>
 276 
						</label>
277 
						<div class="col-sm-8 mb-3">
 277 
						<div class="col-sm-8 mb-3">
278 
							<select id="certitude" name="certitude" class="form-control custom-select" required>
 278 
							<select id="certitude" name="certitude" class="form-control custom-select" required>
279 
								<option class="choisir" hidden value="" selected>...Choisir...</option>
 279 
								<option class="choisir" hidden value="" selected>...Choisir...</option>
280 
								<option class="aDeterminer" value="à determiner">À déterminer</option>
 280 
								<option class="aDeterminer" value="à determiner">À déterminer</option>
281 
								<option class="douteux" value="douteux">Douteuse</option>
 281 
								<option class="douteux" value="douteux">Douteuse</option>
282 
								<option class="certain" value="certain">Certaine</option>
 282 
								<option class="certain" value="certain">Certaine</option>
283 
							</select>
 283 
							</select>
284 
						</div>
 284 
						</div>
285 
					</div>
 285 
					</div>
286 
					<?php if ('lichens' === $squelette ) : ?>
 286 
					<?php if ('lichens' === $squelette ) : ?>
287 
						<div class="control-group">
 287 
						<div class="control-group">
288 
							<div class="col-sm-8 mb-2 list-label obligatoire" title="À partir de la grille d&apos;observation, repérer où sont placés les lichens sur le tronc (bas à 1m du sol). Voir le tutoriel.">
 288 
							<div class="col-sm-8 mb-2 list-label obligatoire" title="À partir de la grille d&apos;observation, repérer où sont placés les lichens sur le tronc (bas à 1m du sol). Voir le tutoriel.">
289 
								<i class="fas fa-cube" aria-hidden="true"></i>&nbsp;Localisation sur le tronc
 289 
								<i class="fas fa-cube" aria-hidden="true"></i>&nbsp;Localisation sur le tronc
290 
							</div>
 290 
							</div>
291 
							<table class="table col-sm-8">
 291 
							<table class="table col-sm-8">
292 
							  <thead>
 292 
							  <thead>
293 
								<tr>
 293 
								<tr>
294 
								  <th scope="col">Face :</th>
 294 
								  <th scope="col">Face :</th>
295 
								  <th scope="col">Nord</th>
 295 
								  <th scope="col">Nord</th>
296 
								  <th scope="col">Sud</th>
 296 
								  <th scope="col">Sud</th>
297 
								  <th scope="col">Est</th>
 297 
								  <th scope="col">Est</th>
298 
								  <th scope="col">Ouest</th>
 298 
								  <th scope="col">Ouest</th>
299 
								</tr>
 299 
								</tr>
300 
							  </thead>
 300 
							  </thead>
301 
							  <tbody>
 301 
							  <tbody>
302 
							  	<tr>
 302 
							  	<tr>
303 
								  <th scope="row">Toute la hauteur</th>
 303 
								  <th scope="row">Toute la hauteur</th>
304 
								  <td><input type="checkbox" name="lichens-tronc" class="lichens-tronc-all" data-face="n" id="lichens-tronc-all-n" value="n1;n2;n3;n4;n5"></td>
 304 
								  <td><input type="checkbox" name="lichens-tronc" class="lichens-tronc-all" data-face="n" id="lichens-tronc-all-n" value="n1;n2;n3;n4;n5"></td>
305 
								  <td><input type="checkbox" name="lichens-tronc" class="lichens-tronc-all" data-face="s" id="lichens-tronc-all-s" value="s1;s2;s3;s4;s5"></td>
 305 
								  <td><input type="checkbox" name="lichens-tronc" class="lichens-tronc-all" data-face="s" id="lichens-tronc-all-s" value="s1;s2;s3;s4;s5"></td>
306 
								  <td><input type="checkbox" name="lichens-tronc" class="lichens-tronc-all" data-face="e" id="lichens-tronc-all-e" value="e1;e2;e3;e4;e5"></td>
 306 
								  <td><input type="checkbox" name="lichens-tronc" class="lichens-tronc-all" data-face="e" id="lichens-tronc-all-e" value="e1;e2;e3;e4;e5"></td>
307 
								  <td><input type="checkbox" name="lichens-tronc" class="lichens-tronc-all" data-face="o" id="lichens-tronc-all-o" value="o1;o2;o3;o4;o5"></td>
 307 
								  <td><input type="checkbox" name="lichens-tronc" class="lichens-tronc-all" data-face="o" id="lichens-tronc-all-o" value="o1;o2;o3;o4;o5"></td>
308 
								</tr>
 308 
								</tr>
309 
								<tr>
 309 
								<tr>
310 
								  <th scope="row">1 (haut)</th>
 310 
								  <th scope="row">1 (haut)</th>
311 
								  <td><input type="checkbox" name="lichens-tronc" data-face="n" id="lichens-tronc-n1" value="n1"></td>
 311 
								  <td><input type="checkbox" name="lichens-tronc" data-face="n" id="lichens-tronc-n1" value="n1"></td>
312 
								  <td><input type="checkbox" name="lichens-tronc" data-face="s" id="lichens-tronc-s1" value="s1"></td>
 312 
								  <td><input type="checkbox" name="lichens-tronc" data-face="s" id="lichens-tronc-s1" value="s1"></td>
313 
								  <td><input type="checkbox" name="lichens-tronc" data-face="e" id="lichens-tronc-e1" value="e1"></td>
 313 
								  <td><input type="checkbox" name="lichens-tronc" data-face="e" id="lichens-tronc-e1" value="e1"></td>
314 
								  <td><input type="checkbox" name="lichens-tronc" data-face="o" id="lichens-tronc-o1" value="o1"></td>
 314 
								  <td><input type="checkbox" name="lichens-tronc" data-face="o" id="lichens-tronc-o1" value="o1"></td>
315 
								</tr>
 315 
								</tr>
316 
								<tr>
 316 
								<tr>
317 
								  <th scope="row">2</th>
 317 
								  <th scope="row">2</th>
318 
								  <td><input type="checkbox" name="lichens-tronc" data-face="n" id="lichens-tronc-n2" value="n2"></td>
 318 
								  <td><input type="checkbox" name="lichens-tronc" data-face="n" id="lichens-tronc-n2" value="n2"></td>
319 
								  <td><input type="checkbox" name="lichens-tronc" data-face="s" id="lichens-tronc-s2" value="s2"></td>
 319 
								  <td><input type="checkbox" name="lichens-tronc" data-face="s" id="lichens-tronc-s2" value="s2"></td>
320 
								  <td><input type="checkbox" name="lichens-tronc" data-face="e" id="lichens-tronc-e2" value="e2"></td>
 320 
								  <td><input type="checkbox" name="lichens-tronc" data-face="e" id="lichens-tronc-e2" value="e2"></td>
321 
								  <td><input type="checkbox" name="lichens-tronc" data-face="o" id="lichens-tronc-o2" value="o2"></td>
 321 
								  <td><input type="checkbox" name="lichens-tronc" data-face="o" id="lichens-tronc-o2" value="o2"></td>
322 
								</tr>
 322 
								</tr>
323 
								<tr>
 323 
								<tr>
324 
								  <th scope="row">3</th>
 324 
								  <th scope="row">3</th>
325 
								  <td><input type="checkbox" name="lichens-tronc" data-face="n" id="lichens-tronc-n3" value="n3"></td>
 325 
								  <td><input type="checkbox" name="lichens-tronc" data-face="n" id="lichens-tronc-n3" value="n3"></td>
326 
								  <td><input type="checkbox" name="lichens-tronc" data-face="s" id="lichens-tronc-s3" value="s3"></td>
 326 
								  <td><input type="checkbox" name="lichens-tronc" data-face="s" id="lichens-tronc-s3" value="s3"></td>
327 
								  <td><input type="checkbox" name="lichens-tronc" data-face="e" id="lichens-tronc-e3" value="e3"></td>
 327 
								  <td><input type="checkbox" name="lichens-tronc" data-face="e" id="lichens-tronc-e3" value="e3"></td>
328 
								  <td><input type="checkbox" name="lichens-tronc" data-face="o" id="lichens-tronc-o3" value="o3"></td>
 328 
								  <td><input type="checkbox" name="lichens-tronc" data-face="o" id="lichens-tronc-o3" value="o3"></td>
329 
								</tr>
 329 
								</tr>
330 
								<tr>
 330 
								<tr>
331 
								  <th scope="row">4</th>
 331 
								  <th scope="row">4</th>
332 
								  <td><input type="checkbox" name="lichens-tronc" data-face="n" id="lichens-tronc-n4" value="n4"></td>
 332 
								  <td><input type="checkbox" name="lichens-tronc" data-face="n" id="lichens-tronc-n4" value="n4"></td>
333 
								  <td><input type="checkbox" name="lichens-tronc" data-face="s" id="lichens-tronc-s4" value="s4"></td>
 333 
								  <td><input type="checkbox" name="lichens-tronc" data-face="s" id="lichens-tronc-s4" value="s4"></td>
334 
								  <td><input type="checkbox" name="lichens-tronc" data-face="e" id="lichens-tronc-e4" value="e4"></td>
 334 
								  <td><input type="checkbox" name="lichens-tronc" data-face="e" id="lichens-tronc-e4" value="e4"></td>
335 
								  <td><input type="checkbox" name="lichens-tronc" data-face="o" id="lichens-tronc-o4" value="o4"></td>
 335 
								  <td><input type="checkbox" name="lichens-tronc" data-face="o" id="lichens-tronc-o4" value="o4"></td>
336 
								</tr>
 336 
								</tr>
337 
								<tr>
 337 
								<tr>
338 
								  <th scope="row">5 (bas)</th>
 338 
								  <th scope="row">5 (bas)</th>
339 
								  <td><input type="checkbox" name="lichens-tronc" data-face="n" id="lichens-tronc-n5" value="n5"></td>
 339 
								  <td><input type="checkbox" name="lichens-tronc" data-face="n" id="lichens-tronc-n5" value="n5"></td>
340 
								  <td><input type="checkbox" name="lichens-tronc" data-face="s" id="lichens-tronc-s5" value="s5"></td>
 340 
								  <td><input type="checkbox" name="lichens-tronc" data-face="s" id="lichens-tronc-s5" value="s5"></td>
341 
								  <td><input type="checkbox" name="lichens-tronc" data-face="e" id="lichens-tronc-e5" value="e5"></td>
 341 
								  <td><input type="checkbox" name="lichens-tronc" data-face="e" id="lichens-tronc-e5" value="e5"></td>
342 
								  <td><input type="checkbox" name="lichens-tronc" data-face="o" id="lichens-tronc-o5" value="o5"></td>
 342 
								  <td><input type="checkbox" name="lichens-tronc" data-face="o" id="lichens-tronc-o5" value="o5"></td>
343 
								</tr>
 343 
								</tr>
344 
							  </tbody>
 344 
							  </tbody>
345 
							</table>
 345 
							</table>
346 
						</div>
 346 
						</div>
347 
					<?php endif; ?>
 347 
					<?php endif; ?>
348 
					<?php if ('arbres' === $squelette ) : ?>
 348 
					<?php if ('arbres' === $squelette ) : ?>
349 
						<div class="">
 349 
						<div class="">
350 
							<label class="col-sm-8 obligatoire has-tooltip" data-toggle="tooltip" title="Localisation du relevé.">
 350 
							<label class="col-sm-8 obligatoire has-tooltip" data-toggle="tooltip" title="Localisation du relevé.">
351 
								<i class="fa fa-map-marked-alt " aria-hidden="true"></i>&nbsp;Localiser l'arbre
 351 
								<i class="fa fa-map-marked-alt " aria-hidden="true"></i>&nbsp;Localiser l'arbre
352 
							</label>
 352 
							</label>
353 
							<div class="control-group">
 353 
							<div class="control-group">
354 
								<div id="geoloc-datas-arbres" class="hidden">
 354 
								<div id="geoloc-datas-arbres" class="hidden">
355 
									<div class="mt-3">
 355 
									<div class="mt-3">
356 
										<label class="col-sm-8" for="rue-arbres">Rue</label>
 356 
										<label class="col-sm-8" for="rue-arbres">Rue</label>
357 
										<div class="col-sm-8">
 357 
										<div class="col-sm-8">
358 
											<input type="text" class="form-control rue-arbres" disabled id="rue-arbres" name="rue-arbres" value="">
 358 
											<input type="text" class="form-control rue-arbres" disabled id="rue-arbres" name="rue-arbres" value="">
359 
										</div>
 359 
										</div>
360 
									</div>
 360 
									</div>
361 
									<input type="hidden" id="geometry-arbres" name="geometry-arbres" class="geometry-arbres"  value="" style="display:none">
 361 
									<input type="hidden" id="geometry-arbres" name="geometry-arbres" class="geometry-arbres"  value="" style="display:none">
362 
									<div class="row pl-3 pr-3 mt-3">
 362 
									<div class="row pl-3 pr-3 mt-3">
363 
										<div class="d-flex flex-column col-sm-4">
 363 
										<div class="d-flex flex-column col-sm-4">
364 
											<label class="" for="latitude-arbres">Latitude</label>
 364 
											<label class="" for="latitude-arbres">Latitude</label>
365 
											<div class="">
 365 
											<div class="">
366 
												<input type="text" class="form-control latitude-arbres" disabled id="latitude-arbres" name="latitude-arbres" value="">
 366 
												<input type="text" class="form-control latitude-arbres" disabled id="latitude-arbres" name="latitude-arbres" value="">
367 
											</div>
 367 
											</div>
368 
										</div>
 368 
										</div>
369 
										<div class="d-flex flex-column col-sm-4">
 369 
										<div class="d-flex flex-column col-sm-4">
370 
											<label class="" for="longitude-arbres">Longitude</label>
 370 
											<label class="" for="longitude-arbres">Longitude</label>
371 
											<div class="">
 371 
											<div class="">
372 
												<input type="text" class="form-control longitude-arbres" disabled id="longitude-arbres" name="longitude-arbres" value="">
 372 
												<input type="text" class="form-control longitude-arbres" disabled id="longitude-arbres" name="longitude-arbres" value="">
373 
											</div>
 373 
											</div>
374 
										</div>
 374 
										</div>
375 
									</div>
 375 
									</div>
376 
									<input type="hidden" id="altitude-arbres" name="altitude-arbres" class=""  value="" style="display:none">
 376 
									<input type="hidden" id="altitude-arbres" name="altitude-arbres" class=""  value="" style="display:none">
377 
								</div>
 377 
								</div>
378 
								<div id="geoloc-arbres" class="col-sm-8"></div>
 378 
								<div id="geoloc-arbres" class="col-sm-8"></div>
379 
							</div>
 379 
							</div>
380 
						</div>
 380 
						</div>
381 
					<?php else : ?>
 381 
					<?php else : ?>
382 
						<div class="">
 382 
						<div class="">
383 
							<label for="commentaire" class="col-sm-8">
 383 
							<label for="commentaire" class="col-sm-8">
384 
								<i class="fa fa-pen" aria-hidden="true"></i>&nbsp;Commentaires
 384 
								<i class="fa fa-pen" aria-hidden="true"></i>&nbsp;Commentaires
385 
							</label>
 385 
							</label>
386 
							<div class="col-sm-8 mb-3">
 386 
							<div class="col-sm-8 mb-3">
387 
								<textarea id="commentaire" class="col-md-12" rows="7" name="commentaire"></textarea>
 387 
								<textarea id="commentaire" class="col-md-12" rows="7" name="commentaire"></textarea>
388 
							</div>
 388 
							</div>
389 
						</div>
 389 
						</div>
390 
					<?php endif; ?>
 390 
					<?php endif; ?>
391 
				</form>
 391 
				</form>
392 
				<form id="form-upload" class="form-horizontal" action="<?php echo $url_ws_upload ?>" method="post" enctype="multipart/form-data">
 392 
				<form id="form-upload" class="form-horizontal" action="<?php echo $url_ws_upload ?>" method="post" enctype="multipart/form-data">
393 
					<div class="col-sm-8 mb-2 list-label and-help">
 393 
					<div class="col-sm-8 mb-2 list-label and-help">
394 
						<?php
 394 
						<?php
395 
							$texte_photo = '';
 395 
							$texte_photo = '';
396 
							if( 'lichens' !== $squelette ) $texte_photo = 't';
 396 
							if( 'lichens' !== $squelette ) $texte_photo = 't';
397 
							if( 'plantes' === $squelette ) $texte_photo .= 'te';
 397 
							if( 'plantes' === $squelette ) $texte_photo .= 'te';
398 
							$texte_photo .= " $chaine_sq_singulier";
 398 
							$texte_photo .= " $chaine_sq_singulier";
399 
						?>
 399 
						?>
400 
						<i class="fa fa-images" aria-hidden="true"></i>&nbsp;Photo(s) de ce<?php echo $texte_photo;?>
 400 
						<i class="fa fa-images" aria-hidden="true"></i>&nbsp;Photo(s) de ce<?php echo $texte_photo;?>
401 
					</div>
 401 
					</div>
402 
					<p id="miniature-info" class="col-sm-8">
 402 
					<p id="miniature-info" class="col-sm-8">
403 
						Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacune.<br>
 403 
						Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacune.<br>
404 
						En fonction de sa taille sur le disque le téléchargement d'une photo peut être long.<br>
 404 
						En fonction de sa taille sur le disque le téléchargement d'une photo peut être long.<br>
405 
						Pendant ce temps l'envoi de l'observation sera interrompu.<br>
 405 
						Pendant ce temps l'envoi de l'observation sera interrompu.<br>
406 
						Vous pouvez l'annuler en cliquant sur le bouton supprimer de la photo en cours de téléchargement.
 406 
						Vous pouvez l'annuler en cliquant sur le bouton supprimer de la photo en cours de téléchargement.
407 
					</p>
 407 
					</p>
408 
					<div id ="photos-conteneur" class="control-group col-sm-12">
 408 
					<div id ="photos-conteneur" class="control-group col-sm-12">
409 
						<div id="bouton-fichier">
 409 
						<div id="bouton-fichier">
410 
							<label for="fichier" class="label-file btn btn-large btn-info mb-3" title="Photos au format JPEG, moins de 5Mo chacune.">
 410 
							<label for="fichier" class="label-file btn btn-large btn-info mb-3" title="Photos au format JPEG, moins de 5Mo chacune.">
411 
								<span class="label-text"><i class="fas fa-download"></i>&nbsp;Ajouter une image</span>
 411 
								<span class="label-text"><i class="fas fa-download"></i>&nbsp;Ajouter une image</span>
412 
								<input type="file" id="fichier" name="fichier" class="input-file" accept="image/jpeg" multiple>
 412 
								<input type="file" id="fichier" name="fichier" class="input-file" accept="image/jpeg" multiple>
413 
								<input type="hidden" name="MAX_FILE_SIZE" value="5242880">
 413 
								<input type="hidden" name="MAX_FILE_SIZE" value="5242880">
414 
							</label>
 414 
							</label>
415 
						</div>
 415 
						</div>
416 
 
 416 
 
417 
						<div id="miniatures"></div>
 417 
						<div id="miniatures"></div>
418 
						<p class="miniature-msg" class="span12">&nbsp;</p>
 418 
						<p class="miniature-msg" class="span12">&nbsp;</p>
419 
					</div>
 419 
					</div>
420 
				</form>
 420 
				</form>
421 
				<?php if ('arbres' === $squelette ) : ?>
 421 
				<?php if ('arbres' === $squelette ) : ?>
422 
					<form id="form-arbre-fs" role="form" autocomplete="off">
 422 
					<form id="form-arbre-fs" role="form" autocomplete="off">
423 
						<div class="control-group">
 423 
						<div class="control-group">
424 
							<label for="circonference" class="col-sm-8 obligatoire">
 424 
							<label for="circonference" class="col-sm-8 obligatoire">
425 
								<i class="fa fa-circle-notch" aria-hidden="true"></i>&nbsp;Circonférence (cm)
 425 
								<i class="fa fa-circle-notch" aria-hidden="true"></i>&nbsp;Circonférence (cm)
426 
							</label>
 426 
							</label>
427 
							<div class="col-sm-8 mb-3">
 427 
							<div class="col-sm-8 mb-3">
428 
								<input id="circonference" type="number" name="circonference" class="form-control has-tooltip" data-toggle="tooltip" title="Circonférence en cm, à 1m de hauteur" placeholder="Circonférence (cm)" step="1" min="1" required>
 428 
								<input id="circonference" type="number" name="circonference" class="form-control has-tooltip" data-toggle="tooltip" title="Circonférence en cm, à 1m de hauteur" placeholder="Circonférence (cm)" step="1" min="1" required>
429 
							</div>
 429 
							</div>
430 
						</div>
 430 
						</div>
431 
						<?php if ('tb_lichensgo' !== $widget['projet']) : ?>
 431 
						<?php if ('tb_lichensgo' !== $widget['projet']) : ?>
432 
							<div class="control-group">
 432 
							<div class="control-group">
433 
								<label for="surface-pied" class="col-sm-8 obligatoire">
 433 
								<label for="surface-pied" class="col-sm-8 obligatoire">
434 
									<i class="fa fa-arrows-alt" aria-hidden="true"></i>&nbsp;Surface du pied (m²)
 434 
									<i class="fa fa-arrows-alt" aria-hidden="true"></i>&nbsp;Surface du pied (m²)
435 
								</label>
 435 
								</label>
436 
								<div class="col-sm-8 mb-3">
 436 
								<div class="col-sm-8 mb-3">
437 
									<input id="surface-pied" type="number" name="surface-pied" class="form-control has-tooltip" data-toggle="tooltip" title="Surface du pied d&apos;arbre en m² (évaluée ou mesurée avec un mètre)" placeholder="Surface du pied (m²)" step="0.01" min="0" lang="en"required>
 437 
									<input id="surface-pied" type="number" name="surface-pied" class="form-control has-tooltip" data-toggle="tooltip" title="Surface du pied d&apos;arbre en m² (évaluée ou mesurée avec un mètre)" placeholder="Surface du pied (m²)" step="0.01" min="0" lang="en"required>
438 
								</div>
 438 
								</div>
439 
							</div>
 439 
							</div>
440 
							<div class="control-group">
 440 
							<div class="control-group">
441 
								<label for="equipement-pied-arbre" class="col-sm-8 obligatoire">
 441 
								<label for="equipement-pied-arbre" class="col-sm-8 obligatoire">
442 
									<i class="fa fa-dot-circle" aria-hidden="true"></i>&nbsp;Equipement au pied de l'arbre
 442 
									<i class="fa fa-dot-circle" aria-hidden="true"></i>&nbsp;Equipement au pied de l'arbre
443 
								</label>
 443 
								</label>
444 
								<div class="col-sm-8 mb-3">
 444 
								<div class="col-sm-8 mb-3">
445 
									<div class="select-wrapper add-field-select">
 445 
									<div class="select-wrapper add-field-select">
446 
										<select id="equipement-pied-arbre" name="equipement-pied-arbre" class="equipement-pied-arbre select form-control custom-select" data-label="Equipement au pied de l&apos;arbre" data-name="equipement-pied-arbre" required>
 446 
										<select id="equipement-pied-arbre" name="equipement-pied-arbre" class="equipement-pied-arbre select form-control custom-select" data-label="Equipement au pied de l&apos;arbre" data-name="equipement-pied-arbre" required>
447 
											<option class="choisir" selected value="" data-name="equipement-pied-arbre" hidden>...Choisir...</option>
 447 
											<option class="choisir" selected value="" data-name="equipement-pied-arbre" hidden>...Choisir...</option>
448 
											<option value="plaque de metal" data-name="equipement-pied-arbre">Plaque de métal</option>
 448 
											<option value="plaque de metal" data-name="equipement-pied-arbre">Plaque de métal</option>
449 
											<option value="grille" data-name="equipement-pied-arbre">Grille</option>
 449 
											<option value="grille" data-name="equipement-pied-arbre">Grille</option>
450 
											<option value="ciment" data-name="equipement-pied-arbre">Ciment</option>
 450 
											<option value="ciment" data-name="equipement-pied-arbre">Ciment</option>
451 
											<option value="gomme" data-name="equipement-pied-arbre">Gomme</option>
 451 
											<option value="gomme" data-name="equipement-pied-arbre">Gomme</option>
452 
											<option value="absent" data-name="equipement-pied-arbre">Absent</option>
 452 
											<option value="absent" data-name="equipement-pied-arbre">Absent</option>
453 
											<option class="other form-control is-select" value="other" data-name="equipement-pied-arbre" data-element="select">Autre</option>
 453 
											<option class="other form-control is-select" value="other" data-name="equipement-pied-arbre" data-element="select">Autre</option>
454 
										</select>
 454 
										</select>
455 
									</div>
 455 
									</div>
456 
									<span class="error hidden">Ce champ est obligatoire.</span>
 456 
									<span class="error hidden">Ce champ est obligatoire.</span>
457 
								</div>
 457 
								</div>
458 
							</div>
 458 
							</div>
459 
							<div class="">
 459 
							<div class="">
460 
								<label for="tassement" class="col-sm-8">
 460 
								<label for="tassement" class="col-sm-8">
461 
									<i class="fas fa-sort-amount-down" aria-hidden="true"></i>&nbsp;Tassement
 461 
									<i class="fas fa-sort-amount-down" aria-hidden="true"></i>&nbsp;Tassement
462 
								</label>
 462 
								</label>
463 
								<div class="col-sm-8 mb-3">
 463 
								<div class="col-sm-8 mb-3">
464 
									<select id="tassement" name="tassement" class="tassement form-control custom-select has-tooltip" data-toggle="tooltip" title="Évaluer le tassement du sol à l&apos;aide d'un crayon que vous enfoncez verticalement dans le sol.">
 464 
									<select id="tassement" name="tassement" class="tassement form-control custom-select has-tooltip" data-toggle="tooltip" title="Évaluer le tassement du sol à l&apos;aide d'un crayon que vous enfoncez verticalement dans le sol.">
465 
										<option class="choisir" selected value="" hidden>...Choisir...</option>
 465 
										<option class="choisir" selected value="" hidden>...Choisir...</option>
466 
										<option value="dur">Dur (le crayon ne s&apos;enfonce pas du tout)</option>
 466 
										<option value="dur">Dur (le crayon ne s&apos;enfonce pas du tout)</option>
467 
										<option value="normal">Normal (le crayon s&apos;enfonce difficilement)</option>
 467 
										<option value="normal">Normal (le crayon s&apos;enfonce difficilement)</option>
468 
										<option value="mou">Mou (le crayon s&apos;enfonce facilement)</option>
 468 
										<option value="mou">Mou (le crayon s&apos;enfonce facilement)</option>
469 
									</select>
 469 
									</select>
470 
								</div>
 470 
								</div>
471 
							</div>
 471 
							</div>
472 
							<div class="">
 472 
							<div class="">
473 
								<div class="col-sm-8 mb-2 list-label">
 473 
								<div class="col-sm-8 mb-2 list-label">
474 
									<i class="fa fa-dog" aria-hidden="true"></i>&nbsp;Présence de déjection(s)
 474 
									<i class="fa fa-dog" aria-hidden="true"></i>&nbsp;Présence de déjection(s)
475 
								</div>
 475 
								</div>
476 
								<div id="dejections" class="col-sm-8 mb-3 list">
 476 
								<div id="dejections" class="col-sm-8 mb-3 list">
477 
									<div class="form-check form-check-inline">
 477 
									<div class="form-check form-check-inline">
478 
										<input type="radio" id="dejections-oui" name="dejections" class="dejections-oui form-check-input" value="true">
 478 
										<input type="radio" id="dejections-oui" name="dejections" class="dejections-oui form-check-input" value="true">
479 
										<label for="dejections-oui" class="dejections-oui form-check-label">Oui</label>
 479 
										<label for="dejections-oui" class="dejections-oui form-check-label">Oui</label>
480 
									</div>
 480 
									</div>
481 
									<div class="form-check form-check-inline">
 481 
									<div class="form-check form-check-inline">
482 
										<input type="radio" id="dejections-non" name="dejections" class="dejections-non form-check-input" value="false">
 482 
										<input type="radio" id="dejections-non" name="dejections" class="dejections-non form-check-input" value="false">
483 
										<label for="dejections-non" class="dejections-non form-check-label">Non</label>
 483 
										<label for="dejections-non" class="dejections-non form-check-label">Non</label>
484 
									</div>
 484 
									</div>
485 
								</div>
 485 
								</div>
486 
							</div>
 486 
							</div>
487 
						<?php endif; ?>
 487 
						<?php endif; ?>
488 
 
 488 
 
489 
						<?php if ('tb_streets' !== $widget['projet']) : ?>
 489 
						<?php if ('tb_streets' !== $widget['projet']) : ?>
490 
							<div id="face-ombre" class="control-group">
 490 
							<div id="face-ombre" class="control-group">
491 
								<div class="col-sm-8 mb-2 list-label obligatoire">
 491 
								<div class="col-sm-8 mb-2 list-label obligatoire">
492 
									<i class="far fa-compass" aria-hidden="true"></i>&nbsp;Une ou plusieurs faces sont-elles à l'ombre la plupart du temps? Si oui, notez lesquelles&nbsp;:
 492 
									<i class="far fa-compass" aria-hidden="true"></i>&nbsp;Une ou plusieurs faces sont-elles à l'ombre la plupart du temps? Si oui, notez lesquelles&nbsp;:
493 
								</div>
 493 
								</div>
494 
								<div class="col-sm-8 mb-3 has-tooltip list" data-toggle="tooltip" title="Si vous estimez que le tronc est souvent à l&apos;ombre (à cause de bâtiments ou du feuillage par exemple), notez la ou les faces ombragées." required>
 494 
								<div class="col-sm-8 mb-3 has-tooltip list" data-toggle="tooltip" title="Si vous estimez que le tronc est souvent à l&apos;ombre (à cause de bâtiments ou du feuillage par exemple), notez la ou les faces ombragées." required>
495 
									<div class="form-check form-check-inline">
 495 
									<div class="form-check form-check-inline">
496 
										<input type="checkbox" id="nord" name="face-ombre" class="nord form-check-input" value="nord">
 496 
										<input type="checkbox" id="nord" name="face-ombre" class="nord form-check-input" value="nord">
497 
										<label for="nord" class="nord form-check-label">Nord</label>
 497 
										<label for="nord" class="nord form-check-label">Nord</label>
498 
									</div>
 498 
									</div>
499 
									<div class="form-check form-check-inline">
 499 
									<div class="form-check form-check-inline">
500 
										<input type="checkbox" id="sud" name="face-ombre" class="sud form-check-input" value="sud">
 500 
										<input type="checkbox" id="sud" name="face-ombre" class="sud form-check-input" value="sud">
501 
										<label for="sud" class="sud form-check-label">Sud</label>
 501 
										<label for="sud" class="sud form-check-label">Sud</label>
502 
									</div>
 502 
									</div>
503 
									<div class="form-check form-check-inline">
 503 
									<div class="form-check form-check-inline">
504 
										<input type="checkbox" id="est" name="face-ombre" class="est form-check-input" value="est">
 504 
										<input type="checkbox" id="est" name="face-ombre" class="est form-check-input" value="est">
505 
										<label for="est" class="est form-check-label">Est</label>
 505 
										<label for="est" class="est form-check-label">Est</label>
506 
									</div>
 506 
									</div>
507 
									<div class="form-check form-check-inline">
 507 
									<div class="form-check form-check-inline">
508 
										<input type="checkbox" id="ouest" name="face-ombre" class="ouest form-check-input" value="ouest">
 508 
										<input type="checkbox" id="ouest" name="face-ombre" class="ouest form-check-input" value="ouest">
509 
										<label for="ouest" class="ouest form-check-label">Ouest</label>
 509 
										<label for="ouest" class="ouest form-check-label">Ouest</label>
510 
									</div>
 510 
									</div>
511 
									<div class="form-check form-check-inline">
 511 
									<div class="form-check form-check-inline">
512 
										<input type="checkbox" id="aucune" name="face-ombre" class="ouest form-check-input" value="aucune">
 512 
										<input type="checkbox" id="aucune" name="face-ombre" class="ouest form-check-input" value="aucune">
513 
										<label for="aucune" class="aucune form-check-label">Aucune</label>
 513 
										<label for="aucune" class="aucune form-check-label">Aucune</label>
514 
									</div>
 514 
									</div>
515 
								</div>
 515 
								</div>
516 
							</div>
 516 
							</div>
517 
						<?php endif; ?>
 517 
						<?php endif; ?>
518 
 
 518 
 
519 
						<div class="">
 519 
						<div class="">
520 
							<label for="com-arbres" class="col-sm-8" title="">
 520 
							<label for="com-arbres" class="col-sm-8" title="">
521 
									<i class="fa fa-pen" aria-hidden="true"></i>&nbsp;Commentaires
 521 
									<i class="fa fa-pen" aria-hidden="true"></i>&nbsp;Commentaires
522 
							</label>
 522 
							</label>
523 
							<div class="col-sm-8 mb-3">
 523 
							<div class="col-sm-8 mb-3">
524 
									<textarea id="com-arbres" class="col-md-12" rows="7" name="com-arbres"></textarea>
 524 
									<textarea id="com-arbres" class="col-md-12" rows="7" name="com-arbres"></textarea>
525 
							</div>
 525 
							</div>
526 
						</div>
 526 
						</div>
527 
					</form>
 527 
					</form>
528 
 
 528 
 
529 
				<!-- Bouton création d'une obs et retour à la saisie après visualisation d'un(e) <?php $chaine_sq_singulier; ?>-->
 529 
				<!-- Bouton création d'une obs et retour à la saisie après visualisation d'un(e) <?php $chaine_sq_singulier; ?>-->
530 
				<div class="col-sm-8 mb-3">
 530 
				<div class="col-sm-8 mb-3">
531 
					<button id="retour" class="btn btn-info has-tooltip hidden mr-2 mb-2" data-toggle="tooltip" title="Retour à la saisie">
 531 
					<button id="retour" class="btn btn-info has-tooltip hidden mr-2 mb-2" data-toggle="tooltip" title="Retour à la saisie">
532 
						<i class="fas fa-undo-alt"></i>&nbsp;retour à la saisie
 532 
						<i class="fas fa-undo-alt"></i>&nbsp;retour à la saisie
533 
					</button>
 533 
					</button>
534 
				<?php else: ?>
 534 
				<?php else: ?>
535 
					<div class="col-sm-8 mb-3">
 535 
					<div class="col-sm-8 mb-3">
536 
				<?php endif; ?>
 536 
				<?php endif; ?>
537 
					<button id="ajouter-obs" class="btn btn-primary has-tooltip" data-toggle="tooltip" title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour ajouter votre observation à la liste à transmettre.">
 537 
					<button id="ajouter-obs" class="btn btn-primary has-tooltip" data-toggle="tooltip" title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour ajouter votre observation à la liste à transmettre.">
538 
						<i class="fas fa-step-forward"></i>&nbsp;Suivant
 538 
						<i class="fas fa-step-forward"></i>&nbsp;Suivant
539 
					</button>
 539 
					</button>
540 
				</div>
 540 
				</div>
541 
				<?php if ('arbres' === $squelette ) : ?>
 541 
				<?php if ('arbres' === $squelette ) : ?>
542 
					<div id="bloc-info-arbres">
 542 
					<div id="bloc-info-arbres">
543 
						<h3 id="bloc-info-arbres-title" class="m-3 hidden">Revisualiser le formulaire pour un arbre :</h3>
 543 
						<h3 id="bloc-info-arbres-title" class="m-3 hidden">Revisualiser le formulaire pour un arbre :</h3>
544 
					</div>
 544 
					</div>
545 
				<?php endif; ?>
 545 
				<?php endif; ?>
546 
			</div>
 546 
			</div>
547 
		</div><!-- fin formulaire <?php echo $squelette;?> -->
 547 
		</div><!-- fin formulaire <?php echo $squelette;?> -->
548 
		<!-- zone résumé obs <?php echo $squelette;?> ( =zone de droite) -->
 548 
		<!-- zone résumé obs <?php echo $squelette;?> ( =zone de droite) -->
549 
		<div id="boc-droite" class="col-md-6 mb-3">
 549 
		<div id="boc-droite" class="col-md-6 mb-3">
550 
			<!-- Messages d'erreur du formulaire -->
 550 
			<!-- Messages d'erreur du formulaire -->
551 
			<div class="row">
 551 
			<div class="row">
552 
				<?php if ('arbres' !== $squelette ) : ?>
 552 
				<?php if ('arbres' !== $squelette ) : ?>
553 
					<?php if ('tb_lichensgo' !== $widget['projet'] && 'plantes' !== $squelette) : ?>
 553 
					<?php if ('tb_lichensgo' !== $widget['projet'] && 'plantes' !== $squelette) : ?>
554 
						<a href="" id="bouton-saisir-plantes" class="btn btn-info mb-3" data-load="plantes">
 554 
						<a href="" id="bouton-saisir-plantes" class="btn btn-info mb-3" data-load="plantes">
555 
							<i class="fas fa-seedling"></i> Saisir les plantes
 555 
							<i class="fas fa-seedling"></i> Saisir les plantes
556 
						</a>
 556 
						</a>
557 
					<?php endif; ?>
 557 
					<?php endif; ?>
558 
					<?php if ('tb_streets' !== $widget['projet'] && 'lichens' !== $squelette) : ?>
 558 
					<?php if ('tb_streets' !== $widget['projet'] && 'lichens' !== $squelette) : ?>
559 
						<a href="" id="bouton-saisir-lichens" class="btn btn-info mb-3" data-load="lichens">
 559 
						<a href="" id="bouton-saisir-lichens" class="btn btn-info mb-3" data-load="lichens">
560 
							<i class="far fa-snowflake"></i>&nbsp;Saisir les lichens
 560 
							<i class="far fa-snowflake"></i>&nbsp;Saisir les lichens
561 
						</a>
 561 
						</a>
562 
					<?php endif; ?>
 562 
					<?php endif; ?>
563 
				<?php endif; ?>
 563 
				<?php endif; ?>
564 
				<div class="zone-alerte">
 564 
				<div class="zone-alerte">
565 
					<div id="dialogue-bloquer-creer-obs" class="alert alert-warning alert-block hidden">
 565 
					<div id="dialogue-bloquer-creer-obs" class="alert alert-warning alert-block hidden">
566 
						<a class="close">×</a>
 566 
						<a class="close">×</a>
567 
						<h4 class="alert-heading">Information&nbsp;: 10 observations maximum</h4>
 567 
						<h4 class="alert-heading">Information&nbsp;: 10 observations maximum</h4>
568 
						<p>
 568 
						<p>
569 
							Vous venez d'ajouter votre 10ème observation.<br/>
 569 
							Vous venez d'ajouter votre 10ème observation.<br/>
570 
							Pour en ajouter de nouvelles, il est nécessaire de les transmettre en cliquant sur le bouton ci-dessous.
 570 
							Pour en ajouter de nouvelles, il est nécessaire de les transmettre en cliquant sur le bouton ci-dessous.
571 
						</p>
 571 
						</p>
572 
					</div>
 572 
					</div>
573 
					<div id="message-chargement" class="alert alert-secondary alert-block hidden">
 573 
					<div id="message-chargement" class="alert alert-secondary alert-block hidden">
574 
							<a class="close">×</a>
 574 
							<a class="close">×</a>
575 
							<h4 class="alert-heading">Image en cours de chargement</h4>
 575 
							<h4 class="alert-heading">Image en cours de chargement</h4>
576 
							<p>
 576 
							<p>
577 
								La création de cette observation sera à nouveau disponible dès que l'image aura été chargée.<br/>
 577 
								La création de cette observation sera à nouveau disponible dès que l'image aura été chargée.<br/>
578 
    							Vous pouvez annuler l'action en cliquant sur le bouton supprimer de la photo en cours de téléchargement.
 578 
    							Vous pouvez annuler l'action en cliquant sur le bouton supprimer de la photo en cours de téléchargement.
579 
							</p>
 579 
							</p>
580 
						</div>
 580 
						</div>
581 
					<div id="dialogue-form-invalide" class="alert alert-warning alert-block hidden">
 581 
					<div id="dialogue-form-invalide" class="alert alert-warning alert-block hidden">
582 
						<a class="close">×</a>
 582 
						<a class="close">×</a>
583 
						<h4 class="alert-heading">Information&nbsp;: champs en erreur</h4>
 583 
						<h4 class="alert-heading">Information&nbsp;: champs en erreur</h4>
584 
						<p>
 584 
						<p>
585 
							Certains champs du formulaire sont mal remplis.<br>
 585 
							Certains champs du formulaire sont mal remplis.<br>
586 
							Veuillez vérifier vos données.
 586 
							Veuillez vérifier vos données.
587 
						</p>
 587 
						</p>
588 
					</div>
 588 
					</div>
589 
					<div id="dialogue-taxon-or-image" class="alert alert-warning alert-block hidden">
 589 
					<div id="dialogue-taxon-or-image" class="alert alert-warning alert-block hidden">
590 
						<a class="close">×</a>
 590 
						<a class="close">×</a>
591 
						<h4 class="alert-heading">Information&nbsp;: Observation incomplète</h4>
 591 
						<h4 class="alert-heading">Information&nbsp;: Observation incomplète</h4>
592 
						<p>
 592 
						<p>
593 
							Une observation de <?php echo $chaine_sq_singulier;?> doit comporter au moins, un arbre, une date, et soit un nom d'espèce, soit une image
 593 
							Une observation de <?php echo $chaine_sq_singulier;?> doit comporter au moins, un arbre, une date, et soit un nom d'espèce, soit une image
594 
						</p>
 594 
						</p>
595 
					</div>
 595 
					</div>
596 
				</div>
 596 
				</div>
597 
			</div>
 597 
			</div>
598 
 
 598 
 
599 
			<!-- Affiche le tableau récapitualif des observations ajoutées -->
 599 
			<!-- Affiche le tableau récapitualif des observations ajoutées -->
600 
			<div id="zone-liste-obs" class="hidden">
 600 
			<div id="zone-liste-obs" class="hidden">
601 
				<div id="bloc-controle-liste-obs" class="alert alert-info">
 601 
				<div id="bloc-controle-liste-obs" class="alert alert-info">
602 
					<h2 class="transmission-title"><strong>Observations à transmettre&nbsp;: <span class="obs-nbre badge badge-info">0</span></strong></h2>
 602 
					<h2 class="transmission-title"><strong>Observations à transmettre&nbsp;: <span class="obs-nbre badge badge-info">0</span></strong></h2>
603 
					<button id="transmettre-obs" class="btn btn-primary has-tooltip" data-toggle="tooltip" disabled="disabled"
 603 
					<button id="transmettre-obs" class="btn btn-primary has-tooltip" data-toggle="tooltip" disabled="disabled"
604 
						title="Ajoute les observations ci-dessous à votre Carnet en Ligne et les rend publiques." type="button">Enregistrer</button>
 604 
						title="Ajoute les observations ci-dessous à votre Carnet en Ligne et les rend publiques." type="button">Enregistrer</button>
605 
				</div>
 605 
				</div>
606 
				<div id="liste-obs" ></div>
 606 
				<div id="liste-obs" ></div>
607 
				<div class="row">
 607 
				<div class="row">
608 
					<div class="zone-alerte">
 608 
					<div class="zone-alerte">
609 
						<div id="dialogue-zero-obs" class="alert alert-block hidden">
 609 
						<div id="dialogue-zero-obs" class="alert alert-block hidden">
610 
							<a class="close">×</a>
 610 
							<a class="close">×</a>
611 
							<h4 class="alert-heading">Attention&nbsp;: aucune observation</h4>
 611 
							<h4 class="alert-heading">Attention&nbsp;: aucune observation</h4>
612 
							<p>
 612 
							<p>
613 
								Veuillez saisir des observations pour les transmettre.
 613 
								Veuillez saisir des observations pour les transmettre.
614 
							</p>
 614 
							</p>
615 
						</div>
 615 
						</div>
616 
						<div id="dialogue-obs-transaction-ok" class="alert alert-success alert-block hidden">
 616 
						<div id="dialogue-obs-transaction-ok" class="alert alert-success alert-block hidden">
617 
							<a class="close">×</a>
 617 
							<a class="close">×</a>
618 
							<h4 class="alert-heading">Information&nbsp;: transmission des observations</h4>
 618 
							<h4 class="alert-heading">Information&nbsp;: transmission des observations</h4>
619 
							<div class="alert-txt"></div>
 619 
							<div class="alert-txt"></div>
620 
						</div>
 620 
						</div>
621 
						<div id="dialogue-obs-transaction-ko" class="alert alert-error alert-block hidden">
 621 
						<div id="dialogue-obs-transaction-ko" class="alert alert-error alert-block hidden">
622 
							<a class="close">×</a>
 622 
							<a class="close">×</a>
623 
							<h4 class="alert-heading">Erreur&nbsp;: transmission des observations</h4>
 623 
							<h4 class="alert-heading">Erreur&nbsp;: transmission des observations</h4>
624 
							<div class="alert-txt"></div>
 624 
							<div class="alert-txt"></div>
625 
						</div>
 625 
						</div>
626 
					</div>
 626 
					</div>
627 
				</div>
 627 
				</div>
628 
			</div>
 628 
			</div>
629 
 
 629 
 
630 
			<!-- Fenêtres modales -->
 630 
			<!-- Fenêtres modales -->
631 
			<div id="chargement" class="modal-fenetre hidden">
 631 
			<div id="chargement" class="modal-fenetre hidden">
632 
				<div id="chargement-centrage" class="modal-contenu">
 632 
				<div id="chargement-centrage" class="modal-contenu">
633 
					<div class="progress progress-striped active">
 633 
					<div class="progress progress-striped active">
634 
						<div id="barre-progression-upload" class="progress-bar progress-bar-striped" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="10" style="">
 634 
						<div id="barre-progression-upload" class="progress-bar progress-bar-striped" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="10" style="">
635 
							<span class="sr-only">0/10 observations transmises</span>
 635 
							<span class="sr-only">0/10 observations transmises</span>
636 
						</div>
 636 
						</div>
637 
					</div>
 637 
					</div>
638 
					<p id="chargement-txt">
 638 
					<p id="chargement-txt">
639 
						Transfert des observations en cours...<br>
 639 
						Transfert des observations en cours...<br>
640 
						Cela peut prendre plusieurs minutes en fonction de la taille des images et du nombre d'observations à transférer.
 640 
						Cela peut prendre plusieurs minutes en fonction de la taille des images et du nombre d'observations à transférer.
641 
					</p>
 641 
					</p>
642 
				</div>
 642 
				</div>
643 
			</div>
 643 
			</div>
644 
 
 644 
 
645 
			<!-- Templates HTML -->
 645 
			<!-- Templates HTML -->
646 
			<div id="tpl-transmission-ok" class="hidden">
 646 
			<div id="tpl-transmission-ok" class="hidden">
647 
				<p class="msg">
 647 
				<p class="msg">
648 
					Merci pour l'envoi de vos données.<br>
 648 
					Merci pour l'envoi de vos données.<br>
649 
    				Vos observations ont bien été transmises.<br>
 649 
    				Vos observations ont bien été transmises.<br>
650 
					Elles sont désormais consultables à travers les différents outils de visualisation du réseau (<a href="https://www.tela-botanica.org/flore/">eFlore</a>, <a href="https://www.tela-botanica.org/appli:pictoflora">galeries d'images</a>, <a href="https://www.tela-botanica.org/appli:identiplante">identiplante</a>, <a href="https://www.tela-botanica.org/widget:cel:cartoPoint">cartographie (widget)</a>...)<br>
 650 
					Elles sont désormais consultables à travers les différents outils de visualisation du réseau (<a href="https://www.tela-botanica.org/flore/">eFlore</a>, <a href="https://www.tela-botanica.org/appli:pictoflora">galeries d'images</a>, <a href="https://www.tela-botanica.org/appli:identiplante">identiplante</a>, <a href="https://www.tela-botanica.org/widget:cel:cartoPoint">cartographie (widget)</a>...)<br>
651 
    				Si vous souhaitez les modifier ou les supprimer, vous pouvez les retrouver en vous connectant à votre <a href="https://www.tela-botanica.org/appli:cel">Carnet en ligne</a>.<br>
 651 
    				Si vous souhaitez les modifier ou les supprimer, vous pouvez les retrouver en vous connectant à votre <a href="https://www.tela-botanica.org/appli:cel">Carnet en ligne</a>.<br>
652 
    				Pour toute question n'hésitez pas à nous contacter à l'adresse suivante : apa@tela-botanica.org<br>
 652 
    				Pour toute question n'hésitez pas à nous contacter à l'adresse suivante : apa@tela-botanica.org<br>
653 
    				Ces données seront utilisées par des chercheurs de Sorbonne Université et du Museum National d'Histoire Naturelle.
 653 
    				Ces données seront utilisées par des chercheurs de Sorbonne Université et du Museum National d'Histoire Naturelle.
654 
				</p>
 654 
				</p>
655 
			</div>
 655 
			</div>
656 
			<div id="tpl-transmission-ko" class="hidden">
 656 
			<div id="tpl-transmission-ko" class="hidden">
657 
				<p class="msg">
 657 
				<p class="msg">
658 
					Une erreur est survenue lors de la transmission d'une observation.<br>
 658 
					Une erreur est survenue lors de la transmission d'une observation.<br>
659 
    				Vous pouvez tenter de la retransmettre en cliquant à nouveau sur le bouton transmettre ou bien la supprimer et transmettre les suivantes.<br>
 659 
    				Vous pouvez tenter de la retransmettre en cliquant à nouveau sur le bouton transmettre ou bien la supprimer et transmettre les suivantes.<br>
660 
    				Néanmoins, les observations n'apparaissant plus dans la liste "observations à transmettre", ont bien été transmises lors de votre précédente tentative. <br>
 660 
    				Néanmoins, les observations n'apparaissant plus dans la liste "observations à transmettre", ont bien été transmises lors de votre précédente tentative. <br>
661 
    				Si le problème persiste, vous pouvez signaler le dysfonctionnement sur <a href="<?php echo $url_remarques; ?>?service=cel&pageSource=<?php echo urlencode( 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'].'?'.$_SERVER['QUERY_STRING'] ); ?>" target="_blank" onclick="javascript: window.open( this.getAttribute( 'href' ), 'Tela Botanica - Remarques', config = 'height=700, width=640, scrollbars=yes, resizable=yes' ); return false;">le formulaire de signalement d'erreurs</a>.
 661 
    				Si le problème persiste, vous pouvez signaler le dysfonctionnement sur <a href="<?php echo $url_remarques; ?>?lang=fr&service=cel&pageSource=<?php echo urlencode( 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'].'?'.$_SERVER['QUERY_STRING'] ); ?>" target="_blank" onclick="javascript: window.open( this.getAttribute( 'href' ), 'Tela Botanica - Remarques', config = 'height=700, width=640, scrollbars=yes, resizable=yes' ); return false;">le formulaire de signalement d'erreurs</a>.
662 
				</p>
 662 
				</p>
663 
			</div>
 663 
			</div>
664 
		</div><!-- fin <?php echo $squelette;?> zone résumé obs ( =zone de droite ) -->
 664 
		</div><!-- fin <?php echo $squelette;?> zone résumé obs ( =zone de droite ) -->
665 
	</div>
 665 
	</div>
666 
	<!-- Connexion, bloc de prévisualisation, date -->
 666 
	<!-- Connexion, bloc de prévisualisation, date -->
667 
	<script type="text/javascript">
 667 
	<script type="text/javascript">
668 
	//<![CDATA[
 668 
	//<![CDATA[
669 
		var <?php echo $squelette;?>Prop = {
 669 
		var <?php echo $squelette;?>Prop = {
670 
			'sujet'                             : '<?php echo $squelette;?>',
 670 
			'sujet'                             : '<?php echo $squelette;?>',
671 
			// Mots-clés à ajouter aux images
 671 
			// Mots-clés à ajouter aux images
672 
			'tagImg'                            : "<?php echo isset($widget['tag-img']) ? $widget['tag-img'] : ''; ?>",
 672 
			'tagImg'                            : "<?php echo isset($widget['tag-img']) ? $widget['tag-img'] : ''; ?>",
673 
			// Mots-clés à ajouter aux observations
 673 
			// Mots-clés à ajouter aux observations
674 
			'tagObs'                            : "<?php echo isset($widget['tag-obs']) ? $widget['tag-obs'] : ''; ?>",
 674 
			'tagObs'                            : "<?php echo isset($widget['tag-obs']) ? $widget['tag-obs'] : ''; ?>",
675 
			// Code du référentiel utilisé pour les nom scientifiques.
 675 
			// Code du référentiel utilisé pour les nom scientifiques.
676 
			'nomSciReferentiel'                 : "<?php echo strtolower( $widget['referentiel'] ); ?>",
 676 
			'nomSciReferentiel'                 : "<?php echo strtolower( $widget['referentiel'] ); ?>",
677 
			// Indication de la présence d'un référentiel imposé
 677 
			// Indication de la présence d'un référentiel imposé
678 
			'referentielImpose'                 : "<?php echo $referentiel_impose; ?>"
 678 
			'referentielImpose'                 : "<?php echo $referentiel_impose; ?>"
679 
		};
 679 
		};
680 
		$( document ).ready( function() {
 680 
		$( document ).ready( function() {
681 
			<?php echo $squelette;?> = new <?php echo ('arbres' === $squelette) ? 'ReleveASL' : 'PlantesEtLichensASL';?>(<?php echo $squelette;?>Prop,widgetProp);
 681 
			<?php echo $squelette;?> = new <?php echo ('arbres' === $squelette) ? 'ReleveASL' : 'PlantesEtLichensASL';?>(<?php echo $squelette;?>Prop,widgetProp);
682 
			<?php echo $squelette;?>.init();
 682 
			<?php echo $squelette;?>.init();
683 
 
 683 
 
684 
			// Fonctions de Style et Affichage des éléments "spéciaux"
 684 
			// Fonctions de Style et Affichage des éléments "spéciaux"
685 
			utils.init();
 685 
			utils.init();
686 
		});
 686 
		});
687 
	//]]>
 687 
	//]]>
688 
	</script>
 688 
	</script>
689 
</div>
 689 
</div>