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

+import {WidgetsSaisiesCommun,utils} from './WidgetsSaisiesCommun.js';
+import {valOk} from './Utils.js';
 /**
  * Constructeur WidgetSaisie par défaut
  */
-function WidgetSaisie( proprietes ) {
+function WidgetSaisie(  ) {
-	if  ( valOk(proprietes) ) {
+	if  ( valOk(widgetProp) ) {
-		this.urlWidgets                        = proprietes.urlWidgets;
+		this.urlWidgets                        = widgetProp.urlWidgets;
-		this.projet                            = proprietes.projet;
+		this.projet                            = widgetProp.projet;
-		this.idProjet                          = proprietes.idProjet;
+		this.idProjet                          = widgetProp.idProjet;
-		this.tagsMotsCles                      = proprietes.tagsMotsCles;
+		this.tagsMotsCles                      = widgetProp.tagsMotsCles;
-		this.mode                              = proprietes.mode;
+		this.mode                              = widgetProp.mode;
-		this.langue                            = proprietes.langue;
+		this.langue                            = widgetProp.langue;
-		this.serviceAnnuaireIdUrl              = proprietes.serviceAnnuaireIdUrl;
+		this.serviceAnnuaireIdUrl              = widgetProp.serviceAnnuaireIdUrl;
-		this.serviceNomCommuneUrl              = proprietes.serviceNomCommuneUrl;
+		this.serviceNomCommuneUrl              = widgetProp.serviceNomCommuneUrl;
-		this.serviceNomCommuneUrlAlt           = proprietes.serviceNomCommuneUrlAlt;
+		this.serviceNomCommuneUrlAlt           = widgetProp.serviceNomCommuneUrlAlt;
-		this.debug                             = proprietes.debug;
+		this.debug                             = widgetProp.debug;
-		this.html5                             = proprietes.html5;
+		this.html5                             = widgetProp.html5;
-		this.serviceSaisieUrl                  = proprietes.serviceSaisieUrl;
+		this.serviceSaisieUrl                  = widgetProp.serviceSaisieUrl;
-		this.serviceObsUrl                     = proprietes.serviceObsUrl;
+		this.serviceObsUrl                     = widgetProp.serviceObsUrl;
-		this.chargementImageIconeUrl           = proprietes.chargementImageIconeUrl;
+		this.chargementImageIconeUrl           = widgetProp.chargementImageIconeUrl;
-		this.pasDePhotoIconeUrl                = proprietes.pasDePhotoIconeUrl;
+		this.pasDePhotoIconeUrl                = widgetProp.pasDePhotoIconeUrl;
-		this.autocompletionElementsNbre        = proprietes.autocompletionElementsNbre;
+		this.autocompletionElementsNbre        = widgetProp.autocompletionElementsNbre;
-		this.serviceAutocompletionNomSciUrl    = proprietes.serviceAutocompletionNomSciUrl;
+		this.serviceAutocompletionNomSciUrl    = widgetProp.serviceAutocompletionNomSciUrl;
-		this.serviceAutocompletionNomSciUrlTpl = proprietes.serviceAutocompletionNomSciUrlTpl;
+		this.serviceAutocompletionNomSciUrlTpl = widgetProp.serviceAutocompletionNomSciUrlTpl;
-		this.dureeMessage                      = proprietes.dureeMessage;
+		this.dureeMessage                      = widgetProp.dureeMessage;
-		this.obsMaxNbre                        = proprietes.obsMaxNbre;
+		this.obsMaxNbre                        = widgetProp.obsMaxNbre;
-		this.tagImg                            = proprietes.tagImg;
+		this.tagImg                            = widgetProp.tagImg;
-		this.tagObs                            = proprietes.tagObs;
+		this.tagObs                            = widgetProp.tagObs;
-		this.obsId                             = proprietes.obsId;
+		this.obsId                             = widgetProp.obsId;
-		this.nomSciReferentiel                 = proprietes.nomSciReferentiel;
+		this.nomSciReferentiel                 = widgetProp.nomSciReferentiel;
-		this.especeImposee                     = proprietes.especeImposee;
+		this.especeImposee                     = widgetProp.especeImposee;
-		this.infosEspeceImposee                = proprietes.infosEspeceImposee;
+		this.infosEspeceImposee                = widgetProp.infosEspeceImposee;
-		this.referentielImpose                 = proprietes.referentielImpose;
+		this.referentielImpose                 = widgetProp.referentielImpose;
-		this.isTaxonListe                      = proprietes.isTaxonListe;
+		this.isTaxonListe                      = widgetProp.isTaxonListe;
-		this.utils                             = utils;
-		this.msgs                              = utils.msgs;
+	}
 	this.urlRacine            = window.location.origin;
 	this.obsNbre              = 0;
 	this.nbObsEnCours         = 1;
 	this.totalObsATransmettre = 0;
 	this.nbObsTransmises      = 0;
 	this.observer             = null;
 	this.isASL                = false;
+	this.geoloc               = {};
+}
 WidgetSaisie.prototype = new WidgetsSaisiesCommun();
-var valOk = WidgetSaisie.prototype.valOk;
 /**
  * Initialise le formulaire, les validateurs, les listes de complétion...
  */
-WidgetSaisie.prototype.initForm = function() {
-	const lthis = this;
 WidgetSaisie.prototype.initForm = function() {
 	this.initFormConnection();
-	if ( this.valOk( this.obsId ) ) {
+	if ( valOk( this.obsId ) ) {
 		this.chargerInfoObs();
+	}
 	if( this.isTaxonListe ) {
 		this.initFormTaxonListe();
 	// au rafraichissement de la page,
 	// les input date semblent conserver la valeur entrée précedemment
 	// c'est voulu après la création d'une obs mais pas quand la page est actualisée
 	// Déjà tenté: onbeforeunload avec un location.reload(true) n'a pas permis de le faire
 	$( 'input[type=date]' ).each( function () {
-		( lthis.valOk( $( this ).data( 'default' ) ) ) ? $( this ).val( $( this ).data( 'default' ) ) : $( this ).val( '' );
+		( valOk( $( this ).data( 'default' ) ) ) ? $( this ).val( $( this ).data( 'default' ) ) : $( this ).val( '' );
 	});
 	this.configurerFormValidator();
 	this.definirReglesFormValidator();
 	if( this.especeImposee ) {
 		$( '#taxon' ).attr( 'disabled', 'disabled' );
 		$( '#taxon-input-groupe' ).attr( 'title', '' );
 		// Bricolage cracra pour avoir le nom retenu avec auteur (nom_retenu.libelle ne le mentionne pas)
-		var infosEspeceImposee = $.parseJSON( this.infosEspeceImposee );
+		const infosEspeceImposee = $.parseJSON( this.infosEspeceImposee );
-			nomRetenuComplet   = infosEspeceImposee.nom_retenu_complet,
+		let nomRetenuComplet   = infosEspeceImposee.nom_retenu_complet;
+		const debutAnneRefBiblio = nomRetenuComplet.indexOf( ' [' );
 			debutAnneRefBiblio = nomRetenuComplet.indexOf( ' [' );
 		if ( -1 !== debutAnneRefBiblio ) {
 			nomRetenuComplet = nomRetenuComplet.substr( 0, debutAnneRefBiblio );
+		}
 		// fin bricolage cracra
-		var infosAssociee = {
+		const infosAssociee = {
 			label : infosEspeceImposee.nom_sci_complet,
 			value : infosEspeceImposee.nom_sci_complet,
 			nt : infosEspeceImposee.num_taxonomique,
 			nomSel : infosEspeceImposee.nom_sci,
 /**
  * Initialise les écouteurs d'événements
  */
-WidgetSaisie.prototype.initEvts = function() {
-	const lthis = this;
 WidgetSaisie.prototype.initEvts = function() {
 	// identité
 	this.initEvtsConnection();
 	// on location, initialisation de la géoloc
 	this.initEvtsGeoloc();
 	this.confirmerSortie();
 };
 // Identité Observateur par courriel
 WidgetSaisie.prototype.requeterIdentiteCourriel = function() {
+	const lthis = this,
+		courriel    = $( '#courriel' ).val(),
-	const lthis = this;
-	var courriel = $( '#courriel' ).val();
-	var urlAnnuaire = this.serviceAnnuaireIdUrl + courriel;
+		urlAnnuaire = this.serviceAnnuaireIdUrl + courriel;
-	if ( this.valOk( courriel ) ) {
+	if ( valOk( courriel ) ) {
 		$.ajax({
 			url : urlAnnuaire,
 			type : 'GET',
 			success : function( data, textStatus, jqXHR ) {
 				if ( lthis.debug ) {
 					console.log( 'SUCCESS: ' + textStatus );
 				}
-				if ( lthis.valOk( data ) && lthis.valOk( data[courriel] ) ) {
+				if ( valOk( data ) && valOk( data[courriel] ) ) {
-					var infos = data[courriel];
+					const infos = data[courriel];
 					lthis.surSuccesCompletionCourriel( infos, courriel );
 				} else {
 					lthis.surErreurCompletionCourriel();
 };
 // se déclanche quand on choisit "Observation sans inscription" mais que le mail entré est incrit à Tela
 WidgetSaisie.prototype.surSuccesCompletionCourriel = function( infos, courriel ) {
 	if ( $( '#utilisateur-connecte' ).hasClass( 'hidden' ) ) {// si quelque chose a foiré après actualisation
-		if ( !this.valOk( $( '#warning-identite' ) ) ) {
+		if ( !valOk( $( '#warning-identite' ) ) ) {
 			$( '#zone-courriel' ).before( '<p id="warning-identite" class="warning"><i class="fas fa-exclamation-triangle"></i> ' + this.msgTraduction( 'courriel-connu' ) + '</p>' );
+		}
 		$( '#inscription, #zone-prenom-nom, #zone-courriel-confirmation' ).addClass( 'hidden' );
 		$( '#prenom, #nom, #courriel_confirmation' ).attr( 'disabled', 'disabled' );
 	$( '.nav.control-group' ).removeClass( 'error' );
 	$( '#prenom, #nom, #courriel_confirmation' ).val( '' ).removeAttr( 'disabled' );
 };
 WidgetSaisie.prototype.testerLancementRequeteIdentite = function( event ) {
-	if ( this.valOk( event.which, true, 13 ) ) {
+	if ( valOk( event.which, true, 13 ) ) {
 		this.requeterIdentiteCourriel();
 		event.preventDefault();
 		event.stopPropagation();
+	}
 WidgetSaisie.prototype.reduireVoletIdentite = function() {
 	if ( $( '#form-observateur' ).valid() && $( '#courriel' ).valid() && $( '#courriel_confirmation' ).valid() ) {
 		$( '#bouton-connexion, #creation-compte' ).addClass( 'hidden' );
 		$( '#bienvenue').removeClass( 'hidden' );
 		$( '#inscription, #zone-courriel' ).addClass( 'hidden' );
-		if ( lthis.valOk( $( '#nom' ).val() ) && lthis.valOk( $( '#prenom' ).val() ) ) {
+		if ( valOk( $( '#nom' ).val() ) && valOk( $( '#prenom' ).val() ) ) {
 			$( '#zone-prenom-nom' ).addClass( 'hidden' );
 			$( '#bienvenue-prenom' ).text( ' ' + $( '#prenom' ).val() );
 			$( '#bienvenue-nom' ).text( ' ' + $( '#nom' ).val() );
 		} else {
 			$( '#zone-prenom-nom' ).removeClass( 'hidden' );
 WidgetSaisie.prototype.formaterNom = function() {
 	$( '#nom' ).val( $( '#nom' ).val().toUpperCase() );
 };
 WidgetSaisie.prototype.formaterPrenom = function() {
-	var prenom     = new Array(),
+	const prenom   = [],
 		mots       = $( '#prenom' ).val().split( ' ' ),
 		motsLength = mots.length;
+	for ( let i = 0; i < motsLength; i++ ) {
+		let mot          = mots[i],
-	for ( var i = 0; i < motsLength; i++ ) {
+			motMajuscule = '';
-		var mot = mots[i];
 		if ( 0 <= mot.indexOf( '-' ) ) {
-			var prenomCompose = new Array(),
+			const prenomCompose    = new Array(),
-				motsComposes = mot.split( '-' )
-				motsComposesLength = motsComposes.length;
-			for ( var j = 0; j < motsComposesLength; j++ ) {
+				motsComposes       = mot.split( '-' ),
+				motsComposesLength = motsComposes.length;
+			for ( let j = 0; j < motsComposesLength; j++ ) {
-				var motSimple    = motsComposes[j],
+				const motSimple    = motsComposes[j];
 					motMajuscule = motSimple.charAt(0).toUpperCase() + motSimple.slice(1);
 				motMajuscule = motSimple.charAt(0).toUpperCase() + motSimple.slice(1);
 				prenomCompose.push( motMajuscule );
 			}
 			prenom.push( prenomCompose.join( '-' ) );
 		} else {
-			var motMajuscule = mot.charAt(0).toUpperCase() + mot.slice(1);
+			motMajuscule = mot.charAt(0).toUpperCase() + mot.slice(1);
 			prenom.push( motMajuscule );
+		}
+	}
 	$( '#prenom' ).val( prenom.join( ' ' ) );
+};
 };
 WidgetSaisie.prototype.bloquerCopierCollerCourriel = function() {
-WidgetSaisie.prototype.bloquerCopierCollerCourriel = function() {
+	this.afficherPanneau( '#dialogue-bloquer-copier-coller' );
 	this.afficherPanneau( '#dialogue-bloquer-copier-coller' );
 	return false;
-};
+};
 // Préchargement des infos-obs ************************************************/
-WidgetSaisie.prototype.chargerInfoObs = function() {
+// Préchargement des infos-obs ************************************************/
-	const lthis = this;
+WidgetSaisie.prototype.chargerInfoObs = function() {
 	const lthis = this,
-	var urlObs = this.serviceObsUrl + '/' + this.obsId;
+		urlObs  = this.serviceObsUrl + '/' + this.obsId;
 	$.ajax({
 		url: urlObs,
 		type: 'GET',
 		success: function( data, textStatus, jqXHR ) {
 	});
 };
 // @TODO faire mieux que ça !
 WidgetSaisie.prototype.surErreurChargementInfosObs = function() {
-	this.activerModale( this.msgTraduction( 'erreur-chargement' ) );
+	utils.activerModale( this.msgTraduction( 'erreur-chargement' ) );
 };
 WidgetSaisie.prototype.prechargerForm = function( data ) {
 	if( data.hasOwnProperty( 'latitude' ) && data.hasOwnProperty( 'longitude' ) ) {
 		// $cartoRemplacee = $( '#tb-geolocation' ),
 		// suffixe = '',
 		// layer = 'osm',
 		// zoomInit = 18
-		var typeLocalisation = $( '#top' ).data( 'type-loc' ),
+		const typeLocalisation = $( '#top' ).data( 'type-loc' ),
-			donnesResetCarto = {
+			donnesResetCarto   = {
 			latitude         : data.latitude,
 			longitude        : data.longitude,
-			typeLocalisation : typeLocalisation
+			typeLocalisation : typeLocalisation,
+			zoom             : 18
 		};
 		this.transfererCarto( donnesResetCarto );
+	}
 };
 // Ajouter Obs ****************************************************************/
 /**
  * Retourne un Array contenant les valeurs des champs étendus
  */
 WidgetSaisie.prototype.getObsChpSpecifiques = function() {
-	const lthis = this;
+	const lthis = this,
-	var champs    = new Array(),
+		champs    = [],
 		$thisForm = $( '#form-supp' ),
 		elements  =
 			'input[type=text]:not(.collect-other),'+
 			'input[type=checkbox]:checked,'+
 			'input[type=number],'+
 			'input[type=range],'+
 			'input[type=date],'+
 			'textarea,'+
 			'.select',
-		retour    = new Array();
+		retour    = [];
 	$( elements, $thisForm ).each( function() {
-		if ( lthis.valOk( $( this ).val() ) && ( lthis.valOk( $( this ).attr( 'name' ) ) || lthis.valOk( $( this ).data( 'name' ) ) ) ) {
+		if ( valOk( $( this ).val() ) && ( valOk( $( this ).attr( 'name' ) ) || valOk( $( this ).data( 'name' ) ) ) ) {
-			var valeur = $( this ).val(),
+			const valeur = $( this ).val(),
-				cle    = ( lthis.valOk( $( this ).attr( 'name' ) ) ) ? $( this ).attr( 'name' ) : $( this ).data( 'name' );
+				cle    = ( valOk( $( this ).attr( 'name' ) ) ) ? $( this ).attr( 'name' ) : $( this ).data( 'name' );
 			if ( cle in champs ) {
 				champs[cle] += ';' + valeur;
 			} else {
 				champs[cle] = valeur;
+			}
+		}
 	});
-	for ( var key in champs ) {
+	for ( let key in champs ) {
 		retour.push({ 'cle' : key , 'valeur' : champs[key] });
 	}
-	if ( this.valOk( $( '#coord-lineaire' ).val() ) ) {
+	if ( valOk( $( '#coord-lineaire' ).val() ) ) {
 		retour.push({ 'cle' : 'coordonnees-rue-ou-lineaire' , 'valeur' : $( '#coord-lineaire' ).val() });
+	}
 	return retour;
 			});
 			$( '#taxon-input-groupe' ).addClass( 'hidden' );
 			$('#taxon-autre').val('');
+		}
+	}
-	if ( this.valOk( $( '#form-supp' ) ) ) {
+	if ( valOk( $( '#form-supp' ) ) ) {
 		$( '#form-supp' ).validate().resetForm();
+	}
 };
 // Géolocalisation *************************************************************/
 /**
  * Fonction handler de l'évenement location du module tb-geoloc
  */
 WidgetSaisie.prototype.locationHandler = function( location ) {
-	var locDatas = location.originalEvent.detail;
+	const locDatas = location.originalEvent.detail;
+	if ( valOk( locDatas ) ) {
-	if ( this.valOk( locDatas ) ) {
+		console.log( locDatas );
-		console.log( locDatas );
-		var geometry      = JSON.stringify( locDatas.geometry );
+		const geometry = JSON.stringify( locDatas.geometry ),
-		var altitude      = ( this.valOk( locDatas.elevation ) ) ? locDatas.elevation : '';
+			altitude   = ( valOk( locDatas.elevation ) ) ? locDatas.elevation : '',
-		var pays          = ( this.valOk( locDatas.osmCountryCode ) ) ? locDatas.osmCountryCode.toUpperCase() : 'FR';
+			pays       = ( valOk( locDatas.osmCountryCode ) ) ? locDatas.osmCountryCode.toUpperCase() : 'FR';
-		var latitude      = '';
+		let latitude      = '',
-		var longitude     = '';
+			longitude     = '',
-		var coordLineaire = '';
+			coordLineaire = '',
-		var nomCommune    = '';
+			nomCommune    = '',
-		var communeInsee  = '';
+			communeInsee  = '';
-		if ( this.valOk( locDatas.geometry.coordinates ) ) {
-			if ( 'Point' === locDatas.geometry.type ) {
-				if ( this.valOk( locDatas.geometry.coordinates[0] ) ) {
-					longitude = locDatas.geometry.coordinates[0];
+		if ( valOk( locDatas.geometry.coordinates ) &&
-				}
+			valOk( locDatas.centroid.coordinates ) &&
-				if ( this.valOk( locDatas.geometry.coordinates[1] ) ) {
+			valOk( locDatas.centroid.coordinates[0] ) &&
-					latitude = locDatas.geometry.coordinates[1];
-				}
-			} else if ( 'LineString' === locDatas.geometry.type  && this.valOk( locDatas.centroid.coordinates ) ) {
-				coordLineaire = JSON.stringify( locDatas.geometry.coordinates );
+			valOk( locDatas.centroid.coordinates[1] )
-				if ( this.valOk( locDatas.centroid.coordinates[0] ) ) {
-					longitude = locDatas.centroid.coordinates[0];
-				}
+		) {
-				if ( this.valOk( locDatas.centroid.coordinates[1] ) ) {
-					latitude = locDatas.centroid.coordinates[1];
 			latitude = locDatas.centroid.coordinates[0];
-			}
+			longitude = locDatas.centroid.coordinates[1];
+		}
-		if ( this.valOk( locDatas.inseeData ) ) {
+		if ( valOk( locDatas.inseeData ) ) {
 			nomCommune = locDatas.inseeData.nom;
-			communeInsee = ( this.valOk( locDatas.inseeData.code ) ) ? locDatas.inseeData.code : '';
+			communeInsee = ( valOk( locDatas.inseeData.code ) ) ? locDatas.inseeData.code : '';
-		} else if ( this.valOk( locDatas.locality ) ) {
+		} else if ( valOk( locDatas.locality ) ) {
 			nomCommune = locDatas.locality;
-		} else if ( this.valOk( locDatas.locality ) ) {
+		} else if ( valOk( locDatas.locality ) ) {
 			nomCommune = locDatas.osmCounty;
+		}
 		$( '#geometry' ).val( geometry );
 		$( '#coord-lineaire' ).val( coordLineaire );
 		$( '#latitude' ).val( latitude );
 		$( '#longitude' ).val( longitude );
 		$( '#commune-nom' ).val( nomCommune );
 		$( '#commune-insee' ).val( communeInsee );
 		$( '#altitude' ).val( altitude );
 		$( '#pays' ).val( pays );
-		if ( this.valOk( $( '#latitude' ).val() ) && this.valOk( $( '#longitude' ).val() ) ) {
+		if ( valOk( $( '#latitude' ).val() ) && valOk( $( '#longitude' ).val() ) ) {
 			$( '#geoloc' ).closest( '.control-group' ).removeClass( 'error' );
 		} else {
 			$( '#geoloc' ).closest( '.control-group' ).addClass( 'error' );
 		}
 	} else {
-		console.log( 'Error location' );
+		console.warn( 'Error location' );
+	}
+}
-// Form Validator *************************************************************/
-WidgetSaisie.prototype.chpEtendusValidation = function() {
+// Form Validator *************************************************************/
-	const lthis = this;
+WidgetSaisie.prototype.chpEtendusValidation = function() {
 	const lthis = this,
-	var $thisForm = $( '#form-supp' ),
+		$thisForm = $( '#form-supp' ),
 		elements  =
 			'.checkbox,'+
 			rules : {},
 			messages : {},
 			minmax : []
 		},
 		errors = {},
-		namesListFields = [],
+		namesListFields = [];
-		picked = '';
+	let picked = '';
 	$( elements, $thisForm ).each( function() {
-		for( var fieldsClass = 0; spefieldsCount > fieldsClass; fieldsClass++ ) {
-			if ( lthis.valOk( $( this ).attr( 'required' ) ) && $( this ).hasClass( speFields[fieldsClass] ) && !lthis.valOk( chpSuppValidation.rules[ dataName ] ) ) {
+		for( let fieldsClass = 0; spefieldsCount > fieldsClass; fieldsClass++ ) {
+				const dataName = $( this ).data( 'name' );
 				var dataName = $( this ).data( 'name' );
 			if ( valOk( $( this ).attr( 'required' ) ) && $( this ).hasClass( speFields[fieldsClass] ) && !valOk( chpSuppValidation.rules[ dataName ] ) ) {
 				namesListFields.push( dataName );
 				chpSuppValidation.rules[ dataName ] = { required : true };
-				if ( lthis.valOk( $( '.other', $( this ) ) ) ) {
+				if ( valOk( $( '.other', $( this ) ) ) ) {
 					picked = ( 'select' === speFields[fieldsClass] ) ? ':selected' : ':checked';
 					chpSuppValidation.rules[ 'collect-other-' + dataName.replace( '[]', '' ) ] = {
 						required : '#other-' + dataName.replace( '[]', '' ) + picked,
 				chpSuppValidation.rules[ dataName ]['listFields'] = true;
 				chpSuppValidation.messages[ dataName ] = 'Ce champ est requis :\nVeuillez choisir une option, ou entrer une valeur autre valide.';
 				errors[dataName] = '.' + speFields[fieldsClass];
+			}
+		}
-		if ( lthis.valOk( $( this ).attr( 'name' ) ) && lthis.valOk ( $( this ).attr( 'required' ) ) && 0 > $.inArray( $( this ).attr( 'name' ) , namesListFields ) ) {
+		if ( valOk( $( this ).attr( 'name' ) ) && valOk ( $( this ).attr( 'required' ) ) && 0 > $.inArray( $( this ).attr( 'name' ) , namesListFields ) ) {
 			chpSuppValidation.rules[ $( this ).attr( 'name' ) ] = { required : true, minlength: 1 };
 			if(
-				( lthis.valOk( $( this ).attr( 'type' ), true, 'number' ) || lthis.valOk( $( this ).attr( 'type' ), true, 'range' ) ) &&
+				( valOk( $( this ).attr( 'type' ), true, 'number' ) || valOk( $( this ).attr( 'type' ), true, 'range' ) ) &&
-				( lthis.valOk( $( this )[0].min ) || lthis.valOk( $( this )[0].max ) )
+				( valOk( $( this )[0].min ) || valOk( $( this )[0].max ) )
 			) {
 				chpSuppValidation.rules[ $( this ).attr('name') ]['minMaxOk'] = true;
 				chpSuppValidation.messages[ $( this ).attr('name') ] = lthis.validerMinMax( $( this )[0] ).message;
+			}
+		}
 	});
-	if ( this.valOk( chpSuppValidation.rules ) ) {
+	if ( valOk( chpSuppValidation.rules ) ) {
 		$.each( chpSuppValidation.rules, function( key ) {
-			if ( !lthis.valOk( chpSuppValidation.messages[key] ) ) {
+			if ( !valOk( chpSuppValidation.messages[key] ) ) {
 				chpSuppValidation.messages[key] = 'Ce champ est requis :\nVeuillez entrer une valeur valide.';
+			}
 		});
 		if ( 0 < Object.keys( errors ).length ) {
 			chpSuppValidation['errors'] = errors;
+	}
 	return chpSuppValidation;
 };
-WidgetSaisie.prototype.validerMinMax = function( element ) {
-	var mMCond      = new Boolean(),
+WidgetSaisie.prototype.validerMinMax = function( element ) {
-		minCond     = parseFloat( element.value ) >= parseFloat( element.min ),
+	const minCond  = parseFloat( element.value ) >= parseFloat( element.min ),
-		maxCond     = parseFloat( element.value ) <= parseFloat( element.max ),
+		maxCond    = parseFloat( element.value ) <= parseFloat( element.max ),
+		returnMnMx = { cond : true , message : '' };
-		messageMnMx = 'La valeur entrée doit être',
+	let mnMxCond    = new Boolean(),
-		returnMnMx  = { cond : true , message : '' };
+		messageMnMx = 'La valeur entrée doit être';
 	if(
-		( this.valOk( element.type, true, 'number' ) || this.valOk( element.type, true, 'range' ) ) &&
+		( valOk( element.type, true, 'number' ) || valOk( element.type, true, 'range' ) ) &&
-		( this.valOk( element.min ) || this.valOk( element.max ) )
+		( valOk( element.min ) || valOk( element.max ) )
 	) {
 		if ( element.min && element.max ) {
 			messageMnMx += ' comprise entre ' + element.min + ' et ' + element.max;
 	return returnMnMx;
 };
-WidgetSaisie.prototype.definirReglesFormValidator = function() {
-	const lthis = this;
+WidgetSaisie.prototype.definirReglesFormValidator = function() {
 	const lthis = this,
-	var formSuppValidation = this.chpEtendusValidation();
+		formSuppValidation = this.chpEtendusValidation();
 	$( '#form-supp' ).validate({
 		onclick : function( element ) {
 			if (
+				(
-					lthis.valOk( element.type, true, 'checkbox' ) ||
+					valOk( element.type, true, 'checkbox' ) ||
-					lthis.valOk( element.type, true, 'radio' )
+					valOk( element.type, true, 'radio' )
 				) &&
 				(
-					!lthis.valOk( $( '.' + $( element ).attr( 'name' ).replace( '[]', '' ) + ':checked' ) ) ||
+					!valOk( $( '.' + $( element ).attr( 'name' ).replace( '[]', '' ) + ':checked' ) ) ||
-					lthis.valOk( $( '.' + $( element ).attr( 'name' ).replace( '[]', '' ) + ':not(.other):checked' ) ) ||
+					valOk( $( '.' + $( element ).attr( 'name' ).replace( '[]', '' ) + ':not(.other):checked' ) ) ||
-					!lthis.valOk( $( '#other-' + $( element ).attr( 'name' ).replace( '[]', '' ) ) ) ||
+					!valOk( $( '#other-' + $( element ).attr( 'name' ).replace( '[]', '' ) ) ) ||
 					$( '#other-' + $( element ).attr( 'name' ).replace( '[]', '' ) ).is( ':checked' ) ||
+					(
 		},
 		rules : formSuppValidation.rules,
 		messages : formSuppValidation.messages,
 		errorPlacement : function( error , element ) {
 			if ( 0 < Object.keys( formSuppValidation.errors ).length ) {
-				var errorsKeys = Object.keys( formSuppValidation.errors ),
+				const errorsKeys = Object.keys( formSuppValidation.errors );
-					thisKey = '',
+				let thisKey    = '',
 					errorsFlag = true;
-				for ( i = 0 ; i < errorsKeys.length ; i++ ) {
+				for ( let i = 0 ; i < errorsKeys.length ; i++ ) {
 					thisKey = errorsKeys[i];
 					if( $( element ).attr( 'name' ) === thisKey ) {
 						$( formSuppValidation.errors[thisKey] ).append( error );
 						errorsFlag = false;
+					}
 	$( 'input[type=date]' ).on( 'input', function() {
 		$( this ).valid();
 	});
 	// Validation Taxon si pas de miniature
 	$( '#taxon' ).on( 'change', function() {
-		var images = lthis.valOk( $( '#miniatures .miniature' ) );
+		const images = valOk( $( '#miniatures .miniature' ) );
-		lthis.validerTaxonImage( lthis.valOk( $( this ).val() ), images );
+		lthis.validerTaxonImage( valOk( $( this ).val() ), images );
 	});
 	// Validation miniatures avec MutationObserver
 	this.surPresenceAbsenceMiniature();
 	$( '#form-observation' ).validate({
 		rules : {
 		$( '.nav.control-group' ).removeClass( 'error' );
 	});
 };
 WidgetSaisie.prototype.validerTaxonImage = function( taxon = false, images = false ) {
+	const taxonOuImage = images || taxon;
-	var taxonOuImage = ( images || taxon );
-	if ( images || taxon ) {
+	if ( taxonOuImage ) {
 		this.masquerPanneau( '#dialogue-taxon-or-image' );
 		$( '#bloc-taxon' ).removeClass( 'error' )
 			.find( 'span.error' ).hide();
 		$( '#fichier' ).parent( 'label.label-file' ).removeClass( 'error' );
 		$( '#bloc-taxon' ).addClass( 'error' )
 			.find( 'span.error' ).show();
 		$( '#fichier' ).parent( 'label.label-file' ).addClass( 'error' );
 		$( '#photos-conteneur').addClass( 'error' ).find( 'span.error' ).show();
+	}
-	return ( images || taxon );
+	return taxonOuImage;
 };
 WidgetSaisie.prototype.surPresenceAbsenceMiniature = function() {
-	const lthis = this;
 	const lthis = this;
 	// voir : https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver/disconnect
 	// Selectionne le noeud dont les mutations seront observées
-	var targetNode = document.getElementById( 'miniatures' );
+	const targetNode = document.getElementById( 'miniatures' );
 	// Fonction callback à éxécuter quand une mutation est observée
-	var callback = function( mutationsList ) {
+	const callback = mutationsList => {
-		for( var mutation of mutationsList ) {
+		let taxon;
-			var taxon = lthis.valOk( $( '#taxon' ).val() );
+		for( let mutation of mutationsList ) {
 			taxon = valOk( $( '#taxon' ).val() );
 			images = ( 0 < mutation.target.childElementCount );
 			lthis.validerTaxonImage( taxon, images );
+		}
 	// Commence à observer le noeud cible pour les mutations précédemment configurées
 	this.observer.observe( targetNode, { childList: true } );
 };
+WidgetSaisie.prototype.validerForm = function() {
+	const observateur = ( $( '#form-observateur' ).valid() && $( '#courriel' ).valid() && $( '#courriel_confirmation' ).valid() ),
+		obs           = $( '#form-observation' ).valid(),
+		geoloc        = ( valOk( $( '#latitude' ).val() ) && valOk( $( '#longitude' ).val() ) ) ,
+		images        = valOk( $( '#miniatures .miniature' ) ),
+		taxon         = valOk( $( '#taxon' ).val() ),
+		// validation et panneau taxon/images
-WidgetSaisie.prototype.validerForm = function() {
+		taxonOuImage  = this.validerTaxonImage( taxon, images );
-	const lthis = this;
-	var observateur  = ( $( '#form-observateur' ).valid() && $( '#courriel' ).valid() && $( '#courriel_confirmation' ).valid() );
-	var obs          = $( '#form-observation' ).valid();
-	var geoloc       = ( this.valOk( $( '#latitude' ).val() ) && this.valOk( $( '#longitude' ).val() ) ) ;
-	var images       = this.valOk( $( '#miniatures .miniature' ) );
-	var taxon        = this.valOk( $( '#taxon' ).val() );
-	// validation et panneau taxon/images
-	var taxonOuImage = this.validerTaxonImage( taxon, images );
+	let chpsSupp = true;
 	var chpsSupp     = new Boolean();
-	if ( this.valOk( $( '#form-supp' ) ) ) {
+	if ( valOk( $( '#form-supp' ) ) ) {
+		chpsSupp = ( function () {
-		chpsSupp = ( function () {
+			let otherFlag = $( '#form-supp' ).valid();
 			var otherFlag = $( '#form-supp' ).valid();
-			if( lthis.valOk( $( '.other', $( '#form-supp' ) ) ) ) {
+			if( valOk( $( '.other', $( '#form-supp' ) ) ) ) {
+				$( '.other', $( '#form-supp' ) ).each( function() {
-				$( '.other', $( '#form-supp' ) ).each( function() {
+					const picked = ( $( this ).data( 'element' ) !== 'select' ) ? ':checked' : ':selected';
 					var picked = ( $( this ).data( 'element' ) !== 'select' ) ? ':checked' : ':selected';
-						if ( $( this ).is( picked ) && lthis.valOk( $( this ).val(), true, 'other' ) ) {
+						if ( $( this ).is( picked ) && valOk( $( this ).val(), true, 'other' ) ) {
 							otherFlag = false;
+						}
+				});
 				});
-			return otherFlag;
-		})();
-	} else {
+			return otherFlag;
-		chpsSupp = true;
+		})();
+	}
 	// panneau geoloc
 	if ( geoloc ) {
 	this.nomSciReferentiel = $( '#referentiel' ).val();
 	//réinitialise taxon.val
 	$( '#taxon' ).val( '' );
 	$( '#taxon' ).data( 'numNomSel', '' );
 };
+$( document ).ready( function() {
+	const widget = new WidgetSaisie();
+	widget.init();
+	// Fonctions de Style et Affichage des éléments "spéciaux"
+	utils.init();
+});

Subversion Repositories eFlore/Applications.cel

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