Subversion Repositories eFlore/Applications.cel

Rev

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

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