Subversion Repositories eFlore/Applications.cel

Rev

Rev 3920 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
3844 idir 1
import {Geoloc} from './tb-geoloc/js/Geoloc.js';
2
import {Utils,valOk} from './Utils.js';
3638 delphine 3
 
3844 idir 4
export const utils = new Utils();
3638 delphine 5
/**
6
 * WidgetsSaisiesCommun
7
 * Methodes communes aux widgets de saisie
8
 */
3844 idir 9
export function WidgetsSaisiesCommun(){}
3638 delphine 10
 
11
WidgetsSaisiesCommun.prototype.init = function() {
3844 idir 12
	this.geoloc = new Geoloc();
3638 delphine 13
	// ASL : APA, sTREETs, Lichen's Go!
14
	// const ASL = ['tb_aupresdemonarbre','tb_streets','tb_lichensgo'];
3844 idir 15
	// this.isASL = ( valOk( this.projet ) && -1 < $.inArray( this.projet , ASL ) );
3638 delphine 16
	this.initForm();
17
	this.initEvts();
18
};
19
 
20
WidgetsSaisiesCommun.prototype.initFormConnection = function() {
3902 idir 21
	if ( !/^https/.test( this.urlRacine ) ) {
22
		this.urlRacine = this.urlRacine.replace( /^http/, 'https' );
23
	}
3638 delphine 24
	this.urlBaseAuth = this.urlRacine + '/service:annuaire:auth';
25
	$( '#inscription' ).attr( 'href',  this.urlSiteTb() + 'inscription' );
26
	if ( this.isASL ) {
27
		$( '#mdp' ).val( '' );
28
		$( '#oublie' ).attr( 'href',  this.urlSiteTb() + 'wp-login.php?action=lostpassword' );
29
	}
30
};
31
 
32
WidgetsSaisiesCommun.prototype.initFormTaxonListe = function() {
33
	const lthis = this;
34
 
35
	this.surChangementTaxonListe();
36
	$( '#taxon-liste' ).on( 'change', lthis.surChangementTaxonListe );
37
	$( '#taxon-liste' ).on( 'change', lthis.surChangementValeurTaxon.bind( lthis ) );
38
	if ( this.debug ) {
39
		console.dir( 'Selected taxon:' + $( '#taxon-liste option:selected' ).val());
40
	}
41
};
42
 
43
WidgetsSaisiesCommun.prototype.initEvtsConnection = function() {
44
	const lthis = this;
45
 
46
	this.chargerStatutSSO();
47
	$( '#utilisateur-connecte .volet-toggle, #profil-utilisateur a, #deconnexion a' ).on( 'click', function( event ) {
48
		if( $( this ).hasClass( 'volet-toggle' ) ) {
49
			event.preventDefault();
50
		}
51
		$( '#utilisateur-connecte .volet-menu' ).toggleClass( 'hidden' );
52
	});
53
	$( '#deconnexion a' ).on( 'click', function( event ) {
54
		event.preventDefault();
55
		lthis.deconnecterUtilisateur();
56
	});
57
	if ( !this.isASL ) {
58
		$( '#bouton-anonyme' ).on( 'click', function( event ) {
59
			lthis.arreter( event );
60
			$( this ).css({
61
				'background-color': 'rgba(0, 159, 184, 0.7)',
62
				'color': '#fff'
63
			});
64
			$( '#identite' ).removeClass( 'hidden' );
65
			$( '#courriel' ).focus();
66
		});
67
		if ( '' === $( '#nom-complet').text() ) {
68
			$( '#courriel' ).on( 'blur', this.requeterIdentiteCourriel.bind( this ) );
69
			$( '#courriel' ).on( 'keypress', this.testerLancementRequeteIdentite.bind( this ) );
70
		}
71
		$( '#prenom' ).on( 'change', function() {
72
			lthis.formaterPrenom();
73
			lthis.reduireVoletIdentite();
74
		});
75
		$( '#nom' ).on( 'change', function() {
76
			lthis.formaterNom();
77
			lthis.reduireVoletIdentite();
78
		});
79
		$( '#courriel_confirmation' ).on( 'paste', this.bloquerCopierCollerCourriel.bind( this ) );
80
		$( '#courriel_confirmation' ).on( 'blur', this.reduireVoletIdentite.bind( this ) );
81
		$( '#courriel_confirmation' ).on( 'keypress', function( event ) {
3844 idir 82
			if ( valOk( event.which, true, 13 ) ) {
3638 delphine 83
				lthis.reduireVoletIdentite();
84
				event.preventDefault();
85
				event.stopPropagation();
86
			}
87
		});
88
	}
89
};
90
 
91
WidgetsSaisiesCommun.prototype.initEvtsFichier = function() {
92
	const lthis = this;
93
 
3844 idir 94
	const fileInputFonctionne = () => {
95
		const ua = navigator.userAgent;
3638 delphine 96
 
97
		if (
98
			ua.match( /(Android (1.0|1.1|1.5|1.6|2.0|2.1))|(Windows Phone (OS 7|8.0))|(XBLWP)|(ZuneWP)|(w(eb)?OSBrowser)|(webOS)|(Kindle\/(1.0|2.0|2.5|3.0))/ ) ||
99
			ua.match( /\swv\).+(chrome)\/([\w\.]+)/i )
100
		) {
101
		  return false;
102
		}
103
 
3844 idir 104
		const elem = document.createElement( 'input' );
3638 delphine 105
 
106
		elem.type = 'file';
107
 
108
		return !elem.disabled;
109
	}
110
 
111
	if ( fileInputFonctionne() ) {
112
		// Sur téléchargement image
113
		$( '#fichier' ).on( 'change', function ( event ) {
114
			lthis.arreter ( event );
115
 
3844 idir 116
			const options       = {
117
					beforeSend : function ( jqXHR, settings ) {
118
						$( '#miniatures' ).on( 'click', '.effacer-miniature', function() {
119
							jqXHR.abort(jqXHR);
120
						});
121
					},
122
					success: lthis.afficherMiniature.bind( lthis ), // post-submit callback
123
					dataType: 'xml', // 'xml', 'script', or 'json' (expected server response type)
124
					resetForm: true // reset the form after successful submit
3638 delphine 125
				},
3844 idir 126
				imgCheminTmp    = $( '#fichier' ).val(),
3638 delphine 127
				parts           = imgCheminTmp.split( '\\' ),
128
				nomImage        = parts[ parts.length - 1 ],
129
				formatImgOk     = lthis.verifierFormat( nomImage ),
130
				imgNonDupliquee = lthis.verifierDuplication( nomImage );
131
 
132
			if( formatImgOk && imgNonDupliquee ) {
133
				$( '#form-upload' ).ajaxSubmit( options );
134
				$( '#miniatures' ).append(
135
					'<div class="miniature mr-3 miniature-chargement loading">'+
136
						'<img class="miniature-img chargement-img" alt="chargement" src="' + lthis.chargementImageIconeUrl + '" style="min-height:100%;"/>'+
137
						'<a class="effacer-miniature">Supprimer</a>'+
138
					'</div>'
139
				);
140
				$( '#ajouter-obs' ).addClass( 'hidden' );
141
				$( '#message-chargement' ).removeClass( 'hidden' );
142
			} else {
143
				$( '#form-upload' )[0].reset();
144
				if ( !formatImgOk ) {
3844 idir 145
					utils.activerModale( lthis.msgTraduction( 'format-non-supporte' ) + ' : ' + $( '#fichier' ).attr( 'accept' ) );
3638 delphine 146
				}
147
				if ( !imgNonDupliquee ) {
3844 idir 148
					utils.activerModale( lthis.msgTraduction( 'image-deja-chargee' ) );
3638 delphine 149
				}
150
			}
151
			return false;
152
		});
153
		$( 'body' ).on( 'click', '.effacer-miniature', function() {
154
			$( this ).parent().remove();
3844 idir 155
			if ( !valOk( $('.miniature-chargement' ) ) ) {
3638 delphine 156
				$( '#ajouter-obs' ).removeClass( 'hidden' );
157
				$( '#message-chargement' ).addClass( 'hidden' );
158
			}
159
		});
160
	} else {
161
		$( '#form-upload' )
162
			.addClass( 'hidden' )
163
			.after(
164
				'<div class="alert alert-info" role="alert">'+
165
					this.msgTraduction( 'upload-non-suppote' )+
166
				'</div>'
167
			);
168
	}
169
 
170
};
171
 
172
WidgetsSaisiesCommun.prototype.initEvtsGeoloc = function( isFormArbre = false ) {
173
	const lthis = this;
174
 
3844 idir 175
	let ancre               = '-observation',
3638 delphine 176
		complementSelecteur = '';
177
 
178
	if ( isFormArbre ) {
179
		ancre               = '-arbres';
180
		complementSelecteur = ancre;
181
	}
3844 idir 182
 
183
	const $mapEl = $( '#tb-geolocation' + complementSelecteur );
184
 
185
	if( valOk( $mapEl ) ) {
186
		const typeLocalisation = $mapEl.data( 'typeLocalisation' ) || 'point';
187
 
188
		this.geoloc.init(complementSelecteur);
189
		$( '#coord' ).toggleClass( 'hidden', 'point' !== typeLocalisation );
190
		// evenement location
191
		$mapEl.on( 'location' , this.locationHandler.bind( this ) );
3852 idir 192
 
193
		if ( 'rue' === typeLocalisation )  {
194
			$( '#geoloc-label .help-button' ).on( 'click' , function () {
195
				let label = 'Aide : Géolocaliser une rue ou un linéaire',
196
					modaleContent = '<img id="modale-aide-img" src="' + URL_HELP_GEOLOC_POLYLINE + '" style="" alt="photo-aide-geoloc" />';
197
 
198
				utils.activerModale( label, modaleContent, [] );
199
			});
200
		}
3844 idir 201
	}
3638 delphine 202
};
203
 
204
WidgetsSaisiesCommun.prototype.initEvtsObs = function() {
205
	const lthis = this;
206
 
207
	$( '#ajouter-obs' ).on( 'click', this.ajouterObs.bind( this ) );
208
	$( '.obs-nbre' ).on( 'changement', this.surChangementNbreObs.bind( this ) );
209
	$( 'body' ).on( 'click', '.defilement-miniatures-gauche', function( event ) {
210
		event.preventDefault();
211
		lthis.defilerMiniatures( $( this ) );
212
	});
213
	$( 'body' ).on( 'click', '.defilement-miniatures-droite', function( event ) {
214
		event.preventDefault();
215
		lthis.defilerMiniatures( $( this ) );
216
	});
217
	// mécanisme de suppression d'une obs
218
	$( '#liste-obs' ).on( 'click', '.supprimer-obs', function() {
3844 idir 219
		const buttons = [
3638 delphine 220
				{
221
					label   : 'Annuler',
222
					class   : 'btn-secondary',
223
					dismiss : true
224
				},
225
				{
226
					label   : 'Confirmer',
227
					class   : 'btn-success confirmer',
228
					dismiss : true
229
				}
230
			];
231
		// bricolage pour avoir les deux contextes en même temps (objet et elt. du DOM)
3844 idir 232
		const that  = this,
3638 delphine 233
			suppObs = lthis.supprimerObs.bind( lthis );
234
 
3844 idir 235
		utils.activerModale( lthis.msgTraduction( 'confirmation-suppression' ), '', buttons );
3638 delphine 236
		$( '.confirmer' ).on( 'click', function() {
237
			suppObs( that );
238
		});
239
	});
240
	$( '#transmettre-obs' ).on( 'click', this.transmettreObs.bind( this ) );
241
};
242
 
243
// Alertes et aides
244
WidgetsSaisiesCommun.prototype.initEvtsAlertes = function() {
245
	$( '.alert .close' ).on( 'click', this.fermerPanneauAlert );
246
	$( '#btn-aide' ).on( 'click', this.basculerAffichageAide );
247
};
248
 
249
/**
250
 * Interroge le SSO pour connaître le statut de l'utilisateur, et change le menu
251
 * à droite de la barre en fonction
252
 */
253
WidgetsSaisiesCommun.prototype.chargerStatutSSO = function() {
254
	const lthis = this;
3844 idir 255
	let urlAuth = this.urlBaseAuth + '/identite';
3638 delphine 256
 
257
	if( 'local' !== this.mode ) {
258
		this.connexion( urlAuth, true );
259
		if( this.isASL) {
260
			$( '#connexion' ).on( 'click', function( event ) {
261
				event.preventDefault();
3844 idir 262
				if( $( '#utilisateur-connecte' ).hasClass( 'hidden' ) || !valOk( $( '#nom-complet' ).text() ) ) {
263
					const login = $( '#courriel' ).val(),
264
						mdp     = $( '#mdp' ).val();
265
 
266
					if ( valOk( login ) && valOk( mdp ) ) {
3638 delphine 267
						urlAuth = lthis.urlBaseAuth + '/connexion?login=' + login + '&password=' + mdp;
268
						lthis.connexion( urlAuth, true );
269
					} else {
3844 idir 270
						utils.activerModale( lthis.msgTraduction( 'non-connexion' ) );
3638 delphine 271
					}
272
				}
273
			});
274
		}
275
	} else {
276
		urlAuth = this.urlWidgets + 'modules/saisie/test-token.json';
3844 idir 277
		// Pour tester le bouton de connexion :
3638 delphine 278
		// $( '#connexion' ).on( 'click', function( event ) {
279
		// 	event.preventDefault();
280
			// lthis.connexion( urlAuth, true );
281
			this.connexion( urlAuth, true );
282
		// });
283
	}
284
};
285
 
286
/**
287
 * Déconnecte l'utilisateur du SSO
288
 */
289
WidgetsSaisiesCommun.prototype.deconnecterUtilisateur = function() {
3844 idir 290
	const urlAuth = this.urlBaseAuth + '/deconnexion';
3638 delphine 291
 
292
	if( 'local' === this.mode ) {
293
		this.definirUtilisateur();
294
		window.location.reload();
295
		return;
296
	}
297
	this.connexion( urlAuth, false );
298
};
299
 
300
WidgetsSaisiesCommun.prototype.connexion = function( urlAuth, connexionOnOff ) {
301
	const lthis = this;
302
 
303
	$.ajax({
304
		url: urlAuth,
305
		type: "GET",
306
		dataType: 'json',
307
		xhrFields: {
308
			withCredentials: true
309
		}
310
	})
311
	.done( function( data ) {
312
		if( connexionOnOff ) {
313
			// connecté
314
			lthis.definirUtilisateur( data.token );
315
		} else {
316
			lthis.definirUtilisateur();
317
			window.location.reload();
318
		}
319
	})
320
	.fail( function( error ) {
321
		// @TODO gérer l'affichage de l'erreur, mais pas facile à placer
322
		// dans l'interface actuelle sans que ce soit moche
323
		//afficherErreurServeur();
324
	});
325
};
326
 
327
WidgetsSaisiesCommun.prototype.definirUtilisateur = function( jeton ) {
328
	const thisObj = this;
3844 idir 329
	let idUtilisateur = '',
3638 delphine 330
		prenom        = '',
331
		nom           = '',
332
		nomComplet    = '',
333
		courriel      = '';
334
 
335
	// affichage
336
	if ( undefined !== jeton ) {
337
		// décodage jeton
338
		this.infosUtilisateur = this.decoderJeton( jeton );
339
		idUtilisateur = this.infosUtilisateur.id;
340
		prenom        = this.infosUtilisateur.prenom;
341
		nom           = this.infosUtilisateur.nom;
342
		nomComplet    = this.infosUtilisateur.intitule;
343
		courriel      = this.infosUtilisateur.sub;
344
		$( '#courriel' ).attr( 'disabled', 'disabled' );
345
		$( '#utilisateur-connecte, #identite' ).removeClass( 'hidden' );
346
		if ( this.isASL ) {
347
			$( '#bloc-connexion' ).addClass( 'hidden' );
348
		} else {
349
			$( '#courriel_confirmation' ).attr( 'disabled', 'disabled' );
350
			$( '#prenom' ).attr( 'disabled', 'disabled' );
351
			$( '#nom' ).attr( 'disabled', 'disabled' );
352
			$( '#bouton-connexion, #creation-compte' ).addClass( 'hidden' );
353
			$( '#zone-courriel, #zone-prenom-nom' ).addClass( 'hidden' );
354
			$( '#date-releve' ).focus();
355
		}
356
	}
357
	$( '#id_utilisateur' ).val( idUtilisateur );
358
	$( '#prenom' ).val( prenom );
359
	$( '#nom' ).val( nom );
360
	$( '#nom-complet' ).html( nomComplet );
361
	$( '#courriel' ).val( courriel );
362
	$( '#profil-utilisateur a' ).attr( 'href', this.urlSiteTb() + 'membres/me' );
363
	if ( this.isASL ) {
3844 idir 364
		if ( valOk( idUtilisateur ) ) {
365
			const nomSquelette = $( '#charger-form' ).data( 'load' ) || 'arbres';
3638 delphine 366
			this.chargerForm( nomSquelette, thisObj );
367
		}
368
	} else {
369
		$( '.warning' ).remove();
370
		$( '#courriel_confirmation' ).val( courriel );
371
	}
372
};
373
 
374
/**
375
 * Décodage à l'arrache d'un jeton JWT, ATTENTION CONSIDERE QUE LE
376
 * JETON EST VALIDE, ne pas décoder n'importe quoi - pas trouvé de lib simple
377
 */
378
WidgetsSaisiesCommun.prototype.decoderJeton = function( jeton ) {
3844 idir 379
	const parts = jeton.split( '.' );
380
	let payload = parts[1];
381
 
3638 delphine 382
	payload = this.b64d( payload );
383
	payload = JSON.parse( payload, true );
3844 idir 384
 
3638 delphine 385
	return payload;
386
};
387
 
388
/**
389
 * Décodage "url-safe" des chaînes base64 retournées par le SSO (lib jwt)
390
 */
391
WidgetsSaisiesCommun.prototype.b64d = function( input ) {
3844 idir 392
  const remainder = input.length % 4;
3638 delphine 393
 
394
  if ( 0 !== remainder ) {
3844 idir 395
	const padlen = 4 - remainder;
3638 delphine 396
 
3844 idir 397
	for ( let i = 0; i < padlen; i++ ) {
3638 delphine 398
	  input += '=';
399
	}
400
  }
401
  input = input.replace( '-', '+' );
402
  input = input.replace( '_', '/' );
3844 idir 403
 
3638 delphine 404
  return atob( input );
405
};
406
 
407
WidgetsSaisiesCommun.prototype.urlSiteTb = function() {
3844 idir 408
	const urlPart = ( 'test' === this.mode ) ? '/test/' : '/';
3638 delphine 409
 
410
	return this.urlRacine + urlPart;
411
};
412
 
413
// uniquement utilisé si taxon-liste ******************************************/
414
/**
415
 * Affiche/Cache le champ taxon
416
 */
417
WidgetsSaisiesCommun.prototype.surChangementTaxonListe = function() {
3844 idir 418
	if ( valOk( $( '#taxon-liste' ).val() ) ) {
3638 delphine 419
		if ( 'autre' !== $( '#taxon-liste' ).val() ) {
420
			$( '#taxon-input-groupe' )
421
				.hide( 200, function () {
422
					$( this ).addClass( 'hidden' ).show();
423
				})
424
				.find( '#taxon-autre' ).val( '' );
425
		} else {
426
			$( '#taxon-input-groupe' )
427
				.hide()
428
				.removeClass( 'hidden' )
429
				.show(200)
430
				.find( '#taxon-autre' )
431
					.on( 'change', function() {
3844 idir 432
						if( !valOk( $( '#taxon-autre' ).data( 'numNomSel' ) ) ) {
3638 delphine 433
							$( '#taxon' ).val( $( '#taxon-autre' ).val() )
3932 delphine 434
								.data( 'value', $( '#taxon-autre' ).val() );
3638 delphine 435
						}
436
						$( '#taxon' ).trigger( 'change' );
437
					});
438
		}
439
	}
440
};
441
 
442
WidgetsSaisiesCommun.prototype.surChangementValeurTaxon = function() {
3844 idir 443
	if( valOk( $( '#taxon-liste' ).val() ) ) {
3638 delphine 444
		if( 'autre' === $( '#taxon-liste' ).val() ) {
445
			this.ajouterAutocompletionNoms();
446
		} else {
3844 idir 447
			const optionRetenue = $( '#taxon-liste' ).find( 'option[value="' + $( '#taxon-liste' ).val() + '"]' );
448
 
3638 delphine 449
			$( '#taxon' ).val( $( '#taxon-liste' ).val() )
450
				.data( 'value', $( '#taxon-liste' ).val() )
451
				.data( 'numNomSel', optionRetenue.data( 'num-nom-sel' ) )
452
				.data( 'nomRet', optionRetenue.data( 'nom-ret' ) )
453
				.data( 'numNomRet', optionRetenue.data( 'num-nom-ret' ) )
454
				.data( 'nt', optionRetenue.data( 'nt' ) )
455
				.data( 'famille', optionRetenue.data( 'famille' ) );
456
			$( '#taxon' ).trigger( 'change' );
457
 
3844 idir 458
			const numNomSel = $( '#taxon' ).data( 'numNomSel' );
459
 
3638 delphine 460
			// Si l'espèce est mal déterminée la certitude est "à déterminer"
3844 idir 461
			if( !valOk( numNomSel ) ) {
3638 delphine 462
				$( '#certitude' ).find( 'option' ).each( function() {
463
					if ( $( this ).hasClass( 'aDeterminer' ) ) {
464
						$( this ).attr( 'selected', true );
465
					} else {
466
						$( this ).attr( 'selected', false );
467
					}
468
				});
469
			}
470
		}
471
	}
472
};
473
 
474
// Autocompletion taxons ******************************************************/
475
/**
476
 * Initialise l'autocompletion taxons
477
 */
478
WidgetsSaisiesCommun.prototype.ajouterAutocompletionNoms = function() {
479
	const lthis = this;
3844 idir 480
	let taxonSelecteur = '#taxon';
3638 delphine 481
 
3844 idir 482
	if ( valOk( $( '#taxon-liste' ).val(), true, 'autre' ) ) {
3638 delphine 483
		taxonSelecteur += '-autre';
484
	}
485
	$( taxonSelecteur ).autocomplete({
486
		source: function( requete, add ) {
487
			// la variable de requête doit être vidée car sinon le parametre "term" est ajouté
488
			requete = '';
3844 idir 489
			if( valOk( $( '#referentiel' ).val(), false, 'autre' ) ) {
490
				const url = lthis.getUrlAutocompletionNomsSci();
3710 idir 491
 
3844 idir 492
			$( '#taxon-autocomplete-label' ).addClass( 'loading' );
3638 delphine 493
				$.getJSON( url, requete, function( data ) {
3844 idir 494
					let suggestions = lthis.traiterRetourNomsSci( data );
3638 delphine 495
					add( suggestions );
496
				})
497
				.fail( function() {
498
					$( '#certitude' ).find( 'option' ).each( function() {
499
						if ( $( this ).hasClass( 'aDeterminer' ) ) {
500
							$( this ).prop( 'selected', true );
501
						} else {
502
							$( this ).prop( 'selected', false );
503
						}
504
					});
505
				})
506
				.always(function() {
507
					$( '#taxon-autocomplete-label' ).removeClass( 'loading' );
508
				});
509
			}
510
		},
511
		html: true
512
	});
513
	$( taxonSelecteur ).on( 'autocompleteselect', this.surAutocompletionTaxon );
514
};
515
 
516
WidgetsSaisiesCommun.prototype.getUrlAutocompletionNomsSci = function() {
3844 idir 517
	let taxonSelecteur = '#taxon';
3638 delphine 518
 
3844 idir 519
	if ( valOk( $( '#taxon-liste' ).val(), true, 'autre' ) ) {
3638 delphine 520
		taxonSelecteur += '-autre';
521
	}
3844 idir 522
	const mots = $( taxonSelecteur ).val(),
523
		url = this.serviceAutocompletionNomSciUrlTpl.replace( '{referentiel}', this.nomSciReferentiel );
3638 delphine 524
 
3844 idir 525
	return url.replace( '{masque}', mots );
3638 delphine 526
};
527
 
528
/**
529
 * Objet taxons pour autocompletion en fonction de la recherche
530
 */
531
WidgetsSaisiesCommun.prototype.traiterRetourNomsSci = function( data ) {
3844 idir 532
	let taxonSelecteur = '#taxon',
533
		suggestions = [];
3638 delphine 534
 
3844 idir 535
	if ( valOk ( $( '#taxon-liste' ).val(), true, 'autre' ) ) {
3638 delphine 536
		taxonSelecteur += '-autre';
537
	}
538
	if ( undefined != data.resultat ) {
539
		$.each( data.resultat, function( i, val ) {
540
			val.nn = i;
541
 
3844 idir 542
			const nom = {
3638 delphine 543
				label : '',
544
				value : '',
545
				nt : 0,
546
				nomSel : '',
547
				nomSelComplet : '',
548
				numNomSel : 0,
549
				nomRet : '',
550
				numNomRet : 0,
551
				famille : '',
552
				retenu : false
553
			};
554
			if ( suggestions.length >= this.autocompletionElementsNbre ) {
555
				nom.label = '...';
556
				nom.value = $( taxonSelecteur ).val();
557
				suggestions.push( nom );
558
				return false;
559
			} else {
560
				nom.label = val.nom_sci_complet;
561
				nom.value = val.nom_sci_complet;
562
				nom.nt = val.num_taxonomique;
563
				nom.nomSel = val.nom_sci;
564
				nom.nomSelComplet = val.nom_sci_complet;
565
				nom.numNomSel = val.nn;
566
				nom.nomRet = val.nom_retenu_complet;
567
				nom.numNomRet = val['nom_retenu.id'];
568
				nom.famille = val.famille;
569
				// Tester dans ce sens, permet de considérer 'absent' comme 'false' => est-ce opportun ?
570
				// en tout cas c'est harmonisé avec le CeL
571
				nom.retenu = ( 'true' == val.retenu );
572
				suggestions.push( nom );
573
			}
574
		});
575
	}
576
	return suggestions;
577
};
578
 
579
/**
580
 * charge les données dans #taxon
581
 */
582
WidgetsSaisiesCommun.prototype.surAutocompletionTaxon = function( event, ui ) {
3844 idir 583
	if ( valOk( ui ) ) {
3638 delphine 584
		$( '#taxon' ).val( ui.item.value );
585
		$( '#taxon' ).data( 'value', ui.item.value )
586
			.data( 'numNomSel', ui.item.numNomSel )
587
			.data( 'nomRet', ui.item.nomRet )
588
			.data( 'numNomRet', ui.item.numNomRet )
589
			.data( 'nt', ui.item.nt )
590
			.data( 'famille', ui.item.famille );
591
		if ( ui.item.retenu ) {
592
			$( '#taxon' ).addClass( 'ns-retenu' );
593
		} else {
594
			$( '#taxon' ).removeClass( 'ns-retenu' );
595
		}
596
		// Si l'espèce est mal déterminée la certitude est "à déterminer"
3844 idir 597
		if( !valOk( $( '#taxon' ).data( 'numNomSel' ) ) ) {
3638 delphine 598
			$( '#certitude' ).find( 'option' ).each( function() {
599
				if ( $( this ).hasClass( 'aDeterminer' ) ) {
600
					$( this ).attr( 'selected', true );
601
				} else {
602
					$( this ).attr( 'selected', false );
603
				}
604
			});
605
		}
606
	}
607
	$( '#taxon' ).change();
608
};
609
 
610
// Fichier Images *************************************************************/
611
/**
612
 * Affiche temporairement (formulaire)
613
 * la miniature d'une image ajoutée à l'obs
614
 */
615
WidgetsSaisiesCommun.prototype.afficherMiniature = function( reponse ) {
3844 idir 616
	const message      = $( 'message', reponse ).text(),
3638 delphine 617
		$blocMiniature = $( '#miniatures .miniature.loading').first();
618
 
3844 idir 619
	if( valOk( $blocMiniature ) ) {
620
		if ( valOk( message ) ) {
3638 delphine 621
			$( '.miniature-msg' ).text( message );
622
			$blocMiniature.remove();
623
 
624
		} else {
625
			this.creerWidgetMiniature( reponse, $blocMiniature );
626
			$blocMiniature.removeClass('loading');
627
		}
3844 idir 628
		if ( !valOk( $( '.miniature-chargement' ) ) ) {
3638 delphine 629
			$( '#ajouter-obs' ).removeClass( 'hidden' );
630
			$( '#message-chargement' ).addClass( 'hidden' );
631
		}
632
		$( '#ajouter-obs' ).removeAttr( 'disabled' );
633
	}
634
};
635
 
636
/**
637
 * Crée la miniature temporaire (formulaire) + bouton pour l'effacer
638
 */
639
WidgetsSaisiesCommun.prototype.creerWidgetMiniature = function( reponse, $blocMiniature ) {
3844 idir 640
	const miniatureUrl = $( 'miniature-url', reponse ).text(),
641
		imgNom         = $( 'image-nom', reponse ).text();
3638 delphine 642
 
643
	$blocMiniature.removeClass( 'miniature-chargement' );
644
	$( '.miniature-img', $blocMiniature )
645
		.removeClass( 'chargement-img' )
646
		.attr({
647
			'alt' : imgNom,
648
			'src' : miniatureUrl
649
		});
650
};
651
 
652
/**
653
 * Retourne true si l'extension de l'image 'nom' est .jpg ou .jpeg
654
 */
655
WidgetsSaisiesCommun.prototype.verifierFormat = function( nomImage ) {
3844 idir 656
	const parts   = nomImage.split( '.' ),
3638 delphine 657
		extension = parts[ parts.length - 1 ];
658
 
659
	return ( 'jpeg' === extension.toLowerCase() || 'jpg' === extension.toLowerCase() );
660
};
661
 
662
/**
663
 * Check les miniatures déjà téléchargées
664
 * renvoie false si le même nom est rencontré 2 fois
665
 * renvoie true sinon
666
 */
667
WidgetsSaisiesCommun.prototype.verifierDuplication = function( nomImage ) {
668
	const lthis = this;
3844 idir 669
	let thisSrcParts = [],
3638 delphine 670
		thisNomImage = '',
671
		nonDupliquee = true;
672
 
673
	nomImage = nomImage.toLowerCase();
674
 
675
	$( 'img.miniature-img,img.miniature' ).each( function() {
676
		// vérification avec alt de l'image
3844 idir 677
		if ( valOk ( $( this ).attr( 'alt' ) ) && $( this ).attr('alt' ).toLowerCase() === nomImage ) {
3638 delphine 678
			nonDupliquee = false;
3844 idir 679
 
3638 delphine 680
			return false;// Pas besoin de poursuivre la boucle
681
		} else { // sinon vérifie aussi avec l'adresse (src) de l'image
682
			thisSrcParts = $( this ).attr( 'src' ).split( '/' );
683
			thisNomImage = thisSrcParts[ thisSrcParts.length - 1 ].replace( '_min', '' ).toLowerCase();
3844 idir 684
			if ( valOk( thisNomImage, true, nomImage ) ) {
3638 delphine 685
				nonDupliquee = false;
3844 idir 686
 
3638 delphine 687
				return false;
688
			}
689
		}
690
	});
3844 idir 691
 
3638 delphine 692
	return nonDupliquee;
693
};
694
 
695
/**
696
 * Efface une miniature (formulaire)
697
 */
698
WidgetsSaisiesCommun.prototype.supprimerMiniature = function( miniature ) {
699
	miniature.parents( '.miniature' ).remove();
700
};
701
 
702
// Geoloc *********************************************************************/
703
WidgetsSaisiesCommun.prototype.transfererCarto = function( donnees ) {
3844 idir 704
	const typeLocalisation = donnees.typeLocalisation || 'point',
705
		suffixe            = valOk( donnees.suffixe ) ? '-' + donnees.suffixe : '',
706
		formSuffixe        = '-arbres' === suffixe ? suffixe : '',
707
		$cartoRemplacee    = donnees.cartoRemplacee || $( '#tb-geolocation' ),
708
		latitude           = donnees.latitude || '',
709
		longitude          = donnees.longitude || '',
710
		zoomInit           = donnees.zoomInit || '',
711
		$mapContainer      = $cartoRemplacee.closest('#map-container');
3638 delphine 712
 
3844 idir 713
	if ( valOk( formSuffixe ) || 'point' !== typeLocalisation ) {
714
		$mapContainer.siblings('#tb-places-zone').remove();
715
	}
716
 
717
	if ( 'tb-geolocation' + suffixe !== $cartoRemplacee.attr('id') ) {
718
		$mapContainer.remove();
719
		$( '#geoloc' + suffixe ).append(
720
			'<div id="map-container">'+
721
				'<div'+
722
					' id="tb-geolocation' + suffixe +'"'+
723
					' data-layer="' + donnees.layer + '"'+
724
					' data-zoom="' + zoomInit + '"'+
725
					' data-type-localisation="' + typeLocalisation + '"'+
726
					' data-form-suffix="' + formSuffixe + '"'+
727
					' style="height: 400px;width: 100%"'+
728
				'>'+
729
				'</div>'+
730
			'</div>'
731
		);
732
 
733
		$( '#coord' ).toggleClass( 'hidden', 'point' !== typeLocalisation );
734
 
735
		if( valOk( this.geoloc.map ) ) {
736
			this.geoloc.closeMap();
737
		}
738
 
739
		this.initEvtsGeoloc( true );
740
	} else {
741
		this.geoloc.reSetDrawControl();
742
	}
743
 
3848 idir 744
	this.geoloc.setMapCoordinates({'lat': latitude, 'lng': longitude});
3638 delphine 745
};
746
 
747
// Ajouter Obs ****************************************************************/
748
/**
749
 * Ajoute une observation à la liste des obs à transmettre
750
 * (résumé obs)
751
 */
752
WidgetsSaisiesCommun.prototype.ajouterObs = function() {
753
	if ( this.isASL ) {
754
		this.scrollFormTop( '#zone-' + this.sujet );
755
	}
756
	// Fermeture automatique des dialogue de transmission de données
757
	// @WARNING TEST
758
	$( '#dialogue-obs-transaction-ko,#dialogue-obs-transaction-ok' ).addClass( 'hidden' );
759
	if ( this.validerForm() ) {
760
		this.masquerPanneau( '#dialogue-form-invalide' );
761
		this.obsNbre += 1;
762
		if ( this.isASL && 'arbres' === this.sujet ) {
763
			this.numArbre += 1;
764
			// bouton info de cet arbre et affichage numéro du prochain arbre
765
			this.lienArbreInfo( this.numArbre );
766
			$( '#arbre-nb' ).text( this.numArbre + 1 );
767
		}
768
		$( '.obs-nbre' ).text( this.obsNbre );
769
		$( '.obs-nbre' ).triggerHandler( 'changement' );
770
		//formatage des données
3844 idir 771
		const obsData = this.formaterFormObsData();
772
 
3638 delphine 773
		this.afficherObs( obsData );
774
		this.stockerObsData( obsData );
775
		if ( this.isASL && 'arbres' === this.sujet ) {
3844 idir 776
			const arbreData = obsData.sujet;
777
 
3638 delphine 778
			// Ajout de donnée utiles puis stockage dans input hidden "releve-data"
779
			arbreData['date_rue_commune']  = obsData.releve.date + obsData.releve.rue + obsData.releve['commune-nom'];
780
			arbreData['id_observation']    = 0;
781
			this.releveDatas               = $.parseJSON( $( '#releve-data' ).val() );
782
			this.releveDatas[this.obsNbre] = arbreData;
783
			$( '#releve-data' ).val( JSON.stringify( this.releveDatas ) );
784
			this.modeArbresBasculerActivation( false );
785
		} else {
786
			this.reinitialiserForm();
787
		}
788
		$( '#barre-progression-upload' ).attr( 'aria-valuemax', this.obsNbre );
789
		$( '#barre-progression-upload .sr-only' ).text( '0/' + this.obsNbre + ' ' + this.msgTraduction( 'observations-transmises' ) );
790
	} else {
791
		this.afficherPanneau( '#dialogue-form-invalide' );
792
	}
793
};
794
 
795
/**
796
 * Formatage des données du formulaire pour stockage et envoi
797
 */
798
WidgetsSaisiesCommun.prototype.formaterFormObsData = function() {
3844 idir 799
	const obsData   = { obsNum : this.obsNbre, sujet : {}},
800
		numNomSel   = $( '#taxon' ).data( 'numNomSel' ),
801
		nomSel      = $( '#taxon' ).val(),
802
		nomRet      = $( '#taxon' ).data( 'nomRet' ),
803
		numNomRet   = $( '#taxon' ).data( 'numNomRet' ),
804
		numTaxon    = $( '#taxon' ).data( 'nt' ),
805
		famille     = $( '#taxon' ).data( 'famille' ),
806
		referentiel = ( valOk( numNomSel ) ) ? this.nomSciReferentiel : 'autre',
807
		certitude   = ( valOk( numNomSel ) ) ? $( '#certitude' ).val() : 'à determiner';
808
	let imgB64       = [],
3638 delphine 809
		imgNom       = [],
810
		date         = '',
811
		notes        = '',
812
		pays         = '',
813
		communeNom   = '',
814
		communeInsee = '',
815
		geometry     = '',
816
		latitude     = '',
817
		longitude    = '',
818
		altitude     = '',
819
		obsEtendue   = [];
820
 
821
	if( !this.isASL ) {
3844 idir 822
		notes        = $( '#notes' ).val().trim() || '';
823
		pays         = $( '#pays' ).val() || '';
824
		communeNom   = $( '#commune-nom' ).val();
825
		communeInsee = $( '#commune-insee' ).val() || '';
826
		geometry     = $( '#geometry' ).val();
827
		latitude     = $( '#latitude' ).val();
828
		longitude    = $( '#longitude' ).val();
829
		altitude     = $( '#altitude' ).val();
830
		obsEtendue   = this.getObsChpSpecifiques();
831
		date         = this.fournirDate( $('#date_releve').val());
3638 delphine 832
	} else {
3844 idir 833
		const miniatureImg = [];
834
 
3638 delphine 835
		notes = $( '#commentaire' ).val() || '';
836
		if ( 'arbres' === this.sujet ) {
837
		// Dans ce cas cette fonction doit renvoyer des données au même format que l'input hidden "releve-data"
838
		// car les données dans stockerObsData provenir soit de cette fonction soit de l'input
839
			$( '.miniature-img' ).each( function() {
840
				if ( $( this ).hasClass( 'b64' ) ) {
841
					imgB64 = $( this ).attr( 'src' ) || '';
842
				} else if ( $( this ).hasClass( 'b64-canvas' ) ) {
843
					imgB64 = $( this ).data( 'b64' ) || '';
844
				}
845
				miniatureImg.push({
846
					'nom' : $( this ).attr( 'alt' ),
847
					'src' : $( this ).attr( 'src' ),
848
					'b64' : imgB64
849
				});
850
			});
851
			obsData.sujet = {
852
				'num-arbre' : this.numArbre,
853
				taxon       : {
854
					'numNomSel' : numNomSel,
855
					'value'     : nomSel,
856
					'nomRet'    : nomRet,
857
					'numNomRet' : numNomRet,
858
					'nt'        : numTaxon,
859
					'famille'   : famille
860
				},
861
				'referentiel'      : referentiel,
862
				'certitude'        : certitude,
863
				'rue-arbres'       : ( $( '#rue-arbres' ).val() ) ? $('#rue-arbres').val() : '',
864
				'geometry-arbres'  : $( '#geometry-arbres' ).val(),
865
				'latitude-arbres'  : $( '#latitude-arbres' ).val(),
866
				'longitude-arbres' : $( '#longitude-arbres' ).val(),
867
				'altitude-arbres'  : $( '#altitude-arbres' ).val(),
868
				'circonference'    : $( '#circonference' ).val(),
869
				'com-arbres'       : ( $( '#com-arbres' ).val() ) ? $('#com-arbres').val() : '',
870
				'miniature-img'    : miniatureImg
871
			};
872
			obsData.releve = {
873
				'date'                  : this.fournirDate( $( '#releve-date' ).val() ),
874
				'rue'                   : $( '#rue' ).val(),
875
				'geometry-releve'       : $( '#geometry-releve' ).val(),
876
				'latitude-releve'       : $( '#latitude-releve' ).val(),
877
				'longitude-releve'      : $( '#longitude-releve' ).val(),
878
				'altitude-releve'       : $( '#altitude-releve' ).val(),
879
				'commune-nom'           : $( '#commune-nom' ).val(),
880
				'commune-insee'         : ( $( '#commune-insee' ).val() ) ? $('#commune-insee').val() : '',
881
				'pays'                  : ( $( '#pays' ).val() ) ? $('#pays').val() : '',
882
				'commentaires'          : notes
883
			};
884
			if ( 'tb_lichensgo' !== this.projet ) {
885
				obsData.sujet['surface-pied']          = $( '#surface-pied' ).val();
886
				obsData.sujet['equipement-pied-arbre'] = $( '#equipement-pied-arbre' ).val();
887
				obsData.sujet['tassement']             = $( '#tassement' ).val() || '';
888
				obsData.sujet['dejections']            = $( '#dejections input:checked' ).val() || '';
889
				obsData.releve['zone-pietonne']        = $( '#zone-pietonne input:checked' ).val();
890
				obsData.releve['pres-lampadaires']     = $( '#pres-lampadaires input:checked' ).val() || '';
891
			}
892
			if ( 'tb_streets' !== this.projet ) {
3844 idir 893
				const faceOmbre = [];
894
 
3638 delphine 895
				$( '#face-ombre input' ).each( function() {
896
					if( $( this ).is( ':checked' ) ) {
897
						faceOmbre.push( $( this ).val() );
898
					}
899
				});
900
				obsData.sujet['face-ombre'] = faceOmbre;
901
			}
902
		} else {
903
			this.releveDatas = $.parseJSON( $( '#releve-data' ).val() );
904
			obsData.numArbre = $( '#choisir-arbre' ).val();
905
			pays             = this.releveDatas[0].pays || '';
906
			communeNom       = this.releveDatas[0]['commune-nom'];
907
			communeInsee     = this.releveDatas[0]['commune-insee'] || '';
908
			geometry         = this.releveDatas[obsData.numArbre]['geometry-arbres'];
909
			latitude         = this.releveDatas[obsData.numArbre]['latitude-arbres'];
910
			longitude        = this.releveDatas[obsData.numArbre]['longitude-arbres'];
911
			altitude         = this.releveDatas[obsData.numArbre]['altitude-arbres'];
912
			obsEtendue       = this.getObsChpSpecifiques( obsData.numArbre );
913
			date             = this.fournirDate( $( '#obs-date' ).val() );
914
		}
915
	}
916
	if ( !this.isASL || 'arbres' !== this.sujet ) {
917
		imgNom        = this.getNomsImgsOriginales();
918
		imgB64        = this.getB64ImgsOriginales();
919
 
920
		obsData.sujet = {
921
			'num_nom_sel'        : numNomSel,
922
			'nom_sel'            : nomSel,
923
			'nom_ret'            : nomRet,
924
			'num_nom_ret'        : numNomRet,
925
			'num_taxon'          : numTaxon,
926
			'famille'            : famille,
927
			'referentiel'        : referentiel,
928
			'certitude'          : certitude,
929
			'date'               : date,
930
			'notes'              : notes,
931
			'pays'               : pays,
932
			'commune_nom'        : communeNom,
933
			'commune_code_insee' : communeInsee,
934
			'geometry'           : geometry,
935
			'latitude'           : latitude,
936
			'longitude'          : longitude,
937
			'altitude'           : altitude,
938
			//Ajout des champs images
939
			'image_nom'          : imgNom,
940
			'image_b64'          : imgB64,
941
			// Ajout des champs étendus de l'obs
942
			'obs_etendue'        : obsEtendue
943
		};
944
		if ( !this.isASL ) {
945
			obsData.sujet['lieudit'] = $( '#lieudit' ).val() || '';
946
			obsData.sujet['station'] = $( '#station' ).val() || '';
3920 idir 947
			if( valOk( $( '.checkboxes input[type=checkbox].milieu' ) ) ) {
948
				const milieux = [];
949
 
950
				$( '.checkboxes input[type=checkbox].milieu:checked' ).each( ( index, checkbox ) => milieux.push( checkbox.value ) );
951
				obsData.sujet['milieu'] = milieux.join( ', ' );
952
			} else {
953
				obsData.sujet['milieu'] = $( '#milieu' ).val() || '';
954
			}
3638 delphine 955
		}
956
	}
957
	return obsData;
958
};
959
 
960
/**
961
 * Affiche une observation dans la liste des observations à transmettre
962
 */
963
WidgetsSaisiesCommun.prototype.afficherObs = function( datasObs ) {
964
	// différences html liéees au responsive
3844 idir 965
	let responsivDiff1 = '',
3638 delphine 966
		responsivDiff2 = '',
967
		responsivDiff3 = '',
968
		responsivDiff4 = '',
969
		responsivDiff5 = '',
970
		responsivDiff6 = '';
971
	if ( window.matchMedia( '(min-width: 576px)' ).matches ) {
972
		/* La largeur minimum de l'affichage est 600 px inclus */
973
		responsivDiff1 = ' droite';
974
		responsivDiff2 = '<div></div>';
975
		responsivDiff3 = '<div class="row">';
976
		responsivDiff4 = ( !this.isASL ) ? ' col-md-2 col-sm-4' : ' col-md-4 col-sm-5';
977
		responsivDiff5 = ( !this.isASL ) ? ' class="col-md-9 col-sm-7"' : ' class="col-md-7 col-sm-6"';
978
		responsivDiff6 = '</div>';
979
	}
980
 
3844 idir 981
	const obsNum = datasObs.obsNum;
982
	let numNomSel        = datasObs.sujet['num_nom_sel'] || '',
3638 delphine 983
		taxon            = '',
984
		miniatures       = '',
985
		notes            = '',
986
		commentaires     = '',
987
		date             = '',
988
		geometry         = '',
989
		latitude         = '',
990
		longitude        = '',
991
		coordonnees      = '',
992
		commune          = '',
993
		lieuObs          = '',
3847 idir 994
		inseeCommune     = '',
3638 delphine 995
		inseeCommuneText = '',
996
		referentiel      = '',
997
		nn               = '',
998
		lieudit          = '',
999
		station          = '',
1000
		milieu           = '',
1001
		certitude        = '',
1002
		numArbre         = '',
1003
		obsArbre         = '';
1004
 
1005
	if ( !this.isASL ) {
1006
		geometry     = datasObs.sujet['geometry'] || '';
1007
		latitude     = datasObs.sujet['latitude'] || '';
1008
		longitude    = datasObs.sujet['longitude'] || '';
1009
		inseeCommune = datasObs.sujet['commune_code_insee'] || '';
1010
		commune      = datasObs.sujet['commune_nom'] || '';
3844 idir 1011
		if ( valOk( inseeCommune ) ) {
3638 delphine 1012
			inseeCommuneText = '(INSEE Commune:' + inseeCommune + ') ';
1013
		}
3844 idir 1014
		if ( valOk( numNomSel ) ) {
3638 delphine 1015
			referentiel = '<span class="referentiel-obs">' + '[' + datasObs.sujet['referentiel'] + ']' + '</span>';
1016
		}
3844 idir 1017
		if ( valOk( datasObs.sujet['lieudit'] ) ) {
3638 delphine 1018
			lieudit = '<span>' + this.msgTraduction( 'lieu-dit' ) + ' :</span> ' + datasObs.sujet['lieudit'] + ' ';
1019
		}
3844 idir 1020
		if ( valOk( datasObs.sujet['station'] ) ) {
3638 delphine 1021
			station = '<span>' + this.msgTraduction( 'station' ) + ' :</span> ' + datasObs.sujet['station'] + ' ';
1022
		}
3844 idir 1023
		if ( valOk( datasObs.sujet['milieu'] ) ) {
3638 delphine 1024
			milieu = '<span>' + this.msgTraduction( 'milieu' ) + ' :</span> ' + datasObs.sujet['milieu'] + ' ';
1025
		}
1026
		nn = this.ajouterNumNomSel( numNomSel );
1027
	} else {
1028
		certitude = ' [certitude : ' + datasObs.sujet.certitude + ']';
1029
		if ( 'arbres' === this.sujet ) {
1030
			numArbre   = datasObs.sujet['num-arbre'];
1031
			numNomSel  = datasObs.sujet.taxon.numNomSel;
1032
			taxon      = datasObs.sujet.taxon.value;
1033
			miniatures = this.ajouterImgMiniatureAuTransfert(datasObs.sujet['miniature-img'] );
1034
			notes      = datasObs.sujet['com-arbres'] || '';
1035
			geometry   = datasObs.sujet['geometry-arbres'];
1036
			latitude   = datasObs.sujet['latitude-arbres'];
1037
			longitude  = datasObs.sujet['longitude-arbres'];
1038
			// s'assurer que la date est au bon format
1039
			date       = this.fournirDate( datasObs.releve.date );
1040
			commune    = datasObs.releve['commune-nom'] || '';
1041
		} else {
1042
			numArbre   = datasObs.numArbre;
1043
		}
1044
		obsArbre = '<span id="obs-arbre-' + numArbre + '" class="badge num-obs-arbre" data-arbre="' + numArbre + '">Arbre ' + numArbre + '</span>';
1045
	}
1046
	if ( !this.isASL || 'arbres' !== this.sujet ) {
1047
		taxon      = datasObs.sujet['nom_sel'];
1048
		miniatures = this.ajouterImgMiniatureAuTransfert();
1049
		notes      = datasObs.sujet['notes'] || '';
1050
		date       = this.fournirDate( datasObs.sujet.date );
1051
	}
1052
	if( !this.isASL || 'arbres' === this.sujet ) {
3844 idir 1053
		if ( valOk( commune ) ) {
3638 delphine 1054
			lieuObs = ' '  + this.msgTraduction( 'lieu-obs' ) + ' ' + '<span class="commune">' + commune + '</span> ';
1055
		}
3844 idir 1056
		if ( valOk( latitude ) && valOk( longitude ) ) {
3638 delphine 1057
			coordonnees = '[' + latitude + ' / ' + longitude + ']';
1058
		}
1059
	}
3844 idir 1060
	if ( valOk( notes ) ) {
3638 delphine 1061
		commentaires =
1062
			this.msgTraduction( 'commentaires' ) +
1063
			' : <span>'+
1064
				notes +
1065
			'</span> ';
1066
	}
1067
	// html du bloc résumé de l'obs
1068
	$( '#liste-obs' ).prepend(
1069
		'<div id="obs' + obsNum + '" class="obs obs' + obsNum + ' mb-2">'+
1070
			'<div '+
1071
				'class="obs-action" '+
1072
				'title="' + this.msgTraduction( 'supprimer-observation-liste' ) + '"'+
1073
			'>'+
1074
				'<button class="btn btn-danger supprimer-obs' + responsivDiff1 + '" value="'+ obsNum + '" title="' + this.msgTraduction( 'obs-numero' ) + obsNum + '">'+
1075
				'<i class="far fa-trash-alt"></i>'+
1076
				'</button>'+
1077
				responsivDiff2 +
1078
			'</div> '+
1079
			responsivDiff3 +
1080
				'<div class="thumbnail' + responsivDiff4 + '">'+
1081
					miniatures +
1082
				'</div>'+
1083
				'<div' + responsivDiff5 + '>'+
1084
					'<ul class="unstyled">'+
1085
						'<li>'+
1086
							// isASL
1087
							obsArbre +
1088
							// toujours
1089
							'<span class="nom-sci">' + taxon + '</span> '+
1090
							// !isASL
1091
							nn +
1092
							referentiel +
1093
							// isASL
1094
							certitude +
1095
							// !this.isASL || 'arbres' === this.sujet
1096
							lieuObs +
1097
							// !isASL
1098
							inseeCommuneText +
1099
							// !this.isASL || 'arbres' === this.sujet
1100
							coordonnees +
1101
							// toujours
1102
							' ' + this.msgTraduction( 'obs-le' ) + ' '+
1103
							'<span class="date">' + date + '</span>'+
1104
						'</li>'+
1105
						'<li>'+
1106
							// !isASL
1107
							lieudit +
1108
							station +
1109
							milieu +
1110
						'</li>'+
1111
						'<li>'+
3844 idir 1112
							// valOk( notes )
3638 delphine 1113
							commentaires +
1114
						'</li>'+
1115
					'</ul>'+
1116
				'</div>'+
1117
			responsivDiff6+
1118
		'</div>'
1119
	);
1120
 
1121
	$( '#zone-liste-obs' ).removeClass( 'hidden' );
1122
};
1123
 
1124
/**
1125
 * Ajoute une boîte de miniatures avec défilement des images,
1126
 * pour une obs de la liste des obs à transmettre
1127
 */
1128
WidgetsSaisiesCommun.prototype.ajouterImgMiniatureAuTransfert = function( chargerImages = undefined ) {
1129
	const lthis = this;
3844 idir 1130
	let html         =
3638 delphine 1131
			'<div class="defilement-miniatures">'+
1132
				'<figure class="centre">'+
1133
					'<img class="miniature align-middle" alt="Aucune photo" src="' + this.pasDePhotoIconeUrl + '" width="80%" />'+
1134
				'</figure>'+
1135
			'</div>',
1136
		miniatures   = '',
1137
		centre       = '',
1138
		defilVisible = '',
1139
		length       = 0;
1140
 
3844 idir 1141
	if ( valOk( chargerImages ) || valOk( $( '#miniatures img' ) ) ) {
1142
		if ( valOk( chargerImages ) ) {
3638 delphine 1143
			$.each(  chargerImages, function( i, value ) {
3844 idir 1144
				let imgVisible = ( 0 < i ) ? 'miniature-cachee' : 'miniature-selectionnee',
1145
					css        = ( valOk( value['b64'] ) ) ? 'miniature b64' : 'miniature',
3638 delphine 1146
					src        = value.src,
1147
					alt        = value.nom,
1148
					miniature  = '<img class="' + css + ' ' + imgVisible + ' align-middle"  alt="' + alt + '"src="' + src + '" width="80%" />';
1149
 
1150
				miniatures += miniature;
1151
			});
1152
			length = chargerImages.length;
1153
		} else {
3844 idir 1154
			let premiere = true;
3638 delphine 1155
			$( '#miniatures img' ).each( function() {
3844 idir 1156
				let imgVisible = ( premiere ) ? 'miniature-selectionnee' : 'miniature-cachee';
1157
 
3638 delphine 1158
				premiere = false;
1159
 
3844 idir 1160
				let css        = ( $( this ).hasClass( 'b64' ) ) ? 'miniature b64' : 'miniature',
3638 delphine 1161
					src        = $( this ).attr( 'src' ),
1162
					alt        = $( this ).attr( 'alt' ),
1163
					miniature  = '<img class="' + css + ' ' + imgVisible + ' align-middle"  alt="' + alt + '"src="' + src + '" width="80%" />';
1164
 
1165
				miniatures += miniature;
1166
			});
1167
			length = $( '#miniatures img' ).length;
1168
		}
1169
		if ( 1 === length ) {
1170
			centre       = 'centre';
1171
			defilVisible = ' defilement-miniatures-cache';
1172
		}
3844 idir 1173
		html =
3638 delphine 1174
			'<div class="defilement-miniatures">'+
1175
				'<a href="#" class="defilement-miniatures-gauche mr-1' + defilVisible + '"><i class="fas fa-chevron-circle-left"></i></a>'+
1176
				'<figure class="' + centre + '">'+
1177
					miniatures+
1178
				'</figure>'+
1179
				'<a href="#" class="defilement-miniatures-droite ml-1' + defilVisible + '"><i class="fas fa-chevron-circle-right"></i></a>'+
1180
			'</div>';
1181
	}
1182
 
1183
	return html;
1184
};
1185
 
1186
/**
1187
 * Construit le html à afficher pour le numNom
1188
 */
1189
WidgetsSaisiesCommun.prototype.ajouterNumNomSel = function( numNomSel ) {
3844 idir 1190
	let nn = '<span class="nn">[nn' + numNomSel + ']</span>';
3638 delphine 1191
 
3844 idir 1192
	if ( !valOk( numNomSel ) ) {
3638 delphine 1193
		nn = '<span class="alert-error">[' + this.msgTraduction( 'non-lie-au-ref' ) + ']</span>';
1194
	}
1195
 
1196
	return nn;
1197
};
1198
 
1199
/**
1200
 * Stocke des données d'obs à envoyer à la bdd
1201
 */
1202
WidgetsSaisiesCommun.prototype.stockerObsData = function( obsDatas ) {
1203
	if ( this.isASL && 'arbres' === this.sujet ) {
1204
		// Dans ce cas la fonction formaterFormObsData renvoie des données au même format que l'input hidden "releve-data"
1205
		// car les données peuvent provenir soit de la formaterFormObsData soit de cet input
1206
		const lthis = this;
1207
		// si releve dupliqué on ne stocke pas l'image :
3844 idir 1208
		let stockerImg  = valOk( obsDatas.sujet['miniature-img'] ),
3638 delphine 1209
			imgNom      = [],
1210
			imgB64      = [];
1211
 
1212
		// Si on a bien un 'miniature-img' dans les données
1213
		if( stockerImg ) {
1214
			$.each( obsDatas.sujet['miniature-img'], function( i, obj ) {
1215
				if( obj.hasOwnProperty( 'id' ) ) {
1216
					stockerImg = false;
1217
				}
1218
				return stockerImg;
1219
			});
1220
		}
1221
		// Si les miniatures ne sont pas déjà stockées (résultat de la loop précédente)
1222
		if( stockerImg ) {
1223
			$.each( obsDatas.sujet['miniature-img'] , function( i, obj ) {
3844 idir 1224
				if( valOk( obj.nom ) ) {
3638 delphine 1225
					imgNom.push( obj.nom );
1226
				}
3844 idir 1227
				if( valOk( obj['b64'] ) ) {
3638 delphine 1228
					imgB64.push( obj['b64'] );
1229
				}
1230
			});
1231
		} else {
1232
			imgNom = lthis.getNomsImgsOriginales();
1233
			imgB64 = lthis.getB64ImgsOriginales();
1234
		}
1235
		// Stockage en data des données d'obs à transmettre
1236
		$( '#liste-obs' ).data( 'obsId' + obsDatas.obsNum, {
1237
			'num_nom_sel'        : obsDatas.sujet.taxon.numNomSel,
1238
			'nom_sel'            : obsDatas.sujet.taxon.value,
1239
			'nom_ret'            : obsDatas.sujet.taxon.nomRet,
1240
			'num_nom_ret'        : obsDatas.sujet.taxon.numNomRet,
1241
			'num_taxon'          : obsDatas.sujet.taxon.nt,
1242
			'famille'            : obsDatas.sujet.taxon.famille,
1243
			'referentiel'        : obsDatas.sujet.referentiel,
1244
			'certitude'          : obsDatas.sujet.certitude,
1245
			// La date provenant de input "releve-data" n'est pas au bon format
1246
			'date'               : this.fournirDate( obsDatas.releve.date ),
1247
			'notes'              : obsDatas.releve.commentaires.trim(),
1248
			'pays'               : obsDatas.releve.pays,
1249
			'commune_nom'        : obsDatas.releve['commune-nom'],
1250
			'commune_code_insee' : obsDatas.releve['commune-insee'],
1251
			'geometry'           : obsDatas.sujet['geometry-arbres'],
1252
			'latitude'           : obsDatas.sujet['latitude-arbres'],
1253
			'longitude'          : obsDatas.sujet['longitude-arbres'],
1254
			'altitude'           : obsDatas.sujet['altitude-arbres'],
1255
			'image_nom'          : imgNom,
1256
			'image_b64'          : imgB64,
1257
			// Ajout des champs étendus de l'obs
1258
			'obs_etendue'        : lthis.getObsChpSpecifiques( obsDatas )
1259
		});
1260
	} else {
1261
		// Stockage en data des données d'obs à transmettre
1262
		$( '#liste-obs' ).data( 'obsId' + obsDatas.obsNum, obsDatas.sujet );
1263
	}
1264
};
1265
 
1266
WidgetsSaisiesCommun.prototype.getNomsImgsOriginales = function() {
3844 idir 1267
	const noms = [];
3638 delphine 1268
 
1269
	$( '.miniature-img' ).each( function() {
1270
		noms.push( $( this ).attr( 'alt' ) );
1271
	});
1272
 
1273
	return noms;
1274
};
1275
 
1276
WidgetsSaisiesCommun.prototype.getB64ImgsOriginales = function() {
3844 idir 1277
	const b64 = [];
3638 delphine 1278
 
1279
	$( '.miniature-img' ).each( function() {
1280
		if ( $( this ).hasClass( 'b64' ) ) {
1281
			b64.push( $( this ).attr( 'src' ) );
1282
		} else if ( $( this ).hasClass( 'b64-canvas' ) ) {
1283
			b64.push( $( this ).data( 'b64' ) );
1284
		}
1285
	});
1286
 
1287
	return b64;
1288
};
1289
 
1290
/**
1291
 * Efface toutes les miniatures (formulaire)
1292
 */
1293
WidgetsSaisiesCommun.prototype.supprimerMiniatures = function() {
1294
	if ( !this.isASL ) {
1295
		// Déconnection MutationObserver miniatures
1296
		// Sinon on a une erreur avant la création d'une nouvelle obs
1297
		this.observer.disconnect();
1298
		$( '#miniatures' ).empty();
1299
		// Validation miniatures reprend à 0 pour une nouvelle obs
1300
		this.surPresenceAbsenceMiniature();
1301
	} else {
1302
		$( '#miniatures' ).empty();
1303
	}
1304
	$( '#miniature-msg' ).empty();
1305
};
1306
 
1307
WidgetsSaisiesCommun.prototype.surChangementNbreObs = function() {
1308
	if ( 0 === this.obsNbre ) {
1309
		$( '#transmettre-obs' ).attr( 'disabled', 'disabled' );
1310
	} else if ( 0 < this.obsNbre && this.obsNbre < this.obsMaxNbre ) {
1311
		$( '#ajouter-obs,#transmettre-obs' ).removeAttr( 'disabled' );
1312
	} else if ( this.obsNbre >= this.obsMaxNbre ) {
1313
		$( '#ajouter-obs' ).attr( 'disabled', 'disabled' );
1314
		this.afficherPanneau( '#dialogue-bloquer-creer-obs' );
1315
	}
1316
	if ( this.isASL && 'arbres' === this.sujet ) {
1317
		if ( 0 <= this.obsNbre && this.obsNbre < this.obsMaxNbre ) {
1318
			$( '#bloc-form-arbres' ).removeClass( 'hidden' );
1319
		} else {
1320
			$( '#bloc-form-arbres' ).addClass( 'hidden' );
1321
		}
1322
	}
1323
};
1324
 
1325
WidgetsSaisiesCommun.prototype.defilerMiniatures = function( element ) {
3844 idir 1326
	const miniatureSelectionne  = element.siblings( 'figure' ).find( 'img.miniature-selectionnee' );
3638 delphine 1327
 
1328
	miniatureSelectionne.removeClass( 'miniature-selectionnee' );
1329
	miniatureSelectionne.addClass( 'miniature-cachee' );
1330
 
3844 idir 1331
	let miniatureAffichee     = miniatureSelectionne;
3638 delphine 1332
 
1333
	if( element.hasClass( 'defilement-miniatures-gauche' ) ) {
1334
		if( 0 !== miniatureSelectionne.prev( '.miniature' ).length ) {
1335
			miniatureAffichee = miniatureSelectionne.prev( '.miniature' );
1336
		} else {
1337
			miniatureAffichee = miniatureSelectionne.siblings( '.miniature' ).last();
1338
		}
1339
	} else {
1340
		if( 0 !== miniatureSelectionne.next('.miniature').length ) {
1341
			miniatureAffichee = miniatureSelectionne.next( '.miniature' );
1342
		} else {
1343
			miniatureAffichee = miniatureSelectionne.siblings( '.miniature' ).first();
1344
		}
1345
	}
1346
	miniatureAffichee.addClass( 'miniature-selectionnee' );
1347
	miniatureAffichee.removeClass( 'miniature-cachee' );
1348
};
1349
 
1350
WidgetsSaisiesCommun.prototype.supprimerObs = function( selector ) {
3844 idir 1351
	let obsId = $( selector ).val();
3638 delphine 1352
 
1353
	// Problème avec IE 6 et 7
1354
	if ( 'Supprimer' === obsId ) {
1355
		obsId = $( selector ).attr( 'title' );
1356
	}
1357
	this.supprimerObsParId( obsId );
1358
};
1359
 
1360
/**
1361
 * Supprime l'obs et les data de l'obs
1362
 * et remonte les suivantes d'un cran
1363
 */
1364
WidgetsSaisiesCommun.prototype.supprimerObsParId = function( obsId, transmission = false ) {
3844 idir 1365
	let arbreExId = 0,
1366
		arbreId   = 0;
1367
 
3638 delphine 1368
	if ( this.isASL && 'arbres' === this.sujet ) {
1369
		if ( !transmission ) {
1370
			this.releveData  = $.parseJSON( $( '#releve-data' ).val() );
1371
			this.releveData.splice( obsId , 1 );
1372
			$( '#releve-data' ).val( JSON.stringify( this.releveData ) );
1373
		}
1374
		$( '#arbre-info-' + ( this.numArbre ) ).remove();
1375
		$( '#arbre-nb' ).text( this.numArbre );
1376
		this.numArbre -= 1;
1377
		if ( 1 > this.numArbre ) {
1378
			$( '#bloc-info-arbres-title' ).addClass( 'hidden' );
1379
		}
1380
	}
1381
	this.obsNbre  -= 1;
1382
	$( '.obs-nbre' ).text( this.obsNbre );
1383
	$( '.obs-nbre' ).triggerHandler( 'changement' );
1384
	$( '.obs' + obsId ).remove();
1385
	obsId = parseInt(obsId);
1386
 
1387
	if ( !transmission ) {
3844 idir 1388
		const listObsData = $( '#liste-obs' ).data();
1389
		let exId      = 0,
1390
			indexObs  = '',
1391
			exIndexOb = '';
3638 delphine 1392
 
3844 idir 1393
		for ( let id = obsId; id <= ( this.obsNbre + 1 ); id++ ) {
3638 delphine 1394
			exId       = parseInt(id) + 1;
1395
			indexObs   = 'obsId' + id;
1396
			exIndexObs = 'obsId' + exId;
1397
			$( '#liste-obs' ).removeData( indexObs );
1398
			$( '#obs' + exId )
1399
				.attr( 'id', 'obs' + id )
1400
				.removeClass( 'obs' + exId )
1401
				.addClass( 'obs' + id )
1402
				.find( '.supprimer-obs' )
1403
					.attr( 'title', 'Observation n°' + id )
1404
					.val( id );
1405
 
1406
			if ( this.isASL && 'arbres' === this.sujet ) {
1407
				arbreExId = parseInt( $( '#obs-arbre-' + exId ).data( 'arbre' ) );
1408
				arbreId   = arbreExId - 1;
1409
				$( '#obs-arbre-' + arbreExId )
1410
					.attr( 'id', 'obs-arbre-' + arbreId )
1411
					.attr( 'data-arbre', arbreId )
1412
					.data( 'arbre', arbreId )
1413
					.text( 'Arbre ' + arbreId );
1414
				// modification du numero d'arbre dans les obs étendues
3844 idir 1415
				if ( valOk( listObsData[exIndexObs] ) ) {
3638 delphine 1416
					$.each( listObsData[exIndexObs].obs_etendue, function( i, obsE ) {
1417
						if ('num_arbre' === obsE.cle ) {
1418
							listObsData[exIndexObs].obs_etendue[i].valeur = arbreId;
1419
							return false;
1420
						}
1421
					});
1422
				}
1423
			}
1424
 
1425
			// Mise à jour des données à transmettre
3844 idir 1426
			if ( valOk( listObsData[exIndexObs] ) ) {
3638 delphine 1427
				$( '#liste-obs' ).data( indexObs, listObsData[exIndexObs] );
1428
			}
1429
			if ( parseInt( id ) !== this.obsNbre ) {
1430
				id = parseInt(id);
1431
			}
1432
		}
1433
	} else {
1434
		$( '#liste-obs' ).removeData( 'obsId' + obsId );
1435
	}
1436
};
1437
 
1438
WidgetsSaisiesCommun.prototype.transmettreObs = function() {
3844 idir 1439
	const lthis = this,
1440
		observations = $( '#liste-obs' ).data();
3638 delphine 1441
 
1442
	if ( this.debug ) {
1443
		console.dir( observations );
1444
	}
3844 idir 1445
	if ( !valOk( typeof observations, true, 'object' ) ) {
3638 delphine 1446
		this.afficherPanneau( '#dialogue-zero-obs' );
1447
	} else {
1448
		this.nbObsEnCours         = 1;
1449
		this.nbObsTransmises      = 0;
1450
		this.totalObsATransmettre = $.map( observations, function( n, i ) {
1451
			return i;
1452
		}).length;
1453
		this.depilerObsPourEnvoi();
1454
	}
1455
 
1456
	return false;
1457
};
1458
 
1459
WidgetsSaisiesCommun.prototype.depilerObsPourEnvoi = function() {
3844 idir 1460
	const observations = $( '#liste-obs' ).data();
3638 delphine 1461
	// la boucle est factice car on utilise un tableau
1462
	// dont on a besoin de n'extraire que le premier élément
1463
	// or javascript n'a pas de méthode cross browsers pour extraire les clés
1464
	// TODO: utiliser var.keys quand ça sera plus répandu
1465
	// ou bien utiliser un vrai tableau et pas un objet
3844 idir 1466
	for ( let obsNum in observations ) {
1467
		const obsATransmettre = {
1468
				'id_projet' : this.idProjet,
1469
				'projet'    : this.projet,
1470
				'tag-obs'   : this.tagObs,
1471
				'tag-img'   : this.tagImg
1472
			},
1473
			utilisateur        = {
1474
				id_utilisateur : $( '#id_utilisateur' ).val(),
1475
				prenom         : $( '#prenom' ).val(),
1476
				nom            : $( '#nom' ).val(),
1477
				courriel       : $( '#courriel' ).val()
1478
			};
3638 delphine 1479
 
1480
		obsATransmettre['utilisateur'] = utilisateur;
1481
		obsATransmettre[obsNum]        = observations[obsNum];
1482
 
3844 idir 1483
		const idObsNumerique = obsNum.replace( 'obsId', '' );
3638 delphine 1484
 
1485
		if( '' !== idObsNumerique ) {
1486
			this.envoyerObsAuCel( idObsNumerique, obsATransmettre );
1487
		}
1488
		break;
1489
	}
1490
};
1491
 
1492
WidgetsSaisiesCommun.prototype.envoyerObsAuCel = function( idObs, observation ) {
1493
	const lthis = this;
3844 idir 1494
	let erreurMsg = '';
3638 delphine 1495
 
1496
	$.ajax({
1497
		url        : lthis.serviceSaisieUrl,
1498
		type       : 'POST',
1499
		data       : observation,
1500
		dataType   : 'json',
1501
		beforeSend : function() {
1502
			$( '#dialogue-obs-transaction-ko,#dialogue-obs-transaction-ok' ).addClass( 'hidden' );
1503
			$( '.alert-txt' ).empty();
1504
			$( '.alert-txt .msg-erreur,.alert-txt .msg-debug' ).remove();
1505
			$( '#chargement' ).removeClass( 'hidden' );
1506
		},
1507
		success    : function( transfertDatas, textStatus, jqXHR ) {
1508
			if( lthis.isASL && 'arbres' === lthis.sujet ) {
1509
				// actualisation de id_observation dans '#releve-data'
1510
				lthis.actualiserReleveDataIdObs( idObs, transfertDatas.id );
1511
			}
1512
			// mise à jour du nombre d'obs à transmettre
1513
			// et suppression de l'obs
1514
			lthis.supprimerObsParId( idObs, true );
1515
			lthis.nbObsEnCours++;
1516
			// mise à jour du statut
1517
			lthis.mettreAJourProgression();
1518
			if( 0 < lthis.obsNbre ) {
1519
				// dépilement de la suivante
1520
				lthis.depilerObsPourEnvoi();
1521
			}
1522
		},
1523
		statusCode  : {
1524
			500 : function( jqXHR, textStatus, errorThrown ) {
1525
				erreurMsg += lthis.msgTraduction( 'erreur' ) + ' 500 :\ntype : ' + textStatus + ' ' + errorThrown + '\n';
1526
				}
1527
		},
1528
		error        : function( jqXHR, textStatus, errorThrown ) {
1529
			erreurMsg += lthis.msgTraduction( 'erreur-ajax' ) + ' :\ntype : ' + textStatus + ' ' + errorThrown + '\n';
1530
			try {
1531
				reponse = jQuery.parseJSON( jqXHR.responseText );
1532
				if ( null !== reponse ) {
1533
					$.each( reponse, function( cle, valeur ) {
1534
						erreurMsg += valeur + '\n';
1535
					});
1536
				}
1537
			} catch( e ) {
1538
				erreurMsg += lthis.msgTraduction( 'erreur-inconnue' ) + ' : ' + jqXHR.responseText;
1539
			}
1540
		},
1541
		complete      : function( jqXHR, textStatus ) {
3844 idir 1542
			const debugMsg = lthis.extraireEnteteDebug( jqXHR );
3638 delphine 1543
 
1544
			if ( '' !== erreurMsg ) {
1545
				if ( lthis.debug ) {
1546
					$( '#dialogue-obs-transaction-ko .alert-txt' ).append( '<pre class="msg-erreur">' + erreurMsg + '</pre>' );
1547
					$( '#dialogue-obs-transaction-ko .alert-txt' ).append( '<pre class="msg-debug">Débogage : ' + debugMsg + '</pre>' );
1548
				}
3844 idir 1549
				const hrefCourriel = 'mailto:cel_remarques@tela-botanica.org?'+
3638 delphine 1550
					'subject=Dysfonctionnement du widget de saisie ' + lthis.tagsMotsCles+
1551
					'&body=' + erreurMsg + '%0D%0ADébogage :%0D%0A' + debugMsg;
1552
 
1553
				$( '#obs' + idObs + ' div div' ).addClass( 'obs-erreur' );
1554
				$( '#dialogue-obs-transaction-ko .alert-txt' ).append(
1555
					$( '#tpl-transmission-ko' ).clone()
1556
						.find( '.courriel-erreur' )
1557
						.attr( 'href', hrefCourriel )
1558
						.end()
1559
						.html()
1560
				);
1561
				$( '#dialogue-obs-transaction-ko' ).removeClass( 'hidden' );
1562
				$( '#chargement' ).addClass( 'hidden' );
1563
				lthis.initialiserBarreProgression;
1564
			} else {
1565
				if ( lthis.debug ) {
1566
					$( '#dialogue-obs-transaction-ok .alert-txt' ).append( '<pre class="msg-debug">Débogage : ' + debugMsg + '</pre>' );
1567
				}
1568
				if( 0 === lthis.obsNbre ) {
1569
					setTimeout( function() {
1570
						if ( lthis.isASL ) {
1571
							if ( 'arbres' === lthis.sujet ) {
1572
								if ( 'tb_streets' !== lthis.projet ) {
1573
									$( '#bouton-saisir-lichens' ).removeClass( 'hidden' );
1574
								}
1575
								if ( 'tb_lichensgo' !== lthis.projet ) {
1576
									$( '#bouton-saisir-plantes' ).removeClass( 'hidden' );
1577
								}
1578
							} else {
1579
								$( '#bouton-poursuivre' ).removeClass( 'hidden' );
1580
							}
1581
							$( '#bloc-controle-liste-obs,#bloc-gauche' ).addClass( 'hidden' );
1582
						}
1583
						$( '#chargement' ).addClass( 'hidden' );
1584
						$( '#dialogue-obs-transaction-ok .alert-txt' ).append( $( '#tpl-transmission-ok' ).clone().html() );
1585
						$( '#dialogue-obs-transaction-ok' ).removeClass( 'hidden' );
1586
					}, 1500 );
1587
				}
1588
			}
1589
		}
1590
	});
1591
};
1592
 
1593
WidgetsSaisiesCommun.prototype.mettreAJourProgression = function() {
1594
	this.nbObsTransmises++;
1595
 
3844 idir 1596
	const pct = ( this.nbObsTransmises / this.totalObsATransmettre ) * 100;
3638 delphine 1597
 
1598
	$( '#barre-progression-upload' ).attr( 'aria-valuenow', this.nbObsTransmises );
1599
	$( '#barre-progression-upload' ).css( 'width', pct + '%' );
1600
	$( '#barre-progression-upload .sr-only' ).text( this.nbObsTransmises + '/' + this.totalObsATransmettre + ' ' + this.msgTraduction( 'observations-transmises' ) );
1601
	if( 0 === this.obsNbre ) {
1602
		$( '.progress' ).removeClass( 'active' );
1603
		$( '.progress' ).removeClass( 'progress-bar-striped' );
1604
	}
1605
};
1606
 
1607
WidgetsSaisiesCommun.prototype.initialiserBarreProgression = function() {
1608
	$( '#barre-progression-upload' ).attr( 'aria-valuenow', 0 );
1609
	$( '#barre-progression-upload' ).css( 'width', '0%' );
1610
	$( '#barre-progression-upload .sr-only' ).text( '0/0 ' + this.msgTraduction( 'observations-transmises' ) );
1611
	$( '.progress' ).addClass( 'active' );
1612
	$( '.progress' ).addClass( 'progress-bar-striped' );
1613
};
1614
 
1615
// Form Validator *************************************************************/
1616
WidgetsSaisiesCommun.prototype.configurerFormValidator = function() {
1617
	const lthis = this;
1618
 
1619
	$.validator.addMethod(
1620
		'dateCel',
1621
		function ( value, element ) {
3844 idir 1622
			return ( valOk( value ) && ( /^(?:[0-9]{4}-[0-9]{2}-[0-9]{2})|(?:[0-9]{2}\/[0-9]{2}\/[0-9]{4})$/.test( value ) ) );
3638 delphine 1623
		},
1624
		lthis.msgTraduction( 'date-incomplete' )
1625
	);
1626
	$.validator.addMethod(
1627
		'userEmailOk',
1628
		function ( value, element ) {
3844 idir 1629
			return ( valOk( value ) );
3638 delphine 1630
		},
1631
		''
1632
	);
1633
	$.validator.addMethod(
1634
		'minMaxOk',
1635
		function ( value, element, param ) {
1636
			$.validator.messages.minMaxOk = lthis.validerMinMax( element ).message;
1637
			return lthis.validerMinMax( element ).cond;
1638
		},
1639
		$.validator.messages.minMaxOk
1640
	);
1641
	$.validator.addMethod(
1642
		'listFields',
1643
		function ( value, element ) {
3844 idir 1644
			return ( valOk( value ) );
3638 delphine 1645
		},
1646
		''
1647
	);
1648
	$.extend( $.validator.defaults, {
1649
		errorElement: 'span',
1650
		errorPlacement: function( error, element ) {
1651
			if ( lthis.isASL && 'arbres' === lthis.sujet && ( 'checkbox' === element.attr( 'type' ) || 'radio' === element.attr( 'type' ) ) ) {
1652
				error.appendTo( element.closest( '.list' ) );
1653
			} else {
1654
				element.after( error );
1655
			}
1656
		},
1657
		onfocusout: function( element ) {
3844 idir 1658
			if( valOk( element.id, false, 'taxon' ) || ( lthis.isASL && 'arbres' === lthis.sujet ) ) {
3638 delphine 1659
				if ( $( element ).valid() ) {
1660
					$( element ).closest( '.control-group' ).removeClass( 'error' );
1661
				} else {
1662
					$( element ).closest( '.control-group' ).addClass( 'error' );
1663
				}
1664
			}
1665
		},
1666
		onkeyup : function( element ) {
3844 idir 1667
			if( valOk( element.id, false, 'taxon' ) || ( lthis.isASL && 'arbres' === lthis.sujet ) ) {
3638 delphine 1668
				if ( $( element ).valid() ) {
1669
					$( element ).closest( '.control-group' ).removeClass( 'error' );
1670
				} else {
1671
					$( element ).closest( '.control-group' ).addClass( 'error' );
1672
				}
1673
			}
1674
		},
1675
		unhighlight: function( element ) {
3844 idir 1676
			if( valOk( element.id, false, 'taxon' ) || ( lthis.isASL && 'arbres' === lthis.sujet ) ) {
3638 delphine 1677
				$( element ).closest( '.control-group' ).removeClass( 'error' );
1678
			}
1679
		},
1680
		highlight: function( element ) {
1681
			$( element ).closest( '.control-group' ).addClass( 'error' );
1682
		}
1683
	});
1684
};
1685
 
1686
// Formatage date *************************************************************/
1687
WidgetsSaisiesCommun.prototype.fournirDate = function( dateObs ) {
1688
	if ( /^[0-9]{2}\/[0-9]{2}\/[0-9]{4}$/.test( dateObs ) ) {
3844 idir 1689
 
3638 delphine 1690
		return dateObs;
1691
	} else if ( /^[0-9]{4}-[0-9]{2}-[0-9]{2}$/.test( dateObs ) ) {
3844 idir 1692
		const dateArray = dateObs.split( '-' );
1693
 
3638 delphine 1694
		return dateArray[2] + '/' + dateArray[1] + '/' + dateArray[0]
1695
	} else {
1696
		console.dir( 'erreur date : ' + dateObs )
1697
	}
1698
};
1699
 
1700
// scroll vers le formulaire
1701
WidgetsSaisiesCommun.prototype.scrollFormTop = function( scrollSelecteur, focus = '' ) {
1702
	$( 'html, body' ).stop().animate({
1703
		scrollTop: $( scrollSelecteur ).offset().top
1704
	}, 300, function() {
3844 idir 1705
		if ( valOk( focus ) ) {
3638 delphine 1706
			$( focus ).focus();
1707
		} else {
1708
			return;
1709
		}
1710
	});
1711
};
1712
 
1713
// Controle des panneaux d'infos **********************************************/
1714
 
1715
WidgetsSaisiesCommun.prototype.afficherPanneau = function( selecteur ) {
1716
	$( selecteur )
1717
		.removeClass( 'hidden' )
1718
		.hide()
1719
		.show( 600 )
1720
		.delay( this.dureeMessage )
1721
		.hide( 600 );
1722
	this.scrollFormTop( selecteur );
1723
};
1724
 
1725
WidgetsSaisiesCommun.prototype.masquerPanneau = function( selecteur ) {
1726
	$( selecteur ).addClass( 'hidden' );
1727
};
1728
 
1729
WidgetsSaisiesCommun.prototype.fermerPanneauAlert = function() {
1730
	$( this ).parentsUntil( '.zone-alerte', '.alert' ).addClass( 'hidden' );
1731
};
1732
 
1733
/**
1734
 * Si la langue est définie dans this.langue, et si des messages sont définis
1735
 * dans this.msgs, tente de trouver le message dont la clé est [cle] dans la
1736
 * langue en cours. S'il n'est pas trouvé, retourne la version française (par
1737
 * défaut); si celle-ci n'exite pas, retourne "N/A".
1738
 */
1739
WidgetsSaisiesCommun.prototype.msgTraduction = function( cle ) {
3844 idir 1740
	let msg = 'N/A';
3638 delphine 1741
 
3844 idir 1742
	if ( utils.msgs ) {
1743
		if ( this.langue in utils.msgs && cle in utils.msgs[this.langue] ) {
1744
			msg = utils.msgs[this.langue][cle];
1745
		} else if ( cle in utils.msgs['fr'] ) {
1746
			msg = utils.msgs['fr'][cle];
3638 delphine 1747
		}
1748
	}
1749
	return msg;
1750
};
1751
 
1752
/**
1753
* Stope l'évènement courant quand on clique sur un lien.
1754
* Utile pour Chrome, Safari...
1755
*/
1756
WidgetsSaisiesCommun.prototype.arreter = function( event ) {
1757
	if ( event.stopPropagation ) {
1758
		event.stopPropagation();
1759
	}
1760
	if ( event.preventDefault ) {
1761
		event.preventDefault();
1762
	}
1763
 
1764
	return false;
1765
};
1766
 
1767
/**
1768
 * Extrait les données de désinsectisation d'une requête AJAX de jQuery
1769
 * @param jqXHR
1770
 * @returns {String}
1771
 */
1772
WidgetsSaisiesCommun.prototype.extraireEnteteDebug = function( jqXHR ) {
3844 idir 1773
	let msgDebug = '';
3638 delphine 1774
 
1775
	if ( '' !== jqXHR.getResponseHeader( 'X-DebugJrest-Data' ) ) {
3844 idir 1776
		const debugInfos = jQuery.parseJSON( jqXHR.getResponseHeader( 'X-DebugJrest-Data' ) );
1777
 
3638 delphine 1778
		if ( null !== debugInfos ) {
1779
			$.each( debugInfos, function( cle, valeur ) {
1780
				msgDebug += valeur + '\n';
1781
			});
1782
		}
1783
	}
1784
 
1785
	return msgDebug;
1786
};
1787
 
1788
 
1789
WidgetsSaisiesCommun.prototype.confirmerSortie = function() {
1790
	$( window ).off( 'beforeunload' ).on( 'beforeunload', function( event ) {
1791
		if ( !event ) {
1792
			event = window.event;
1793
		}
1794
		return false;
1795
	});
1796
};
1797
 
1798
// Lib hors objet
1799
 
1800
/*
1801
 * jQuery UI Autocomplete HTML Extension
1802
 *
1803
 * Copyright 2010, Scott González (http://scottgonzalez.com)
1804
 * Dual licensed under the MIT or GPL Version 2 licenses.
1805
 *
1806
 * http://github.com/scottgonzalez/jquery-ui-extensions
1807
 *
1808
 * Adaptation par Aurélien Peronnet pour la mise en gras des noms de taxons valides
1809
 */
1810
( function( $ ) {
3844 idir 1811
	const proto    = $.ui.autocomplete.prototype,
3638 delphine 1812
		initSource = proto._initSource;
1813
 
1814
	WidgetsSaisiesCommun.prototype.filter = function( array, term ) {
3844 idir 1815
		const matcher = new RegExp( $.ui.autocomplete.escapeRegex( term ), 'i' );
3638 delphine 1816
 
1817
		return $.grep( array, function( value ) {
1818
 
1819
			return matcher.test( $( '<div>' ).html( value.label || value.value || value ).text() );
1820
		});
1821
	}
1822
	$.extend( proto, {
1823
		_initSource: function() {
1824
			if ( this.options.html && $.isArray( this.options.source ) ) {
1825
				this.source = function( request, response ) {
1826
					response( filter( this.options.source, request.term ) );
1827
				};
1828
			} else {
1829
				initSource.call( this );
1830
			}
1831
		},
1832
		_renderItem: function( ul, item) {
1833
			if ( item.retenu ) {
1834
				item.label = '<strong>' + item.label + '</strong>';
1835
			}
1836
 
1837
			return $( '<li></li>' )
1838
				.data( 'item.autocomplete', item )
1839
				.append( $( '<a></a>' )[ ( this.options.html ) ? 'html' : 'text' ]( item.label ) )
1840
				.appendTo( ul );
1841
		}
1842
	});
1843
})( jQuery );