WebSVN – eFlore/Applications.cel – Diff – /trunk/widget/modules/saisie/squelettes/js/WidgetsSaisiesCommun.js

+import {Geoloc} from './tb-geoloc/js/Geoloc.js';
-const utils = new Utils;
+import {Utils,valOk} from './Utils.js';
 export const utils = new Utils();
 /**
  * WidgetsSaisiesCommun
  * Methodes communes aux widgets de saisie
  */
-function WidgetsSaisiesCommun(){}
+export function WidgetsSaisiesCommun(){}
 WidgetsSaisiesCommun.prototype.init = function() {
-WidgetsSaisiesCommun.prototype.init = function() {
+	this.geoloc = new Geoloc();
 	// ASL : APA, sTREETs, Lichen's Go!
 	// const ASL = ['tb_aupresdemonarbre','tb_streets','tb_lichensgo'];
-	// this.isASL = ( utils.valOk( this.projet ) && -1 < $.inArray( this.projet , ASL ) );
+	// this.isASL = ( valOk( this.projet ) && -1 < $.inArray( this.projet , ASL ) );
 	this.initForm();
 	this.initEvts();
 			lthis.reduireVoletIdentite();
 		});
 		$( '#courriel_confirmation' ).on( 'paste', this.bloquerCopierCollerCourriel.bind( this ) );
 		$( '#courriel_confirmation' ).on( 'blur', this.reduireVoletIdentite.bind( this ) );
 		$( '#courriel_confirmation' ).on( 'keypress', function( event ) {
-			if ( lthis.valOk( event.which, true, 13 ) ) {
+			if ( valOk( event.which, true, 13 ) ) {
 				lthis.reduireVoletIdentite();
 				event.preventDefault();
 				event.stopPropagation();
+			}
 		});
 };
 WidgetsSaisiesCommun.prototype.initEvtsFichier = function() {
 	const lthis = this;
-	function fileInputFonctionne() {
+	const fileInputFonctionne = () => {
-		var ua = navigator.userAgent;
+		const ua = navigator.userAgent;
 		if (
 			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))/ ) ||
 			ua.match( /\swv\).+(chrome)\/([\w\.]+)/i )
 		) {
 		  return false;
+		}
 	if ( fileInputFonctionne() ) {
 		// Sur téléchargement image
 		$( '#fichier' ).on( 'change', function ( event ) {
 			lthis.arreter ( event );
-			var options        = {
+			const options       = {
-				beforeSend : function ( jqXHR, settings ) {
+					beforeSend : function ( jqXHR, settings ) {
-					$( '#miniatures' ).on( 'click', '.effacer-miniature', function() {
+						$( '#miniatures' ).on( 'click', '.effacer-miniature', function() {
-						jqXHR.abort(jqXHR);
+							jqXHR.abort(jqXHR);
+						});
+					},
+					success: lthis.afficherMiniature.bind( lthis ), // post-submit callback
+					dataType: 'xml', // 'xml', 'script', or 'json' (expected server response type)
-					});
+					resetForm: true // reset the form after successful submit
-				},
-				success: lthis.afficherMiniature.bind( lthis ), // post-submit callback
-				dataType: 'xml', // 'xml', 'script', or 'json' (expected server response type)
-				resetForm: true // reset the form after successful submit
-			};
+				},
-			var imgCheminTmp    = $( '#fichier' ).val(),
+				imgCheminTmp    = $( '#fichier' ).val(),
 				parts           = imgCheminTmp.split( '\\' ),
 				nomImage        = parts[ parts.length - 1 ],
 				formatImgOk     = lthis.verifierFormat( nomImage ),
 				$( '#ajouter-obs' ).addClass( 'hidden' );
 				$( '#message-chargement' ).removeClass( 'hidden' );
 			} else {
 				$( '#form-upload' )[0].reset();
 				if ( !formatImgOk ) {
-					lthis.activerModale( lthis.msgTraduction( 'format-non-supporte' ) + ' : ' + $( '#fichier' ).attr( 'accept' ) );
+					utils.activerModale( lthis.msgTraduction( 'format-non-supporte' ) + ' : ' + $( '#fichier' ).attr( 'accept' ) );
+				}
 				if ( !imgNonDupliquee ) {
-					lthis.activerModale( lthis.msgTraduction( 'image-deja-chargee' ) );
+					utils.activerModale( lthis.msgTraduction( 'image-deja-chargee' ) );
+				}
+			}
 			return false;
 		});
 		$( 'body' ).on( 'click', '.effacer-miniature', function() {
 			$( this ).parent().remove();
-			if ( !lthis.valOk( $('.miniature-chargement' ) ) ) {
+			if ( !valOk( $('.miniature-chargement' ) ) ) {
 				$( '#ajouter-obs' ).removeClass( 'hidden' );
 				$( '#message-chargement' ).addClass( 'hidden' );
+			}
 		});
 	} else {
 };
 WidgetsSaisiesCommun.prototype.initEvtsGeoloc = function( isFormArbre = false ) {
 	const lthis = this;
-	var ancre               = '-observation',
+	let ancre               = '-observation',
 		complementSelecteur = '';
 	if ( isFormArbre ) {
+		ancre               = '-arbres';
-		ancre               = '-arbres';
+		complementSelecteur = ancre;
+	}
-		complementSelecteur = ancre;
+	const $mapEl = $( '#tb-geolocation' + complementSelecteur );
-	}
+	if( valOk( $mapEl ) ) {
-	// Empêcher que le module carto ne bind ses events partout
+		const typeLocalisation = $mapEl.data( 'typeLocalisation' ) || 'point';
-	$( '#zone' + ancre ).on( 'submit blur click focus mousedown mouseleave mouseup change', '#tb-geolocation' + complementSelecteur + ' *', function( event ) {
-		event.preventDefault();
-		return false;
+		this.geoloc.init(complementSelecteur);
+		$( '#coord' ).toggleClass( 'hidden', 'point' !== typeLocalisation );
-	});
+		// evenement location
-	// evenement location
+		$mapEl.on( 'location' , this.locationHandler.bind( this ) );
 	$( '#tb-geolocation' + complementSelecteur ).on( 'location' , this.locationHandler.bind( this ) );
 		event.preventDefault();
 		lthis.defilerMiniatures( $( this ) );
 	});
 	// mécanisme de suppression d'une obs
 	$( '#liste-obs' ).on( 'click', '.supprimer-obs', function() {
-		var buttons = [
+		const buttons = [
+				{
 					label   : 'Annuler',
 					class   : 'btn-secondary',
 					dismiss : true
 				},
 					class   : 'btn-success confirmer',
 					dismiss : true
+				}
 			];
 		// bricolage pour avoir les deux contextes en même temps (objet et elt. du DOM)
-		var that    = this,
+		const that  = this,
 			suppObs = lthis.supprimerObs.bind( lthis );
-		lthis.activerModale( lthis.msgTraduction( 'confirmation-suppression' ), '', buttons );
+		utils.activerModale( lthis.msgTraduction( 'confirmation-suppression' ), '', buttons );
 		$( '.confirmer' ).on( 'click', function() {
 			suppObs( that );
 		});
 	});
  * Interroge le SSO pour connaître le statut de l'utilisateur, et change le menu
  * à droite de la barre en fonction
  */
 WidgetsSaisiesCommun.prototype.chargerStatutSSO = function() {
 	const lthis = this;
-	var urlAuth = this.urlBaseAuth + '/identite';
+	let urlAuth = this.urlBaseAuth + '/identite';
 	if( 'local' !== this.mode ) {
 		this.connexion( urlAuth, true );
 		if( this.isASL) {
 			$( '#connexion' ).on( 'click', function( event ) {
 				event.preventDefault();
-				if( $( '#utilisateur-connecte' ).hasClass( 'hidden' ) || !lthis.valOk( $( '#nom-complet' ).text() ) ) {
+				if( $( '#utilisateur-connecte' ).hasClass( 'hidden' ) || !valOk( $( '#nom-complet' ).text() ) ) {
-					var login = $( '#courriel' ).val(),
+					const login = $( '#courriel' ).val(),
+						mdp     = $( '#mdp' ).val();
-						mdp   = $( '#mdp' ).val();
-					if ( lthis.valOk( login ) && lthis.valOk( mdp ) ) {
+					if ( valOk( login ) && valOk( mdp ) ) {
 						urlAuth = lthis.urlBaseAuth + '/connexion?login=' + login + '&password=' + mdp;
 						lthis.connexion( urlAuth, true );
 					} else {
-						lthis.activerModale( lthis.msgTraduction( 'non-connexion' ) );
+						utils.activerModale( lthis.msgTraduction( 'non-connexion' ) );
+					}
+				}
 			});
+		}
 	} else {
+		urlAuth = this.urlWidgets + 'modules/saisie/test-token.json';
-		urlAuth = this.urlWidgets + 'modules/saisie/test-token.json';
+		// Pour tester le bouton de connexion :
 		// $( '#connexion' ).on( 'click', function( event ) {
 		// 	event.preventDefault();
 			// lthis.connexion( urlAuth, true );
 			this.connexion( urlAuth, true );
 /**
  * Déconnecte l'utilisateur du SSO
  */
 WidgetsSaisiesCommun.prototype.deconnecterUtilisateur = function() {
-	var urlAuth = this.urlBaseAuth + '/deconnexion';
+	const urlAuth = this.urlBaseAuth + '/deconnexion';
 	if( 'local' === this.mode ) {
 		this.definirUtilisateur();
 	});
 };
 WidgetsSaisiesCommun.prototype.definirUtilisateur = function( jeton ) {
 	const thisObj = this;
-	var idUtilisateur = '',
+	let idUtilisateur = '',
 		prenom        = '',
 		nom           = '',
 		nomComplet    = '',
 	$( '#nom' ).val( nom );
 	$( '#nom-complet' ).html( nomComplet );
 	$( '#courriel' ).val( courriel );
 	$( '#profil-utilisateur a' ).attr( 'href', this.urlSiteTb() + 'membres/me' );
 	if ( this.isASL ) {
-		if ( this.valOk( idUtilisateur ) ) {
+		if ( valOk( idUtilisateur ) ) {
-			var nomSquelette = $( '#charger-form' ).data( 'load' ) || 'arbres';
+			const nomSquelette = $( '#charger-form' ).data( 'load' ) || 'arbres';
 			this.chargerForm( nomSquelette, thisObj );
+		}
 	} else {
 		$( '.warning' ).remove();
 		$( '#courriel_confirmation' ).val( courriel );
 /**
  * Décodage à l'arrache d'un jeton JWT, ATTENTION CONSIDERE QUE LE
  * JETON EST VALIDE, ne pas décoder n'importe quoi - pas trouvé de lib simple
  */
 WidgetsSaisiesCommun.prototype.decoderJeton = function( jeton ) {
-	var parts = jeton.split( '.' ),
+	const parts = jeton.split( '.' );
-		payload = parts[1];
+	let payload = parts[1];
 	payload = this.b64d( payload );
 	payload = JSON.parse( payload, true );
 	return payload;
 };
 /**
  * Décodage "url-safe" des chaînes base64 retournées par le SSO (lib jwt)
  */
 WidgetsSaisiesCommun.prototype.b64d = function( input ) {
-  var remainder = input.length % 4;
+  const remainder = input.length % 4;
   if ( 0 !== remainder ) {
-	var padlen = 4 - remainder;
+	const padlen = 4 - remainder;
-	for ( var i = 0; i < padlen; i++ ) {
+	for ( let i = 0; i < padlen; i++ ) {
 	  input += '=';
+	}
+  }
   input = input.replace( '-', '+' );
-  input = input.replace( '-', '+' );
+  input = input.replace( '_', '/' );
   input = input.replace( '_', '/' );
   return atob( input );
 };
 WidgetsSaisiesCommun.prototype.urlSiteTb = function() {
-	var urlPart = ( 'test' === this.mode ) ? '/test/' : '/';
+	const urlPart = ( 'test' === this.mode ) ? '/test/' : '/';
 	return this.urlRacine + urlPart;
 };
 // uniquement utilisé si taxon-liste ******************************************/
 /**
  * Affiche/Cache le champ taxon
  */
 WidgetsSaisiesCommun.prototype.surChangementTaxonListe = function() {
 				.hide()
 				.removeClass( 'hidden' )
 				.show(200)
 				.find( '#taxon-autre' )
 					.on( 'change', function() {
-						if( !utils.valOk( $( '#taxon-autre' ).data( 'numNomSel' ) ) ) {
+						if( !valOk( $( '#taxon-autre' ).data( 'numNomSel' ) ) ) {
 							$( '#taxon' ).val( $( '#taxon-autre' ).val() )
 								.data( 'value', $( '#taxon-autre' ).val() )
 								.removeData([
 									'numNomSel',
 									'nomRet',
+		}
+	}
 };
-WidgetsSaisiesCommun.prototype.surChangementValeurTaxon = function() {
-	var numNomSel = 0;
+WidgetsSaisiesCommun.prototype.surChangementValeurTaxon = function() {
-	if( this.valOk( $( '#taxon-liste' ).val() ) ) {
+	if( valOk( $( '#taxon-liste' ).val() ) ) {
 		if( 'autre' === $( '#taxon-liste' ).val() ) {
 			this.ajouterAutocompletionNoms();
 		} else {
+			const optionRetenue = $( '#taxon-liste' ).find( 'option[value="' + $( '#taxon-liste' ).val() + '"]' );
 			var optionRetenue = $( '#taxon-liste' ).find( 'option[value="' + $( '#taxon-liste' ).val() + '"]' );
 			$( '#taxon' ).val( $( '#taxon-liste' ).val() )
 				.data( 'value', $( '#taxon-liste' ).val() )
 				.data( 'numNomSel', optionRetenue.data( 'num-nom-sel' ) )
 				.data( 'nomRet', optionRetenue.data( 'nom-ret' ) )
 				.data( 'numNomRet', optionRetenue.data( 'num-nom-ret' ) )
 				.data( 'nt', optionRetenue.data( 'nt' ) )
 				.data( 'famille', optionRetenue.data( 'famille' ) );
 			$( '#taxon' ).trigger( 'change' );
 			const numNomSel = $( '#taxon' ).data( 'numNomSel' );
-			numNomSel = $( '#taxon' ).data( 'numNomSel' );
 			// Si l'espèce est mal déterminée la certitude est "à déterminer"
-			if( !this.valOk( numNomSel ) ) {
+			if( !valOk( numNomSel ) ) {
 				$( '#certitude' ).find( 'option' ).each( function() {
 					if ( $( this ).hasClass( 'aDeterminer' ) ) {
 						$( this ).attr( 'selected', true );
 /**
  * Initialise l'autocompletion taxons
  */
 WidgetsSaisiesCommun.prototype.ajouterAutocompletionNoms = function() {
 	const lthis = this;
-	var taxonSelecteur = '#taxon';
+	let taxonSelecteur = '#taxon';
-	if ( this.valOk( $( '#taxon-liste' ).val(), true, 'autre' ) ) {
+	if ( valOk( $( '#taxon-liste' ).val(), true, 'autre' ) ) {
 		taxonSelecteur += '-autre';
+	}
 	$( taxonSelecteur ).autocomplete({
 		source: function( requete, add ) {
 			// la variable de requête doit être vidée car sinon le parametre "term" est ajouté
 			requete = '';
-			if( lthis.valOk( $( '#referentiel' ).val(), false, 'autre' ) ) {
+			if( valOk( $( '#referentiel' ).val(), false, 'autre' ) ) {
-				var url = lthis.getUrlAutocompletionNomsSci();
+				const url = lthis.getUrlAutocompletionNomsSci();
-				$( '#taxon-autocomplete-label' ).addClass( 'loading' );
+			$( '#taxon-autocomplete-label' ).addClass( 'loading' );
 				$.getJSON( url, requete, function( data ) {
-					var suggestions = lthis.traiterRetourNomsSci( data );
+					let suggestions = lthis.traiterRetourNomsSci( data );
 					add( suggestions );
 				})
 				.fail( function() {
 	});
 	$( taxonSelecteur ).on( 'autocompleteselect', this.surAutocompletionTaxon );
 };
 WidgetsSaisiesCommun.prototype.getUrlAutocompletionNomsSci = function() {
-	var taxonSelecteur = '#taxon';
+	let taxonSelecteur = '#taxon';
-	if ( this.valOk( $( '#taxon-liste' ).val(), true, 'autre' ) ) {
+	if ( valOk( $( '#taxon-liste' ).val(), true, 'autre' ) ) {
 		taxonSelecteur += '-autre';
 	}
-	var mots = $( taxonSelecteur ).val();
-	var url = this.serviceAutocompletionNomSciUrlTpl.replace( '{referentiel}', this.nomSciReferentiel );
+	const mots = $( taxonSelecteur ).val(),
-	url = url.replace( '{masque}', mots );
+		url = this.serviceAutocompletionNomSciUrlTpl.replace( '{referentiel}', this.nomSciReferentiel );
-	return url;
+	return url.replace( '{masque}', mots );
 };
 /**
  * Objet taxons pour autocompletion en fonction de la recherche
  */
 WidgetsSaisiesCommun.prototype.traiterRetourNomsSci = function( data ) {
-	var taxonSelecteur = '#taxon',
+	let taxonSelecteur = '#taxon',
-		suggestions    = [];
+		suggestions = [];
-	if ( this.valOk ( $( '#taxon-liste' ).val(), true, 'autre' ) ) {
+	if ( valOk ( $( '#taxon-liste' ).val(), true, 'autre' ) ) {
 		taxonSelecteur += '-autre';
+	}
 	if ( undefined != data.resultat ) {
 		$.each( data.resultat, function( i, val ) {
 			val.nn = i;
 /**
  * charge les données dans #taxon
  */
 WidgetsSaisiesCommun.prototype.surAutocompletionTaxon = function( event, ui ) {
-	if ( utils.valOk( ui ) ) {
+	if ( valOk( ui ) ) {
 		$( '#taxon' ).val( ui.item.value );
 		$( '#taxon' ).data( 'value', ui.item.value )
 			.data( 'numNomSel', ui.item.numNomSel )
 			.data( 'nomRet', ui.item.nomRet )
 			$( '#taxon' ).addClass( 'ns-retenu' );
 		} else {
 			$( '#taxon' ).removeClass( 'ns-retenu' );
+		}
 		// Si l'espèce est mal déterminée la certitude est "à déterminer"
-		if( !utils.valOk( $( '#taxon' ).data( 'numNomSel' ) ) ) {
+		if( !valOk( $( '#taxon' ).data( 'numNomSel' ) ) ) {
 			$( '#certitude' ).find( 'option' ).each( function() {
 				if ( $( this ).hasClass( 'aDeterminer' ) ) {
 					$( this ).attr( 'selected', true );
 				} else {
 					$( this ).attr( 'selected', false );
 /**
  * Affiche temporairement (formulaire)
  * la miniature d'une image ajoutée à l'obs
  */
 WidgetsSaisiesCommun.prototype.afficherMiniature = function( reponse ) {
-	if ( this.debug ) {
-		var debogage = $( 'debogage', reponse ).text();
-	}
-	var message        = $( 'message', reponse ).text();
+	const message      = $( 'message', reponse ).text(),
 		$blocMiniature = $( '#miniatures .miniature.loading').first();
-	if( this.valOk( $blocMiniature ) ) {
+	if( valOk( $blocMiniature ) ) {
-		if ( this.valOk( message ) ) {
+		if ( valOk( message ) ) {
 			$( '.miniature-msg' ).text( message );
 			$blocMiniature.remove();
 		} else {
 			this.creerWidgetMiniature( reponse, $blocMiniature );
 			$blocMiniature.removeClass('loading');
+		}
-		if ( !lthis.valOk( $( '.miniature-chargement' ) ) ) {
+		if ( !valOk( $( '.miniature-chargement' ) ) ) {
 			$( '#ajouter-obs' ).removeClass( 'hidden' );
 			$( '#message-chargement' ).addClass( 'hidden' );
+		}
 /**
  * Crée la miniature temporaire (formulaire) + bouton pour l'effacer
  */
 WidgetsSaisiesCommun.prototype.creerWidgetMiniature = function( reponse, $blocMiniature ) {
-	var miniatureUrl = $( 'miniature-url', reponse ).text();
+	const miniatureUrl = $( 'miniature-url', reponse ).text(),
-	var imgNom       = $( 'image-nom', reponse ).text();
+		imgNom         = $( 'image-nom', reponse ).text();
 	$blocMiniature.removeClass( 'miniature-chargement' );
 	$( '.miniature-img', $blocMiniature )
 /**
  * Retourne true si l'extension de l'image 'nom' est .jpg ou .jpeg
  */
 WidgetsSaisiesCommun.prototype.verifierFormat = function( nomImage ) {
-	var parts     = nomImage.split( '.' ),
+	const parts   = nomImage.split( '.' ),
 		extension = parts[ parts.length - 1 ];
  * renvoie false si le même nom est rencontré 2 fois
  * renvoie true sinon
  */
 WidgetsSaisiesCommun.prototype.verifierDuplication = function( nomImage ) {
 	const lthis = this;
-	var thisSrcParts = [],
+	let thisSrcParts = [],
 		thisNomImage = '',
 		nonDupliquee = true;
 	nomImage = nomImage.toLowerCase();
 	$( 'img.miniature-img,img.miniature' ).each( function() {
 		// vérification avec alt de l'image
+		if ( valOk ( $( this ).attr( 'alt' ) ) && $( this ).attr('alt' ).toLowerCase() === nomImage ) {
-		if ( lthis.valOk ( $( this ).attr( 'alt' ) ) && $( this ).attr('alt' ).toLowerCase() === nomImage ) {
+			nonDupliquee = false;
 			nonDupliquee = false;
 			return false;// Pas besoin de poursuivre la boucle
 		} else { // sinon vérifie aussi avec l'adresse (src) de l'image
 			thisSrcParts = $( this ).attr( 'src' ).split( '/' );
 			thisNomImage = thisSrcParts[ thisSrcParts.length - 1 ].replace( '_min', '' ).toLowerCase();
+			if ( valOk( thisNomImage, true, nomImage ) ) {
-			if ( lthis.valOk( thisNomImage, true, nomImage ) ) {
+				nonDupliquee = false;
 				nonDupliquee = false;
 				return false;
+			}
+		}
 	});
 	});
 	return nonDupliquee;
 };
 	miniature.parents( '.miniature' ).remove();
 };
 // Geoloc *********************************************************************/
 WidgetsSaisiesCommun.prototype.transfererCarto = function( donnees ) {
-	var typeLocalisation = donnees.typeLocalisation || 'point',
+	const typeLocalisation = donnees.typeLocalisation || 'point',
-		isPoint          = ( typeLocalisation === 'point' ).toString(),
-		locationFilter   = ( typeLocalisation === 'rue' ) ? 'linestring' : 'point',
+		suffixe            = valOk( donnees.suffixe ) ? '-' + donnees.suffixe : '',
-		suffixe          = ( this.valOk( donnees.suffixe ) ) ? '-' + donnees.suffixe : '',
+		formSuffixe        = '-arbres' === suffixe ? suffixe : '',
-		$cartoRemplacee  = donnees.cartoRemplacee || $( '#tb-geolocation' ),
+		$cartoRemplacee    = donnees.cartoRemplacee || $( '#tb-geolocation' ),
-		layer            = donnees.layer || 'osm',
+		latitude           = donnees.latitude || '',
-		latitude         = donnees.latitude || '46.5',
+		longitude          = donnees.longitude || '',
+		zoomInit           = donnees.zoomInit || '',
+		$mapContainer      = $cartoRemplacee.closest('#map-container');
-		longitude        = donnees.longitude || '2.9',
-		// 18 est le zoom max
+	if ( valOk( formSuffixe ) || 'point' !== typeLocalisation ) {
+		$mapContainer.siblings('#tb-places-zone').remove();
-		zoomInit         = donnees.zoomInit || 18;
+	}
+	if ( 'tb-geolocation' + suffixe !== $cartoRemplacee.attr('id') ) {
-	$cartoRemplacee.remove();
+		$mapContainer.remove();
-	$( '#geoloc' + suffixe ).append(
+		$( '#geoloc' + suffixe ).append(
+			'<div id="map-container">'+
-		'<tb-geolocation-element'+
+				'<div'+
-			' id="tb-geolocation' + suffixe +'"'+
+					' id="tb-geolocation' + suffixe +'"'+
-			' layer="' + layer + '"'+
+					' data-layer="' + donnees.layer + '"'+
-			' zoom_init="' + zoomInit + '"'+
+					' data-zoom="' + zoomInit + '"'+
-			' lat_init="' + latitude + '"'+
+					' data-type-localisation="' + typeLocalisation + '"'+
-			' lng_init="' + longitude + '"'+
+					' data-form-suffix="' + formSuffixe + '"'+
-			' marker="' + isPoint + '"'+
+					' style="height: 400px;width: 100%"'+
-			' polyline="' + !isPoint + '"'+
+				'>'+
-			' polygon="false"'+
-			' show_lat_lng_elevation_inputs="' + isPoint + '"'+
+				'</div>'+
+			'</div>'
+		);
-			' osm_class_filter=""'+
+		$( '#coord' ).toggleClass( 'hidden', 'point' !== typeLocalisation );
-			' geometry_filter="'+ locationFilter + '"'+
-			' elevation_provider="mapquest"'+
+		if( valOk( this.geoloc.map ) ) {
+			this.geoloc.closeMap();
+		}
-			' map_quest_api_key="mG6oU5clZHRHrOSnAV0QboFI7ahnGg34"'+
-			' height="400px"'+
+		this.initEvtsGeoloc( true );
-		'>'+
+	} else {
-		'</tb-geolocation-element>'
+		this.geoloc.reSetDrawControl();
+	}
-	);
-	this.initEvtsGeoloc( true );
+	this.geoloc.setMapPosition({'lat': latitude, 'lng': longitude});
 };
 // Ajouter Obs ****************************************************************/
 			$( '#arbre-nb' ).text( this.numArbre + 1 );
+		}
 		$( '.obs-nbre' ).text( this.obsNbre );
 		$( '.obs-nbre' ).triggerHandler( 'changement' );
 		//formatage des données
-		var obsData = this.formaterFormObsData();
+		const obsData = this.formaterFormObsData();
 		this.afficherObs( obsData );
 		this.stockerObsData( obsData );
 		if ( this.isASL && 'arbres' === this.sujet ) {
-			var arbreData = obsData.sujet;
+			const arbreData = obsData.sujet;
 			// Ajout de donnée utiles puis stockage dans input hidden "releve-data"
 			arbreData['date_rue_commune']  = obsData.releve.date + obsData.releve.rue + obsData.releve['commune-nom'];
 			arbreData['id_observation']    = 0;
 			this.releveDatas               = $.parseJSON( $( '#releve-data' ).val() );
 			this.releveDatas[this.obsNbre] = arbreData;
 /**
  * Formatage des données du formulaire pour stockage et envoi
  */
 WidgetsSaisiesCommun.prototype.formaterFormObsData = function() {
-	var obsData      = { obsNum : this.obsNbre, sujet : {}},
+	const obsData   = { obsNum : this.obsNbre, sujet : {}},
-		numNomSel    = $( '#taxon' ).data( 'numNomSel' ),
+		numNomSel   = $( '#taxon' ).data( 'numNomSel' ),
-		nomSel       = $( '#taxon' ).val(),
+		nomSel      = $( '#taxon' ).val(),
-		nomRet       = $( '#taxon' ).data( 'nomRet' ),
+		nomRet      = $( '#taxon' ).data( 'nomRet' ),
-		numNomRet    = $( '#taxon' ).data( 'numNomRet' ),
+		numNomRet   = $( '#taxon' ).data( 'numNomRet' ),
-		numTaxon     = $( '#taxon' ).data( 'nt' ),
+		numTaxon    = $( '#taxon' ).data( 'nt' ),
-		famille      = $( '#taxon' ).data( 'famille' ),
+		famille     = $( '#taxon' ).data( 'famille' ),
-		referentiel  = ( this.valOk( numNomSel ) ) ? this.nomSciReferentiel : 'autre',
+		referentiel = ( valOk( numNomSel ) ) ? this.nomSciReferentiel : 'autre',
-		certitude    = ( this.valOk( numNomSel ) ) ? $( '#certitude' ).val() : 'à determiner',
+		certitude   = ( valOk( numNomSel ) ) ? $( '#certitude' ).val() : 'à determiner';
-		imgB64       = [],
+	let imgB64       = [],
 		imgNom       = [],
 		date         = '',
 		notes        = '',
 		pays         = '',
 		longitude    = '',
 		altitude     = '',
 		obsEtendue   = [];
 	if( !this.isASL ) {
-		notes            = $( '#notes' ).val().trim() || '';
+		notes        = $( '#notes' ).val().trim() || '';
-		pays             = $( '#pays' ).val() || '';
+		pays         = $( '#pays' ).val() || '';
-		communeNom       = $( '#commune-nom' ).val();
+		communeNom   = $( '#commune-nom' ).val();
-		communeInsee     = $( '#commune-insee' ).val() || '';
+		communeInsee = $( '#commune-insee' ).val() || '';
-		geometry         = $( '#geometry' ).val();
+		geometry     = $( '#geometry' ).val();
-		latitude         = $( '#latitude' ).val();
+		latitude     = $( '#latitude' ).val();
-		longitude        = $( '#longitude' ).val();
+		longitude    = $( '#longitude' ).val();
-		altitude         = $( '#altitude' ).val();
+		altitude     = $( '#altitude' ).val();
-		obsEtendue       = this.getObsChpSpecifiques();
+		obsEtendue   = this.getObsChpSpecifiques();
-		date             = this.fournirDate( $('#date_releve').val());
+		date         = this.fournirDate( $('#date_releve').val());
 	} else {
+		const miniatureImg = [];
 		var miniatureImg = [];
 		notes = $( '#commentaire' ).val() || '';
 		if ( 'arbres' === this.sujet ) {
 		// Dans ce cas cette fonction doit renvoyer des données au même format que l'input hidden "releve-data"
 		// car les données dans stockerObsData provenir soit de cette fonction soit de l'input
 				obsData.sujet['dejections']            = $( '#dejections input:checked' ).val() || '';
 				obsData.releve['zone-pietonne']        = $( '#zone-pietonne input:checked' ).val();
 				obsData.releve['pres-lampadaires']     = $( '#pres-lampadaires input:checked' ).val() || '';
+			}
 			if ( 'tb_streets' !== this.projet ) {
-				var faceOmbre = [];
+				const faceOmbre = [];
 				$( '#face-ombre input' ).each( function() {
 					if( $( this ).is( ':checked' ) ) {
 						faceOmbre.push( $( this ).val() );
+					}
 				});
 /**
  * Affiche une observation dans la liste des observations à transmettre
  */
 WidgetsSaisiesCommun.prototype.afficherObs = function( datasObs ) {
 	// différences html liéees au responsive
-	var responsivDiff1 = '',
+	let responsivDiff1 = '',
 		responsivDiff2 = '',
 		responsivDiff3 = '',
 		responsivDiff4 = '',
 		responsivDiff5 = '',
 		responsivDiff6 = '';
 		responsivDiff4 = ( !this.isASL ) ? ' col-md-2 col-sm-4' : ' col-md-4 col-sm-5';
 		responsivDiff5 = ( !this.isASL ) ? ' class="col-md-9 col-sm-7"' : ' class="col-md-7 col-sm-6"';
 		responsivDiff6 = '</div>';
+	}
-	var obsNum           = datasObs.obsNum,
+	const obsNum = datasObs.obsNum;
-		numNomSel        = datasObs.sujet['num_nom_sel'] || '',
+	let numNomSel        = datasObs.sujet['num_nom_sel'] || '',
 		taxon            = '',
 		miniatures       = '',
 		notes            = '',
 		commentaires     = '',
 		geometry     = datasObs.sujet['geometry'] || '';
 		latitude     = datasObs.sujet['latitude'] || '';
 		longitude    = datasObs.sujet['longitude'] || '';
 		inseeCommune = datasObs.sujet['commune_code_insee'] || '';
 		commune      = datasObs.sujet['commune_nom'] || '';
-		if ( this.valOk( inseeCommune ) ) {
+		if ( valOk( inseeCommune ) ) {
 			inseeCommuneText = '(INSEE Commune:' + inseeCommune + ') ';
+		}
-		if ( this.valOk( numNomSel ) ) {
+		if ( valOk( numNomSel ) ) {
 			referentiel = '<span class="referentiel-obs">' + '[' + datasObs.sujet['referentiel'] + ']' + '</span>';
+		}
-		if ( this.valOk( datasObs.sujet['lieudit'] ) ) {
+		if ( valOk( datasObs.sujet['lieudit'] ) ) {
 			lieudit = '<span>' + this.msgTraduction( 'lieu-dit' ) + ' :</span> ' + datasObs.sujet['lieudit'] + ' ';
+		}
-		if ( this.valOk( datasObs.sujet['station'] ) ) {
+		if ( valOk( datasObs.sujet['station'] ) ) {
 			station = '<span>' + this.msgTraduction( 'station' ) + ' :</span> ' + datasObs.sujet['station'] + ' ';
+		}
-		if ( this.valOk( datasObs.sujet['milieu'] ) ) {
+		if ( valOk( datasObs.sujet['milieu'] ) ) {
 			milieu = '<span>' + this.msgTraduction( 'milieu' ) + ' :</span> ' + datasObs.sujet['milieu'] + ' ';
+		}
 		nn = this.ajouterNumNomSel( numNomSel );
 	} else {
 		certitude = ' [certitude : ' + datasObs.sujet.certitude + ']';
 		miniatures = this.ajouterImgMiniatureAuTransfert();
 		notes      = datasObs.sujet['notes'] || '';
 		date       = this.fournirDate( datasObs.sujet.date );
+	}
 	if( !this.isASL || 'arbres' === this.sujet ) {
-		if ( this.valOk( commune ) ) {
+		if ( valOk( commune ) ) {
 			lieuObs = ' '  + this.msgTraduction( 'lieu-obs' ) + ' ' + '<span class="commune">' + commune + '</span> ';
+		}
-		if ( this.valOk( latitude ) && this.valOk( longitude ) ) {
+		if ( valOk( latitude ) && valOk( longitude ) ) {
 			coordonnees = '[' + latitude + ' / ' + longitude + ']';
+		}
+	}
-	if ( this.valOk( notes ) ) {
+	if ( valOk( notes ) ) {
 		commentaires =
 			this.msgTraduction( 'commentaires' ) +
 			' : <span>'+
 				notes +
 			'</span> ';
 							lieudit +
 							station +
 							milieu +
 						'</li>'+
 						'<li>'+
-							// this.valOk( notes )
+							// valOk( notes )
 							commentaires +
 						'</li>'+
 					'</ul>'+
 				'</div>'+
 			responsivDiff6+
  * Ajoute une boîte de miniatures avec défilement des images,
  * pour une obs de la liste des obs à transmettre
  */
 WidgetsSaisiesCommun.prototype.ajouterImgMiniatureAuTransfert = function( chargerImages = undefined ) {
 	const lthis = this;
-	var html         =
+	let html         =
 			'<div class="defilement-miniatures">'+
 				'<figure class="centre">'+
 					'<img class="miniature align-middle" alt="Aucune photo" src="' + this.pasDePhotoIconeUrl + '" width="80%" />'+
 				'</figure>'+
 			'</div>',
 		miniatures   = '',
 		centre       = '',
 		defilVisible = '',
 		length       = 0;
-	if ( this.valOk( chargerImages ) || this.valOk( $( '#miniatures img' ) ) ) {
+	if ( valOk( chargerImages ) || valOk( $( '#miniatures img' ) ) ) {
-		if ( this.valOk( chargerImages ) ) {
+		if ( valOk( chargerImages ) ) {
 			$.each(  chargerImages, function( i, value ) {
-				var imgVisible = ( 0 < i ) ? 'miniature-cachee' : 'miniature-selectionnee';
+				let imgVisible = ( 0 < i ) ? 'miniature-cachee' : 'miniature-selectionnee',
-				var css        = ( lthis.valOk( value['b64'] ) ) ? 'miniature b64' : 'miniature',
+					css        = ( valOk( value['b64'] ) ) ? 'miniature b64' : 'miniature',
 					src        = value.src,
 					alt        = value.nom,
 					miniature  = '<img class="' + css + ' ' + imgVisible + ' align-middle"  alt="' + alt + '"src="' + src + '" width="80%" />';
 				miniatures += miniature;
 			});
 			length = chargerImages.length;
 		} else {
-			var premiere     = true;
+			let premiere = true;
+			$( '#miniatures img' ).each( function() {
-			$( '#miniatures img' ).each( function() {
+				let imgVisible = ( premiere ) ? 'miniature-selectionnee' : 'miniature-cachee';
-				var imgVisible = ( premiere ) ? 'miniature-selectionnee' : 'miniature-cachee';
 				premiere = false;
-				var css        = ( $( this ).hasClass( 'b64' ) ) ? 'miniature b64' : 'miniature',
+				let css        = ( $( this ).hasClass( 'b64' ) ) ? 'miniature b64' : 'miniature',
 					src        = $( this ).attr( 'src' ),
+		}
 		if ( 1 === length ) {
 			centre       = 'centre';
 			defilVisible = ' defilement-miniatures-cache';
+		}
-		html             =
+		html =
 			'<div class="defilement-miniatures">'+
 				'<a href="#" class="defilement-miniatures-gauche mr-1' + defilVisible + '"><i class="fas fa-chevron-circle-left"></i></a>'+
 				'<figure class="' + centre + '">'+
 					miniatures+
 				'</figure>'+
 /**
  * Construit le html à afficher pour le numNom
  */
 WidgetsSaisiesCommun.prototype.ajouterNumNomSel = function( numNomSel ) {
-	var nn = '<span class="nn">[nn' + numNomSel + ']</span>';
+	let nn = '<span class="nn">[nn' + numNomSel + ']</span>';
-	if ( !this.valOk( numNomSel ) ) {
+	if ( !valOk( numNomSel ) ) {
 		nn = '<span class="alert-error">[' + this.msgTraduction( 'non-lie-au-ref' ) + ']</span>';
+	}
 	if ( this.isASL && 'arbres' === this.sujet ) {
 		// Dans ce cas la fonction formaterFormObsData renvoie des données au même format que l'input hidden "releve-data"
 		// car les données peuvent provenir soit de la formaterFormObsData soit de cet input
 		const lthis = this;
 		// si releve dupliqué on ne stocke pas l'image :
-		var stockerImg  = this.valOk( obsDatas.sujet['miniature-img'] ),
+		let stockerImg  = valOk( obsDatas.sujet['miniature-img'] ),
 			imgNom      = [],
 			imgB64      = [];
 		// Si on a bien un 'miniature-img' dans les données
 			});
+		}
 		// Si les miniatures ne sont pas déjà stockées (résultat de la loop précédente)
 		if( stockerImg ) {
 			$.each( obsDatas.sujet['miniature-img'] , function( i, obj ) {
-				if( lthis.valOk( obj.nom ) ) {
+				if( valOk( obj.nom ) ) {
 					imgNom.push( obj.nom );
+				}
-				if( lthis.valOk( obj['b64'] ) ) {
+				if( valOk( obj['b64'] ) ) {
 					imgB64.push( obj['b64'] );
+				}
 			});
 		} else {
 			imgNom = lthis.getNomsImgsOriginales();
 		$( '#liste-obs' ).data( 'obsId' + obsDatas.obsNum, obsDatas.sujet );
+	}
 };
 WidgetsSaisiesCommun.prototype.getNomsImgsOriginales = function() {
-	var noms = new Array();
+	const noms = [];
 	$( '.miniature-img' ).each( function() {
 		noms.push( $( this ).attr( 'alt' ) );
 	});
 	return noms;
 };
 WidgetsSaisiesCommun.prototype.getB64ImgsOriginales = function() {
-	var b64 = new Array();
+	const b64 = [];
+		}
+	}
 };
 WidgetsSaisiesCommun.prototype.defilerMiniatures = function( element ) {
-	var miniatureSelectionne  = element.siblings( 'figure' ).find( 'img.miniature-selectionnee' );
+	const miniatureSelectionne  = element.siblings( 'figure' ).find( 'img.miniature-selectionnee' );
 	miniatureSelectionne.removeClass( 'miniature-selectionnee' );
 	miniatureSelectionne.addClass( 'miniature-cachee' );
-	var miniatureAffichee     = miniatureSelectionne;
+	let miniatureAffichee     = miniatureSelectionne;
 	miniatureAffichee.addClass( 'miniature-selectionnee' );
 	miniatureAffichee.removeClass( 'miniature-cachee' );
 };
 WidgetsSaisiesCommun.prototype.supprimerObs = function( selector ) {
-	var obsId = $( selector ).val();
+	let obsId = $( selector ).val();
 	// Problème avec IE 6 et 7
 	if ( 'Supprimer' === obsId ) {
 /**
  * Supprime l'obs et les data de l'obs
  * et remonte les suivantes d'un cran
  */
 WidgetsSaisiesCommun.prototype.supprimerObsParId = function( obsId, transmission = false ) {
+	let arbreExId = 0,
+		arbreId   = 0;
 	if ( this.isASL && 'arbres' === this.sujet ) {
 		if ( !transmission ) {
 			this.releveData  = $.parseJSON( $( '#releve-data' ).val() );
 			this.releveData.splice( obsId , 1 );
 			$( '#releve-data' ).val( JSON.stringify( this.releveData ) );
 		$( '#arbre-nb' ).text( this.numArbre );
 		this.numArbre -= 1;
 		if ( 1 > this.numArbre ) {
 			$( '#bloc-info-arbres-title' ).addClass( 'hidden' );
+		}
-		var arbreExId   = 0,
-			arbreId     = 0;
+	}
 	this.obsNbre  -= 1;
 	$( '.obs-nbre' ).text( this.obsNbre );
 	$( '.obs-nbre' ).triggerHandler( 'changement' );
 	$( '.obs' + obsId ).remove();
 	obsId = parseInt(obsId);
 	if ( !transmission ) {
-		var listObsData = $( '#liste-obs' ).data(),
+		const listObsData = $( '#liste-obs' ).data();
-			exId        = 0,
+		let exId      = 0,
-			indexObs    = '',
+			indexObs  = '',
-			exIndexObs  = '';
+			exIndexOb = '';
-		for ( var id = obsId; id <= ( this.obsNbre + 1 ); id++ ) {
+		for ( let id = obsId; id <= ( this.obsNbre + 1 ); id++ ) {
 			exId       = parseInt(id) + 1;
 			indexObs   = 'obsId' + id;
 			exIndexObs = 'obsId' + exId;
 					.attr( 'id', 'obs-arbre-' + arbreId )
 					.attr( 'data-arbre', arbreId )
 					.data( 'arbre', arbreId )
 					.text( 'Arbre ' + arbreId );
 				// modification du numero d'arbre dans les obs étendues
-				if ( this.valOk( listObsData[exIndexObs] ) ) {
+				if ( valOk( listObsData[exIndexObs] ) ) {
 					$.each( listObsData[exIndexObs].obs_etendue, function( i, obsE ) {
 						if ('num_arbre' === obsE.cle ) {
 							listObsData[exIndexObs].obs_etendue[i].valeur = arbreId;
 							return false;
+						}
 					});
+				}
+			}
 			// Mise à jour des données à transmettre
-			if ( this.valOk( listObsData[exIndexObs] ) ) {
+			if ( valOk( listObsData[exIndexObs] ) ) {
 				$( '#liste-obs' ).data( indexObs, listObsData[exIndexObs] );
+			}
 			if ( parseInt( id ) !== this.obsNbre ) {
 				id = parseInt(id);
 		$( '#liste-obs' ).removeData( 'obsId' + obsId );
+	}
 };
 WidgetsSaisiesCommun.prototype.transmettreObs = function() {
-	const lthis = this;
+	const lthis = this,
-	var observations = $( '#liste-obs' ).data();
+		observations = $( '#liste-obs' ).data();
 	if ( this.debug ) {
 		console.dir( observations );
+	}
-	if ( !this.valOk( typeof observations, true, 'object' ) ) {
+	if ( !valOk( typeof observations, true, 'object' ) ) {
 		this.afficherPanneau( '#dialogue-zero-obs' );
 	} else {
 		this.nbObsEnCours         = 1;
 	return false;
 };
 WidgetsSaisiesCommun.prototype.depilerObsPourEnvoi = function() {
-	var observations = $( '#liste-obs' ).data();
+	const observations = $( '#liste-obs' ).data();
 	// la boucle est factice car on utilise un tableau
 	// dont on a besoin de n'extraire que le premier élément
 	// or javascript n'a pas de méthode cross browsers pour extraire les clés
 	// TODO: utiliser var.keys quand ça sera plus répandu
 	// ou bien utiliser un vrai tableau et pas un objet
-	for ( var obsNum in observations ) {
+	for ( let obsNum in observations ) {
-		var obsATransmettre = {
+		const obsATransmettre = {
-			'id_projet' : this.idProjet,
+				'id_projet' : this.idProjet,
-			'projet'    : this.projet,
+				'projet'    : this.projet,
-			'tag-obs'   : this.tagObs,
+				'tag-obs'   : this.tagObs,
-			'tag-img'   : this.tagImg
+				'tag-img'   : this.tagImg
-		};
+			},
-		var utilisateur = {
+			utilisateur        = {
-			id_utilisateur : $( '#id_utilisateur' ).val(),
+				id_utilisateur : $( '#id_utilisateur' ).val(),
-			prenom         : $( '#prenom' ).val(),
+				prenom         : $( '#prenom' ).val(),
-			nom            : $( '#nom' ).val(),
+				nom            : $( '#nom' ).val(),
-			courriel       : $( '#courriel' ).val()
+				courriel       : $( '#courriel' ).val()
-		};
+			};
 		obsATransmettre['utilisateur'] = utilisateur;
 		obsATransmettre[obsNum]        = observations[obsNum];
-		var idObsNumerique = obsNum.replace( 'obsId', '' );
+		const idObsNumerique = obsNum.replace( 'obsId', '' );
 		if( '' !== idObsNumerique ) {
 			this.envoyerObsAuCel( idObsNumerique, obsATransmettre );
+		}
-		break;
-	}
+		break;
 };
 };
 WidgetsSaisiesCommun.prototype.envoyerObsAuCel = function( idObs, observation ) {
-	const lthis = this;
+WidgetsSaisiesCommun.prototype.envoyerObsAuCel = function( idObs, observation ) {
 			} catch( e ) {
 				erreurMsg += lthis.msgTraduction( 'erreur-inconnue' ) + ' : ' + jqXHR.responseText;
+			}
 		},
 		complete      : function( jqXHR, textStatus ) {
-			var debugMsg = lthis.extraireEnteteDebug( jqXHR );
+			const debugMsg = lthis.extraireEnteteDebug( jqXHR );
 			if ( '' !== erreurMsg ) {
 				if ( lthis.debug ) {
 					$( '#dialogue-obs-transaction-ko .alert-txt' ).append( '<pre class="msg-erreur">' + erreurMsg + '</pre>' );
 					$( '#dialogue-obs-transaction-ko .alert-txt' ).append( '<pre class="msg-debug">Débogage : ' + debugMsg + '</pre>' );
 				}
-				var hrefCourriel = 'mailto:cel_remarques@tela-botanica.org?'+
+				const hrefCourriel = 'mailto:cel_remarques@tela-botanica.org?'+
 					'subject=Dysfonctionnement du widget de saisie ' + lthis.tagsMotsCles+
 					'&body=' + erreurMsg + '%0D%0ADébogage :%0D%0A' + debugMsg;
 };
 WidgetsSaisiesCommun.prototype.mettreAJourProgression = function() {
 	this.nbObsTransmises++;
-	var pct = ( this.nbObsTransmises / this.totalObsATransmettre ) * 100;
+	const pct = ( this.nbObsTransmises / this.totalObsATransmettre ) * 100;
 	$( '#barre-progression-upload' ).attr( 'aria-valuenow', this.nbObsTransmises );
 	const lthis = this;
 	$.validator.addMethod(
 		'dateCel',
 		function ( value, element ) {
-			return ( lthis.valOk( value ) && ( /^(?:[0-9]{4}-[0-9]{2}-[0-9]{2})|(?:[0-9]{2}\/[0-9]{2}\/[0-9]{4})$/.test( value ) ) );
+			return ( valOk( value ) && ( /^(?:[0-9]{4}-[0-9]{2}-[0-9]{2})|(?:[0-9]{2}\/[0-9]{2}\/[0-9]{4})$/.test( value ) ) );
 		},
 		lthis.msgTraduction( 'date-incomplete' )
 	);
 	$.validator.addMethod(
 		'userEmailOk',
 		function ( value, element ) {
-			return ( lthis.valOk( value ) );
+			return ( valOk( value ) );
 		},
 		''
 	);
 	$.validator.addMethod(
 		$.validator.messages.minMaxOk
 	);
 	$.validator.addMethod(
 		'listFields',
 		function ( value, element ) {
-			return ( lthis.valOk( value ) );
+			return ( valOk( value ) );
 		},
 		''
 	);
 	$.extend( $.validator.defaults, {
 		errorElement: 'span',
 			} else {
 				element.after( error );
+			}
 		},
 		onfocusout: function( element ) {
-			if( lthis.valOk( element.id, false, 'taxon' ) || ( lthis.isASL && 'arbres' === lthis.sujet ) ) {
+			if( valOk( element.id, false, 'taxon' ) || ( lthis.isASL && 'arbres' === lthis.sujet ) ) {
 				if ( $( element ).valid() ) {
 					$( element ).closest( '.control-group' ).removeClass( 'error' );
 				} else {
 					$( element ).closest( '.control-group' ).addClass( 'error' );
+				}
+			}
 		},
 		onkeyup : function( element ) {
-			if( lthis.valOk( element.id, false, 'taxon' ) || ( lthis.isASL && 'arbres' === lthis.sujet ) ) {
+			if( valOk( element.id, false, 'taxon' ) || ( lthis.isASL && 'arbres' === lthis.sujet ) ) {
 				if ( $( element ).valid() ) {
 					$( element ).closest( '.control-group' ).removeClass( 'error' );
 				} else {
 					$( element ).closest( '.control-group' ).addClass( 'error' );
+				}
+			}
 		},
 		unhighlight: function( element ) {
-			if( lthis.valOk( element.id, false, 'taxon' ) || ( lthis.isASL && 'arbres' === lthis.sujet ) ) {
+			if( valOk( element.id, false, 'taxon' ) || ( lthis.isASL && 'arbres' === lthis.sujet ) ) {
 				$( element ).closest( '.control-group' ).removeClass( 'error' );
+			}
 		},
 		highlight: function( element ) {
 			$( element ).closest( '.control-group' ).addClass( 'error' );
 };
 // Formatage date *************************************************************/
 WidgetsSaisiesCommun.prototype.fournirDate = function( dateObs ) {
+	if ( /^[0-9]{2}\/[0-9]{2}\/[0-9]{4}$/.test( dateObs ) ) {
 	if ( /^[0-9]{2}\/[0-9]{2}\/[0-9]{4}$/.test( dateObs ) ) {
 		return dateObs;
 	} else if ( /^[0-9]{4}-[0-9]{2}-[0-9]{2}$/.test( dateObs ) ) {
+		const dateArray = dateObs.split( '-' );
 		var dateArray = dateObs.split( '-' );
 		return dateArray[2] + '/' + dateArray[1] + '/' + dateArray[0]
 	} else {
 		console.dir( 'erreur date : ' + dateObs )
+	}
 };
-// scroll vers le formulaire
-WidgetsSaisiesCommun.prototype.scrollFormTop = function( scrollSelecteur, focus = '' ) {
-	const lthis = this;
+// scroll vers le formulaire
 WidgetsSaisiesCommun.prototype.scrollFormTop = function( scrollSelecteur, focus = '' ) {
 	$( 'html, body' ).stop().animate({
 		scrollTop: $( scrollSelecteur ).offset().top
 	}, 300, function() {
-		if ( lthis.valOk( focus ) ) {
+		if ( valOk( focus ) ) {
 			$( focus ).focus();
 		} else {
 			return;
  * dans this.msgs, tente de trouver le message dont la clé est [cle] dans la
  * langue en cours. S'il n'est pas trouvé, retourne la version française (par
  * défaut); si celle-ci n'exite pas, retourne "N/A".
  */
 WidgetsSaisiesCommun.prototype.msgTraduction = function( cle ) {
-	var msg = 'N/A';
+	let msg = 'N/A';
-	if ( this.msgs ) {
+	if ( utils.msgs ) {
-		if ( this.langue in this.msgs && cle in this.msgs[this.langue] ) {
+		if ( this.langue in utils.msgs && cle in utils.msgs[this.langue] ) {
-			msg = this.msgs[this.langue][cle];
+			msg = utils.msgs[this.langue][cle];
-		} else if ( cle in this.msgs['fr'] ) {
+		} else if ( cle in utils.msgs['fr'] ) {
-			msg = this.msgs['fr'][cle];
+			msg = utils.msgs['fr'][cle];
+		}
+	}
 	return msg;
  * Extrait les données de désinsectisation d'une requête AJAX de jQuery
  * @param jqXHR
  * @returns {String}
  */
 WidgetsSaisiesCommun.prototype.extraireEnteteDebug = function( jqXHR ) {
-	var msgDebug = '';
+	let msgDebug = '';
 	if ( '' !== jqXHR.getResponseHeader( 'X-DebugJrest-Data' ) ) {
+		const debugInfos = jQuery.parseJSON( jqXHR.getResponseHeader( 'X-DebugJrest-Data' ) );
 		var debugInfos = jQuery.parseJSON( jqXHR.getResponseHeader( 'X-DebugJrest-Data' ) );
 		if ( null !== debugInfos ) {
 			$.each( debugInfos, function( cle, valeur ) {
 				msgDebug += valeur + '\n';
 			});
+		}
 		return false;
 	});
 };
-WidgetsSaisiesCommun.prototype.valOk = function ( valeur, sensComparaison = true, comparer = undefined ) {
-	return utils.valOk( valeur, sensComparaison, comparer );
-};
-WidgetsSaisiesCommun.prototype.activerModale = function ( label, content = '', buttons = [] ) {
-	return utils.activerModale( label, content, buttons );
-};
 // Lib hors objet
 /*
  * http://github.com/scottgonzalez/jquery-ui-extensions
+ *
  * Adaptation par Aurélien Peronnet pour la mise en gras des noms de taxons valides
  */
 ( function( $ ) {
-	var proto      = $.ui.autocomplete.prototype,
+	const proto    = $.ui.autocomplete.prototype,
 		initSource = proto._initSource;
 	WidgetsSaisiesCommun.prototype.filter = function( array, term ) {
-		var matcher = new RegExp( $.ui.autocomplete.escapeRegex( term ), 'i' );
+		const matcher = new RegExp( $.ui.autocomplete.escapeRegex( term ), 'i' );
 		return $.grep( array, function( value ) {

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/saisie/squelettes/js/WidgetsSaisiesCommun.js – Rev 3811 → 3844