Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 3274 Rev 3279
Line 173... Line 173...
173
						<h2><?php echo $observation['titre']; ?></h2>
173
						<h2><?php echo $observation['titre']; ?></h2>
174
						<div id="zone-observation" class="row">
174
						<div id="zone-observation" class="row">
175
							<div class="col-md-6">
175
							<div class="col-md-6">
Line 176... Line 176...
176
 
176
 
177
								<div class="mb-3">
177
								<div class="mb-3">
178
									<label for="geolocalisation" class="col-sm-8 obligatoire" title="<?php echo $observateur['courriel-title']; ?>">
178
									<label for="geolocalisation" class="col-sm-8 obligatoire">
179
										<i class="fa fa-street-view" aria-hidden="true"></i>
179
										<i class="fa fa-street-view" aria-hidden="true"></i>
180
										<?php echo $observation['geolocalisation']; ?>
180
										<?php echo $observation['geolocalisation']; ?>
181
									</label>
181
									</label>
182
									<div class="control-group">
182
									<div class="control-group">
183
										<div id="geoloc-datas">
183
										<div id="geoloc-datas">
184
											<input type="hidden" id="pays" name="pays" value="" style="display:none">
184
											<input type="hidden" id="pays" name="pays" value="" style="display:none">
185
											<input type="hidden" id="commune-nom" name="commune-nom" value="" style="display:none">
185
											<input type="hidden" id="commune-nom" name="commune-nom" value="" style="display:none">
186
											<input type="hidden" id="latitude" name="latitude" value="" style="display:none">
186
											<input type="hidden" id="latitude" name="latitude" value="" style="display:none">
187
											<input type="hidden" id="longitude" name="longitude" value="" style="display:none">
-
 
188
											<input type="hidden" id="commune-insee" name="commune-insee" value="" style="display:none">
187
											<input type="hidden" id="longitude" name="longitude" value="" style="display:none">
-
 
188
											<input type="hidden" id="altitude" name="altitude" value="" style="display:none">
189
											<input type="hidden" id="altitude" name="altitude" value="" style="display:none">
189
											<input type="hidden" id="commune-insee" name="commune-insee" value="" style="display:none">
190
										</div>
190
										</div>
191
										<div id="geoloc" class="col-sm-8">
191
										<div id="geoloc" class="col-sm-8" title="<?php echo $observation['geoloc-title']; ?>">
192
											<tb-geolocation-element
192
											<tb-geolocation-element
193
												id="tb-geolocation"
193
												id="tb-geolocation"
194
												layer='osm'
194
												layer='osm'
195
												zoom_init="4"
195
												zoom_init="4"
Line 207... Line 207...
207
										</div>
207
										</div>
208
									</div>
208
									</div>
209
								</div>
209
								</div>
Line 210... Line 210...
210
 
210
 
211
								<div class="control-group">
211
								<div class="control-group">
212
									<label for="lieudit" class="col-sm-8" title="">
212
									<label for="lieudit" class="col-sm-8">
213
										<i class="fa fa-map-signs" aria-hidden="true"></i>
213
										<i class="fa fa-map-signs" aria-hidden="true"></i>
214
										<?php echo $observation['lieudit']; ?>
214
										<?php echo $observation['lieudit']; ?>
215
									</label>
215
									</label>
216
									<div class="col-sm-8 mb-3">
216
									<div class="col-sm-8 mb-3">
217
										<input type="text" id="lieudit" name="lieudit" class="form-control">
217
										<input type="text" id="lieudit" name="lieudit" class="form-control" title="<?php echo $observation['lieudit-title']; ?>">
218
									</div>
218
									</div>
219
								</div>
219
								</div>
220
								<div class="control-group">
220
								<div class="control-group">
221
									<label for="station" class="col-sm-8" title="">
221
									<label for="station" class="col-sm-8">
222
										<i class="fa fa-map-marker" aria-hidden="true"></i>
222
										<i class="fa fa-map-marker" aria-hidden="true"></i>
223
										<?php echo $observation['station']; ?>
223
										<?php echo $observation['station']; ?>
224
									</label>
224
									</label>
225
									<div class="col-sm-8 mb-3">
225
									<div class="col-sm-8 mb-3">
226
										<input type="text" id="station" name="station" class="form-control">
226
										<input type="text" id="station" name="station" class="form-control" title="<?php echo $observation['station-title']; ?>">
227
									</div>
227
									</div>
Line 228... Line 228...
228
								</div>
228
								</div>
Line 229... Line 229...
229
 
229
 
Line 230... Line 230...
230
							</div>
230
							</div>
231
 
231
 
232
							<div class="col-md-6">
232
							<div class="col-md-6">
233
 
233
 
234
								<div class="control-group">
234
								<div class="control-group">
235
									<label for="date_releve" class="col-sm-8 obligatoire" title="">
235
									<label for="date_releve" class="col-sm-8 obligatoire" title="<?php echo $observation['date-title']; ?>">
236
										<i class="fa fa-calendar" aria-hidden="true"></i>
236
										<i class="fa fa-calendar" aria-hidden="true"></i>
237
										<?php echo $observation['date']; ?>
237
										<?php echo $observation['date']; ?>
238
									</label>
238
									</label>
Line 239... Line 239...
239
									<div class="col-sm-8 mb-3">
239
									<div class="col-sm-8 mb-3" title="<?php echo $observation['date-title']; ?>">
240
										<input type="date" id="date_releve" name="date_releve" class="form-control" max="<?php echo date('Y-m-d', time()); ?>" placeholder="jj/mm/aaaa" title="jj/mm/aaaa" required>
240
										<input type="date" id="date_releve" name="date_releve" class="form-control" max="<?php echo date('Y-m-d', time()); ?>" placeholder="jj/mm/aaaa" title="jj/mm/aaaa" required>
241
									</div>
241
									</div>
242
								</div>
242
								</div>
243
 
243
 
244
								<?php if( ( $widget['type_especes'] === 'referentiel' || empty( $widget['type_especes'] ) ) && empty( $widget['referentiel'] ) ) : ?>
244
								<?php if( ( $widget['type_especes'] === 'referentiel' || empty( $widget['type_especes'] ) ) && empty( $widget['referentiel'] ) ) : ?>
245
									<div class="control-group">
245
									<div class="control-group">
246
										<label for="referentiel" class="col-sm-8 obligatoire" title="">
246
										<label for="referentiel" class="col-sm-8 obligatoire">
247
											<i class="fa fa-book" aria-hidden="true"></i>
247
											<i class="fa fa-book" aria-hidden="true"></i>
248
											<?php echo $observation['referentiel']; ?>
248
											<?php echo $observation['referentiel']; ?>
249
										</label>
249
										</label>
250
										<div class="col-sm-8 mb-3">
250
										<div class="col-sm-8 mb-3">
251
											<select id="referentiel" class="form-control custom-select" >
251
											<select id="referentiel" class="form-control custom-select" title="<?php echo $observation['referentiel-title']; ?>">
Line 267... Line 267...
267
									<input id="referentiel" name="referentiel" value="<?php echo $widget['referentiel']; ?>" type="hidden">
267
									<input id="referentiel" name="referentiel" value="<?php echo $widget['referentiel']; ?>" type="hidden">
268
								<?php endif; ?>
268
								<?php endif; ?>
Line 269... Line 269...
269
 
269
 
270
								<div id="bloc-taxon" class="control-group">
270
								<div id="bloc-taxon" class="control-group">
271
									<?php $isTaxonListe = ( isset( $widget['especes']['taxons'] ) && count( (array) $widget['especes']['taxons'] ) > 0 ) ;?>
271
									<?php $isTaxonListe = ( isset( $widget['especes']['taxons'] ) && count( (array) $widget['especes']['taxons'] ) > 0 ) ;?>
272
									<label for="<?php echo ( !$isTaxonListe ) ? 'taxon' : 'taxon-liste';?>" class="col-sm-8" title="">
272
									<label for="<?php echo ( !$isTaxonListe ) ? 'taxon' : 'taxon-liste';?>" class="col-sm-8">
273
										<i class="fa fa-leaf" aria-hidden="true"></i>
273
										<i class="fa fa-leaf" aria-hidden="true"></i>
274
										<?php echo $observation['espece']; ?><?php if ( !empty( $widget['referentiel'] ) ) echo " (" . $widget['referentiel'] . ")"; ?>
274
										<?php echo $observation['espece']; ?><?php if ( !empty( $widget['referentiel'] ) ) echo " (" . $widget['referentiel'] . ")"; ?>
275
									</label>
275
									</label>
276
									<div class="col-sm-8 mb-3">
276
									<div class="col-sm-8 mb-3">
Line 279... Line 279...
279
												</div>
279
												</div>
280
											</div>
280
											</div>
Line 281... Line 281...
281
 
281
 
282
										<?php elseif ( isset( $widget['especes']['taxons'] ) && count( (array) $widget['especes']['taxons'] ) > 0 ) : ?>
282
										<?php elseif ( isset( $widget['especes']['taxons'] ) && count( (array) $widget['especes']['taxons'] ) > 0 ) : ?>
283
											<?php ksort( $widget['especes']['taxons'] ); ?>
283
											<?php ksort( $widget['especes']['taxons'] ); ?>
284
													<select id="taxon-liste" name="taxon-liste" class="form-control custom-select taxon-validation" title="<?php echo $observation['taxon-title'];?>">
284
													<select id="taxon-liste" name="taxon-liste" class="form-control custom-select taxon-validation" title="<?php echo $observation['liste-espece-title']; ?>">
285
														<option class="choisir"  value="inconnue" selected hidden><?php echo $general['choisir']; ?></option>
285
														<option class="choisir"  value="inconnue" selected hidden><?php echo $general['choisir']; ?></option>
286
														<?php foreach ($widget['especes']['taxons'] as $taxon)  : ?>
286
														<?php foreach ($widget['especes']['taxons'] as $taxon)  : ?>
287
															<option
287
															<option
288
																class="nom-sci"
288
																class="nom-sci"
Line 295... Line 295...
295
																data-famille="<?php echo $taxon['famille'];?>"
295
																data-famille="<?php echo $taxon['famille'];?>"
296
															><?php echo $taxon['nom_sel'];?></option>
296
															><?php echo $taxon['nom_sel'];?></option>
297
														<?php endforeach; ?>
297
														<?php endforeach; ?>
298
														<option value="autre"><?php echo $observation['autre-espece']; ?></option>
298
														<option value="autre"><?php echo $observation['autre-espece']; ?></option>
299
													</select>
299
													</select>
300
													<span for="taxon-liste" class="error" style="display: none;"><?php echo $observation['taxon-title'];?></span>
300
													<span for="taxon-liste" class="error" style="display: none;"><?php echo $observation['error-taxon'];?></span>
301
													<input id="taxon" name="taxon" class="form-control" type="hidden" />
301
													<input id="taxon" name="taxon" class="form-control" type="hidden" />
302
												</div>
302
												</div>
303
											</div>
303
											</div>
304
											<div id="taxon-input-groupe" class="control-group hidden">
304
											<div id="taxon-input-groupe" class="control-group hidden">
305
												<label for="taxon-autre" class="col-sm-8" title="">
305
												<label for="taxon-autre" class="col-sm-8" title="">
306
													<i class="fab fa-pagelines" aria-hidden="true"></i>
306
													<i class="fab fa-pagelines" aria-hidden="true"></i>
307
													<?php echo $observation['autre-espece']; ?>
307
													<?php echo $observation['autre-espece']; ?>
308
												</label>
308
												</label>
309
												<div class="col-sm-8 mb-3">
309
												<div class="col-sm-8 mb-3">
310
													<input id="taxon-autre" name="taxon-autre" class="form-control" type="text">
310
													<input id="taxon-autre" name="taxon-autre" class="form-control" type="text" title="<?php echo $observation['espece-title']; ?>">
311
												</div>
311
												</div>
312
											</div>
312
											</div>
313
										<?php else : ?>
313
										<?php else : ?>
314
													<input id="taxon" name="taxon" class="form-control taxon-validation" type="text" title="<?php echo $observation['taxon-title'];?>">
314
													<input id="taxon" name="taxon" class="form-control taxon-validation" type="text" title="<?php echo $observation['espece-title']; ?>">
315
													<span for="taxon" class="error" style="display: none;"><?php echo $observation['taxon-title'];?></span>
315
													<span for="taxon" class="error" style="display: none;"><?php echo $observation['error-taxon'];?></span>
316
												</div>
316
												</div>
317
											</div>
317
											</div>
318
										<?php endif; ?>
318
										<?php endif; ?>
Line 319... Line 319...
319
 
319
 
320
								<div class="control-group">
320
								<div class="control-group">
321
									<label for="certitude" class="col-sm-8 obligatoire" title="">
321
									<label for="certitude" class="col-sm-8 obligatoire">
322
										<i class="fa fa-question" aria-hidden="true"></i>
322
										<i class="fa fa-question" aria-hidden="true"></i>
323
										<?php echo $observation['certitude']; ?>
323
										<?php echo $observation['certitude']; ?>
324
									</label>
324
									</label>
325
									<div class="col-sm-8 mb-3">
325
									<div class="col-sm-8 mb-3">
326
										<select id="certitude" name="certitude" class="form-control custom-select">
326
										<select id="certitude" name="certitude" class="form-control custom-select" title="<?php echo $observation['certitude-title']; ?>">
327
											<option class="aDeterminer" value="à determiner" ><?php echo $observation['certADet']; ?></option>
327
											<option class="aDeterminer" value="à determiner" ><?php echo $observation['certADet']; ?></option>
328
											<option class="douteuse" value="douteuse" ><?php echo $observation['certDout']; ?></option>
328
											<option class="douteuse" value="douteuse" ><?php echo $observation['certDout']; ?></option>
329
											<option class="certaine" value="certaine" selected="selected" ><?php echo $observation['certCert']; ?></option>
329
											<option class="certaine" value="certaine" selected="selected" ><?php echo $observation['certCert']; ?></option>
330
										</select>
330
										</select>
Line 335... Line 335...
335
										<i class="fa fa-street-view" aria-hidden="true"></i>
335
										<i class="fa fa-street-view" aria-hidden="true"></i>
336
										<?php echo $observation['milieu']; ?>
336
										<?php echo $observation['milieu']; ?>
337
									</label>
337
									</label>
338
									<div class="col-sm-8 mb-3">
338
									<div class="col-sm-8 mb-3">
339
										<?php if ( 0 < count( (array) $widget['milieux'] ) ) :?>
339
										<?php if ( 0 < count( (array) $widget['milieux'] ) ) :?>
340
											<select id="milieu" class="form-control custom-select" >
340
											<select id="milieu" class="form-control custom-select" title="<?php echo $observation['liste-milieu-title']; ?>">
341
												<option class="choisir" value="" selected hidden><?php echo $general['choisir']; ?></option>
341
												<option class="choisir" value="" selected hidden><?php echo $general['choisir']; ?></option>
342
												<?php foreach ( $widget['milieux'] as $milieu ) :?>
342
												<?php foreach ( $widget['milieux'] as $milieu ) :?>
343
													<option value="<?php echo $milieu; ?>"><?php echo $milieu; ?></option>
343
													<option value="<?php echo $milieu; ?>"><?php echo $milieu; ?></option>
344
												<?php endforeach; ?>
344
												<?php endforeach; ?>
345
											</select>
345
											</select>
346
										<?php else : ?>
346
										<?php else : ?>
347
											<input id="milieu" name="milieu" class="form-control" type="text" placeholder="<?php echo $observation['milieu-ph']; ?>">
347
											<input id="milieu" name="milieu" class="form-control" type="text" placeholder="<?php echo $observation['milieu-ph']; ?>" title="<?php echo $observation['milieu-title']; ?>">
348
										<?php endif; ?>
348
										<?php endif; ?>
349
									</div>
349
									</div>
350
								</div>
350
								</div>
351
								<div class="">
351
								<div class="">
352
									<label for="notes" class="col-sm-8" title="">
352
									<label for="notes" class="col-sm-8">
353
										<i class="fa fa-pen" aria-hidden="true"></i>
353
										<i class="fa fa-pen" aria-hidden="true"></i>
354
										<?php echo $observation['notes']; ?>
354
										<?php echo $observation['notes']; ?>
355
									</label>
355
									</label>
356
									<div class="col-sm-8 mb-3">
356
									<div class="col-sm-8 mb-3">
357
										<textarea id="notes" form="form-observation" class="col-md-12" rows="7" name="notes" placeholder="<?php echo $observation['notes_ph']; ?>"></textarea>
357
										<textarea id="notes" form="form-observation" class="col-md-12" rows="7" name="notes" placeholder="<?php echo $observation['notes_ph']; ?>" title="<?php echo $observation['notes-title']; ?>"></textarea>
358
									</div>
358
									</div>
359
								</div>
359
								</div>
Line 360... Line 360...
360
 
360
 
361
							</div>
361
							</div>
Line 713... Line 713...
713
						<button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
713
						<button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
714
					</div>
714
					</div>
715
				</div>
715
				</div>
716
			</div>
716
			</div>
717
		</div>
717
		</div>
718
 
-
 
719
		<!-- carto -->
718
		<!-- carto -->
720
		<script type="text/javascript" src="<?php echo $url_base; ?>js/tb-geoloc/tb-geoloc-lib-app.js"></script>
719
		<script type="text/javascript" src="<?php echo $url_base; ?>js/tb-geoloc/tb-geoloc-lib-app.js"></script>
721
		<script type="text/javascript">
720
		<script type="text/javascript">
722
			var tbGeolocation = document.getElementById( 'tb-geolocation' );
721
			var tbGeolocation = document.getElementById( 'tb-geolocation' );
Line 725... Line 724...
725
				console.log( location.detail );
724
				console.log( location.detail );
Line 726... Line 725...
726
 
725
 
727
				var secVal = location.detail.geometry.coordinates[1],
726
				var secVal = location.detail.geometry.coordinates[1],
728
					firstVal = location.detail.geometry.coordinates[0],
727
					firstVal = location.detail.geometry.coordinates[0],
729
					latitude = '',
728
					latitude = '',
-
 
729
					longitude = '',
Line 730... Line 730...
730
					longitude = '';
730
					nomCommune = ( undefined !== location.detail.inseeData ) ? location.detail.inseeData.nom : location.detail.locality;
731
 
731
 
732
				if ( 'object' === typeof secVal && 'object' === typeof firstVal ) {// rue
732
				if ( 'object' === typeof secVal && 'object' === typeof firstVal ) {// rue
733
					latitude =  ( ( firstVal[1] + secVal[1] ) / 2 ).toFixed( 6 );
733
					latitude =  ( ( firstVal[1] + secVal[1] ) / 2 ).toFixed( 6 );
Line 737... Line 737...
737
					longitude = firstVal;
737
					longitude = firstVal;
738
				}
738
				}
739
				document.getElementById( 'latitude' ).value = latitude;
739
				document.getElementById( 'latitude' ).value = latitude;
740
				document.getElementById( 'longitude' ).value = longitude;
740
				document.getElementById( 'longitude' ).value = longitude;
741
				document.getElementById( 'pays' ).value = location.detail.osmCountry;
741
				document.getElementById( 'pays' ).value = location.detail.osmCountry;
742
				document.getElementById( 'commune-nom' ).value = location.detail.inseeData.nom;
742
				document.getElementById( 'commune-nom' ).value = nomCommune;
743
				document.getElementById( 'commune-insee' ).value = location.detail.inseeData.code;
-
 
744
				document.getElementById( 'altitude' ).value = location.detail.elevation;
743
				document.getElementById( 'altitude' ).value = location.detail.elevation;
-
 
744
				document.getElementById( 'commune-insee' ).value = location.detail.inseeData.code;
745
			});
745
			});
746
		</script>
746
		</script>
Line 747... Line 747...
747
 
747
 
748
		<!-- Jquery -->
748
		<!-- Jquery -->
Line 781... Line 781...
781
					// La présence du parametre 'html5' dans l'URL enclenche les fonctions avancées HTML5
781
					// La présence du parametre 'html5' dans l'URL enclenche les fonctions avancées HTML5
782
					widget.html5 = <?php echo isset($_GET['html5']) ? 'true' : 'false'; ?>;
782
					widget.html5 = <?php echo isset($_GET['html5']) ? 'true' : 'false'; ?>;
783
					// Mot-clé du widget/projet
783
					// Mot-clé du widget/projet
784
					widget.tagProjet = "WidgetSaisie";
784
					widget.tagProjet = "WidgetSaisie";
785
					// Mots-clés à ajouter aux images
785
					// Mots-clés à ajouter aux images
786
					widget.tagImg = "<?php echo isset($_GET['tag-img']) ? $_GET['tag-img'] : ''; ?>";
786
					widget.tagImg = "<?php echo isset($widget['tag-img']) ? $widget['tag-img'] : ''; ?>";
787
					widget.separationTagImg = "<?php echo isset($_GET['motcle']) && isset($_GET['tag-img']) ? ',' : ''; ?>";
787
					widget.separationTagImg = "<?php echo isset($_GET['motcle']) && isset($widget['tag-img']) ? ',' : ''; ?>";
788
					widget.tagImg = <?php echo isset($_GET['motcle']) ? "'".$_GET['motcle']."' + widget.separationTagImg + widget.tagImg" : 'widget.tagImg'; ?>;
788
					widget.tagImg = <?php echo isset($_GET['motcle']) ? "'".$_GET['motcle']."' + widget.separationTagImg + widget.tagImg" : 'widget.tagImg'; ?>;
789
					// Mots-clés à ajouter aux observations
789
					// Mots-clés à ajouter aux observations
790
					widget.tagObs = "<?php echo isset($_GET['tag-obs']) ? $_GET['tag-obs'] : ''; ?>";
790
					widget.tagObs = "<?php echo isset($widget['tag-obs']) ? $widget['tag-obs'] : ''; ?>";
791
					widget.separationTagObs = "<?php echo isset($_GET['projet']) && isset($_GET['tag-obs']) ? ',' : ''; ?>";
791
					widget.separationTagObs = "<?php echo isset($_GET['projet']) && isset($widget['tag-obs']) ? ',' : ''; ?>";
792
					widget.tagObs = <?php echo isset($_GET['projet']) ? "'".$_GET['projet']."' + widget.separationTagObs + widget.tagObs" : 'widget.tagObs'; ?>;
792
					widget.tagObs = <?php echo isset($_GET['projet']) ? "'".$_GET['projet']."' + widget.separationTagObs + widget.tagObs" : 'widget.tagObs'; ?>;
793
					// Précharger le formulaire avec les infos d'une observation
793
					// Précharger le formulaire avec les infos d'une observation
794
					widget.obsId = "<?php echo isset($_GET['id-obs']) ? $_GET['id-obs'] : ''; ?>";
794
					widget.obsId = "<?php echo isset($_GET['id-obs']) ? $_GET['id-obs'] : ''; ?>";
795
					// URL du web service réalisant l'insertion des données dans la base du CEL.
795
					// URL du web service réalisant l'insertion des données dans la base du CEL.
796
					widget.serviceSaisieUrl = "<?php echo $url_ws_saisie; ?>";
796
					widget.serviceSaisieUrl = "<?php echo $url_ws_saisie; ?>";