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

+import {WidgetsSaisiesASL} from './WidgetsSaisiesASL.js';
+import {valOk} from './Utils.js';
 /**
  * Constructeur ReleveASL par défaut
  * S'applique au squelette apaforms.tpl.html
  * Qui se charge dans apa.tpl.php
  * Lors de la saisie du relevé et des arbres
  */
 // ASL : APA, sTREETs, Lichen's Go!
-function ReleveASL( proprietes, widgetProp ) {
+export function ReleveASL(arbresProp) {
-	if  ( utils.valOk( proprietes ) && utils.valOk( widgetProp ) ) {
+	if  ( valOk( arbresProp ) ) {
-		this.sujet             = proprietes.sujet;
+		this.sujet             = arbresProp.sujet;
-		this.tagImg            = proprietes.tagImg;
+		this.tagImg            = arbresProp.tagImg;
-		this.separationTagImg  = proprietes.separationTagImg;
+		this.separationTagImg  = arbresProp.separationTagImg;
-		this.tagImg            = proprietes.tagImg;
+		this.tagImg            = arbresProp.tagImg;
-		this.tagObs            = proprietes.tagObs;
+		this.tagObs            = arbresProp.tagObs;
-		this.separationTagObs  = proprietes.separationTagObs;
+		this.separationTagObs  = arbresProp.separationTagObs;
-		this.nomSciReferentiel = proprietes.nomSciReferentiel;
+		this.nomSciReferentiel = arbresProp.nomSciReferentiel;
-		this.referentielImpose = proprietes.referentielImpose;
+		this.referentielImpose = arbresProp.referentielImpose;
-		this.widgetProp        = widgetProp;
-		this.urlWidgets        = widgetProp.urlWidgets;
-		this.projet            = widgetProp.projet;
+	}
 	this.isTaxonListe = false;
 	this.numArbre     = 0;
+}
-ReleveASL.prototype = new WidgetsSaisiesASL( this.widgetProp );
+ReleveASL.prototype = new WidgetsSaisiesASL();
 /**
  * Initialise le formulaire, les validateurs, les listes de complétion...
  */
-ReleveASL.prototype.initForm = function() {
-	const lthis = this;
+ReleveASL.prototype.initForm = function() {
-	var idUtilisateur = $( '#id_utilisateur' ).val();
+	const idUtilisateur = $( '#id_utilisateur' ).val();
 	$('[type="date"]').prop('max', function(){
 		return new Date().toJSON().split('T')[0];
 	});
-	if( this.valOk( idUtilisateur ) ) {
+	if( valOk( idUtilisateur ) ) {
+		if ( valOk( $( '#releve-data' ).val() ) ) {
-		if ( this.valOk( $( '#releve-data' ).val() ) ) {
-			const datRuComun = $.parseJSON( $( '#dates-rues-communes' ).val() );
+			const datRuComun = $.parseJSON( $( '#dates-rues-communes' ).val() ),
 				releveDatas = $.parseJSON( $( '#releve-data' ).val() );
-			var releveDatas = $.parseJSON( $( '#releve-data' ).val() );
-			if ( !this.valOk( releveDatas[1] ) || -1 === datRuComun.indexOf( releveDatas[1]['date_rue_commune'] )  ) {
+			if ( !valOk( releveDatas[1] ) || -1 === datRuComun.indexOf( releveDatas[1]['date_rue_commune'] )  ) {
 				this.releveDatas = releveDatas;
-				if ( this.valOk( this.releveDatas[0].utilisateur, true, idUtilisateur ) ) {
+				if ( valOk( this.releveDatas[0].utilisateur, true, idUtilisateur ) ) {
 					$( '#releve-date' ).val( this.releveDatas[0].date );
 					this.rechargerFormulaire();
 							$( this ).addClass( 'hidden' );
 					});
+				}
+			}
+		}
-		if ( this.valOk(  $( '.charger-releve' ) ) ) {
+		if ( valOk(  $( '.charger-releve' ) ) ) {
-			var btnChargementForm = this.determinerBtnsChargementForm( '.' );
+			const btnChargementForm = this.determinerBtnsChargementForm( '.' );
 			// #releve-data est modifié, bouton dans #releves-utilisateur
 			this.btnsChargerForm( btnChargementForm );
+		}
+	}
 	this.ajouterAutocompletionNoms();
  */
 ReleveASL.prototype.initEvts = function() {
 	const lthis = this;
 	// comportement du bouton nouveau releve
-	if ( this.valOk( $( '#id_utilisateur' ).val() ) ) {
+	if ( valOk( $( '#id_utilisateur' ).val() ) ) {
 		// #releve-data est modifié, bouton dans #releves-utilisateur
 		this.btnsChargerForm( '#bouton-nouveau-releve' );
+	}
 	// on location, initialisation de la géoloc
 	$( '#bloc-info-arbres' ).on( 'click', '.arbre-info', function ( event ) {
 		event.preventDefault();
 		$( this ).addClass( 'disabled' );
 		$( '.arbre-info' ).not( $( this ) ).removeClass( 'disabled' );
-		var numArbre = $( this ).data( 'arbre-info' );
+		const numArbre = $( this ).data( 'arbre-info' );
 		lthis.chargerInfosArbre( numArbre );
 		lthis.scrollFormTop( '#zone-arbres' );
 	});
 	// après avoir visualisé les champs d'un arbre, retour à la saisie
 	$( '#retour' ).on( 'click', function( event ) {
 		event.preventDefault();
-		var numArbre = lthis.numArbre + 1;
+		const numArbre = lthis.numArbre + 1;
 				'famille'
 			]);
 		lthis.scrollFormTop( '#zone-arbres' );
 	});
 	// chargement plantes ou lichens
-	var btnChargementForm = this.determinerBtnsChargementForm( '#' );
+	const btnChargementForm = this.determinerBtnsChargementForm( '#' );
 	// #releve-data n'est pas modifié, bouton dans #charger-form
 	this.btnsChargerForm( btnChargementForm, false, false );
 	// Alertes et aides
 	this.initEvtsAlertes();
 };
 	this.releveDatas = $.parseJSON( $( '#releve-data' ).val() );
 	$.each( this.releveDatas[0], function( cle , valeur ) {
 		if ( 'zone-pietonne' === cle ||  'pres-lampadaires' === cle ) {
 			$( 'input[name=' + cle + '][value=' + valeur + ']' , '#zone-observation' ).prop( 'checked', true );
-		} else if ( lthis.valOk( $( '#' + cle ) ) ) {
+		} else if ( valOk( $( '#' + cle ) ) ) {
 			$( '#' + cle ).val( valeur );
+		}
 	});
 	if (
-		this.valOk( $( '#geometry-releve' ).val() ) &&
+		valOk( $( '#geometry-releve' ).val() ) &&
-		this.valOk( $( '#latitude-releve' ).val() ) &&
+		valOk( $( '#latitude-releve' ).val() ) &&
-		this.valOk( $( '#longitude-releve' ).val() ) &&
+		valOk( $( '#longitude-releve' ).val() ) &&
-		this.valOk( $( '#rue' ).val() ) &&
+		valOk( $( '#rue' ).val() ) &&
-		this.valOk( $( '#commune-nom' ).val() )
+		valOk( $( '#commune-nom' ).val() )
 	) {
 		$( '#geoloc' ).addClass( 'hidden' );
 		$( '#geoloc-datas' ).removeClass( 'hidden' );
 	this.numArbre    = parseInt( this.releveDatas[ this.obsNbre ]['num-arbre'] ) || this.obsNbre;
 	$( '.obs-nbre' ).text( this.obsNbre );
 	$( '.obs-nbre' ).triggerHandler( 'changement' );
 	$( '#arbre-nb' ).text( this.numArbre + 1 );
-	var infosArbre = {
+	const infosArbre = {
 		releve : this.releveDatas[0],
 		obsNum : 0,
 		sujet  : {}
 	};
-	for( var i = 1; i <= this.obsNbre; i ++ ) {
+	for( let i = 1; i <= this.obsNbre; i ++ ) {
 		infosArbre.obsNum = i;
 		infosArbre.sujet = this.releveDatas[i];
 		this.lienArbreInfo( infosArbre.sujet['num-arbre'] );
 // Ajouter Obs ****************************************************************/
 /**
  * Etape formulaire avec transfert carto
  */
 ReleveASL.prototype.saisirArbres = function() {
-	const lthis = this;
 	if ( this.validerReleve() ) {
 		$( '#soumettre-releve' )
 			.addClass( 'disabled' )
 			.attr( 'aria-disabled', true )
 			.off();
 		$( '#form-observation' ).find( 'input, textarea' ).prop( 'disabled', true );
 		$( '#zone-arbres,#geoloc-datas,#bouton-nouveau-releve' ).removeClass( 'hidden' );
 		this.confirmerSortie();
-		if ( !this.valOk( $( '#releve-data' ).val() ) ) {
+		if ( !valOk( $( '#releve-data' ).val() ) ) {
-			var releveDatasTmp = {
+			const releveDatasTmp = {
 				obs  : {
 					ce_utilisateur     : $( '#id_utilisateur' ).val(),
 					date_observation   : $( '#releve-date' ).val(),
 					zone_geo           : $( '#commune-nom' ).val(),
 					ce_zone_geo        : $( '#commune-insee' ).val(),
 			if ( 'tb_lichensgo' !== this.projet ) {
 				this.releveDatas[0]['zone-pietonne']    = $( '#zone-pietonne input:checked' ).val();
 				this.releveDatas[0]['pres-lampadaires'] = $( '#pres-lampadaires input:checked' ).val();
+			}
 			this.releveDatas[0].commentaires        = $( '#commentaires' ).val().trim();
-			for ( var i = 1 ; i < this.releveDatas.length; i++ ) {
+			for ( let i = 1 ; i < this.releveDatas.length; i++ ) {
 				this.releveDatas[i]['date_rue_commune'] = (
 					this.releveDatas[0].date +
 					this.releveDatas[0].rue +
 					this.releveDatas[0]['commune-nom']
 				);
+		}
 		// transfert carto
 		// $cartoRemplacee = $( '#tb-geolocation' ),
 		// layer = 'osm',
 		// zoomInit = 18
-		var donnesResetCarto = {
+		const donnesResetCarto = {
 			geometry  : $( '#geometry-releve' ).val(),
 			latitude  : $( '#latitude-releve' ).val(),
 			longitude : $( '#longitude-releve' ).val(),
 			suffixe   : 'arbres',
-			layer     : 'google hybrid'
+			layer     : 'googleHybrid',
+			zoomInit  : 18
 		};
 		this.transfererCarto( donnesResetCarto );
 		this.scrollFormTop( '#zone-arbres' );
+	}
 };
 ReleveASL.prototype.chargerImgEnregistrees = function() {
 	const releveL = this.releveDatas.length;
+	let idArbre   = 0,
+		last      = false,
-	var idArbre = 0,
+		urlImgObs = '',
-		last  = false;
+		imgDatas  = {};
-	for ( var i = 1; i < releveL; i++ ) {
-		idArbre = this.releveDatas[i]['id_observation'];
+	for ( let i = 1; i < releveL; i++ ) {
+		idArbre = this.releveDatas[i]['id_observation'];
-		var urlImgObs = this.serviceObsImgs + idArbre,
+		urlImgObs = this.serviceObsImgs + idArbre;
-			imgDatas  = {
+		imgDatas = {
-				'indice'      : i,
+			'indice'      : i,
-				'idArbre'     : idArbre,
+			'idArbre'     : idArbre,
-				'numArbre'    : this.releveDatas[i]['num-arbre'],
+			'numArbre'    : this.releveDatas[i]['num-arbre'],
-				'nomRet'      : this.releveDatas[i].taxon.nomRet.replace( /\s/, '_' ),
+			'nomRet'      : this.releveDatas[i].taxon.nomRet.replace( /\s/, '_' ),
-				'releveDatas' : this.releveDatas
+			'releveDatas' : this.releveDatas
-			};
+		};
 	$.ajax({
 		url: urlImgObs,
 		type: 'GET',
 		success: function( idsImg, textStatus, jqXHR ) {
-			if ( lthis.valOk( idsImg ) ) {
+			if ( valOk( idsImg ) ) {
-				var urlImg   = '',
+				let urlImg   = '',
 					images   = [];
 				idsImg = idsImg[parseInt( imgDatas.idArbre )];
 /**
  * Retourne un Array contenant les valeurs des champs
  * dont les données seront transmises dans la table cel-obs-etendues
  */
 ReleveASL.prototype.getObsChpSpecifiques = function( datasArbres ) {
-	const lthis = this;
+	const lthis = this,
-	var retour = [],
+		retour  = [],
-		champs = [
+		champs  = [
 			'rue',
 			'geometry-releve',
 			'latitude-releve',
 			'longitude-releve',
 			'altitude-releve'
 	champs.push(
 		'rue-arbres',
 		'circonference'
 	);
-	var cleValeur = '';
+	let cleValeur = '';
 	$.each( champs, function( i , value ) {
 		cleValeur = ( 4 > i ) || ( 6 > i && 'tb_lichensgo' !== lthis.projet ) ? 'releve' : 'sujet';
-		if ( lthis.valOk( datasArbres[cleValeur][value] ) ) {
+		if ( valOk( datasArbres[cleValeur][value] ) ) {
 			retour.push({ cle : value, valeur : datasArbres[cleValeur][value] });
+		}
-	});
-	if ( 'tb_streets' !== this.projet ) {
+	});
+	if ( 'tb_streets' !== this.projet ) {
-		var faceOmbre = '',
+		const faceOmbreLength = datasArbres.sujet['face-ombre'].length;
-			faceOmbreLength = datasArbres.sujet['face-ombre'].length;
+		let faceOmbre = '';
 		if ( 'string' === typeof datasArbres.sujet['face-ombre'] ) {
+		}
 		retour.push({ cle : 'face-ombre', valeur : faceOmbre });
+	}
 	retour.push({ cle : 'num_arbre' , valeur : datasArbres.obsNum });
-	var stockerImg  = this.valOk( datasArbres.sujet['miniature-img'] );
+	let stockerImg  = valOk( datasArbres.sujet['miniature-img'] );
 	if( stockerImg ) {
 		$.each( datasArbres.sujet['miniature-img'], function( i, paramsImg ) {
+	}
 	return retour;
 };
-ReleveASL.prototype.chargerInfosArbre = function( numArbre ) {
-	const lthis = this;
+ReleveASL.prototype.chargerInfosArbre = function( numArbre ) {
-	var desactiverForm = ( parseInt( numArbre ) !== ( this.numArbre + 1 ) );
+	const desactiverForm = ( parseInt( numArbre ) !== ( this.numArbre + 1 ) );
 	if ( desactiverForm ) {
-		var releveDatas = $.parseJSON( $( '#releve-data' ).val() ),
+		const releveDatas = $.parseJSON( $( '#releve-data' ).val() ),
-			arbreDatas  = releveDatas[numArbre],
+			arbreDatas    = releveDatas[numArbre];
-			taxon       = {item:{}},
+		let	taxon   = {},
-			imgHtml     = '';
+			imgHtml = '';
 		$( '#arbre-nb' ).text( numArbre + ' (visualisation)' );
 		taxon.item = arbreDatas.taxon;
 		this.surAutocompletionTaxon( {}, taxon );
-		var selects = [ 'certitude' ];
+		const selects = [ 'certitude' ];
 		if ( 'tb_lichensgo' !== this.projet ) {
 			selects.push( 'equipement-pied-arbre', 'tassement' );
 		}
 		$.each( selects, function( i, value ) {
-			if( !lthis.valOk( arbreDatas[value] ) ) {
+			if( !valOk( arbreDatas[value] ) ) {
 				arbreDatas[value] = '';
+			}
-			if ( $( this ).hasClass( 'other' ) && lthis.valOk( $( this ).val() ) ) {
+			if ( $( this ).hasClass( 'other' ) && valOk( $( this ).val() ) ) {
+	}
 	this.modeArbresBasculerActivation( desactiverForm, numArbre );
 };
 ReleveASL.prototype.modeArbresBasculerActivation = function( desactiver, numArbre = 0 ) {
-	var selecteurs =
+	let selecteurs =
 		'#taxon,'+
 		'#certitude,'+
 		'#geometry-arbres,'+
 		'#latitude-arbres,'+
 		$( '#geoloc-arbres,#bouton-fichier,#miniature-info' ).removeClass( 'hidden' );
 		$( '#geoloc-datas-arbres,#retour' ).addClass( 'hidden' );
 		// reset carto
 		// typeLocalisation = 'point',
 		// zoomInit = 18
-		var donnesResetCarto = {
+		const donnesResetCarto = {
 			cartoRemplacee : $( '#tb-geolocation-arbres' ),
 			geometry       : $( '#geometry-releve' ).val(),
 			latitude       : $( '#latitude-releve' ).val(),
 			longitude      : $( '#longitude-releve' ).val(),
 			suffixe        : 'arbres',
-			layer          : 'google hybrid'
+			layer          : 'googleHybrid',
+			zoomInit       : 18
 		};
 		this.transfererCarto( donnesResetCarto );
 		// retour aux valeurs par defaut
 		selecteurs = '#certitude option';
 		if ( 'tb_lichensgo' !== this.projet ) {
 			selecteurs += ',#equipement-pied-arbre option,#tassement option';
 // Géolocalisation *************************************************************/
 /**
  * Fonction handler de l'évenement location du module tb-geoloc
  */
 ReleveASL.prototype.locationHandler = function( location ) {
-	const lthis = this;
+	const lthis = this,
-	var isGeolocArbres = ( 'tb-geolocation-arbres' === location.target.id ),
+		isGeolocArbres = ( 'tb-geolocation-arbres' === location.target.id ),
 		locDatas       = location.originalEvent.detail;
-	if ( this.valOk( locDatas ) ) {
+	if ( valOk( locDatas ) ) {
 		console.dir( locDatas );
-		var rue          = ( this.valOk( locDatas.osmRoad ) ) ? locDatas.osmRoad : '';
+		const rue    = ( valOk( locDatas.osmRoad ) ) ? locDatas.osmRoad : '',
-		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 geometry     = JSON.stringify( locDatas.geometry );
+			geometry = JSON.stringify( locDatas.geometry );
-		var latitude     = '';
+		let latitude     = '',
-		var longitude    = '';
+			longitude    = '',
-		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 ) ) {
+			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 ( !isGeolocArbres ) {
-			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.osmCounty ) ) {
+			} else if ( valOk( locDatas.osmCounty ) ) {
 				nomCommune = locDatas.osmCounty;
+			}
 			$( '#rue' ).val( rue );
 			$( '#geometry-releve' ).val( geometry );
 			$( '#latitude-releve' ).val( latitude );
 			$( '#longitude-releve' ).val( longitude );
 			$( '#commune-nom' ).val( nomCommune );
 			$( '#commune-insee' ).val( communeInsee );
 			$( '#altitude-releve' ).val( altitude );
 			$( '#pays' ).val( pays );
-			if ( this.valOk( $( '#rue' ).val() ) && this.valOk( $( '#commune-nom' ).val() ) ) {
+			if ( valOk( $( '#rue' ).val() ) && valOk( $( '#commune-nom' ).val() ) ) {
 				$( '#geoloc-error' ).addClass( 'hidden' );
 				$( '#geoloc-datas' ).closest( '.control-group' ).removeClass( 'error' );
 			} else {
 						.removeClass( 'error' )
 						.find( '#error-drc' )
 							.remove();
+			}
 			$( '#rue,#commune-nom' ).change( function() {
-				if ( lthis.valOk( $( '#rue' ).val() ) && lthis.valOk( $( '#commune-nom' ).val() ) ) {
+				if ( valOk( $( '#rue' ).val() ) && valOk( $( '#commune-nom' ).val() ) ) {
 					$( '#geoloc-error' ).addClass( 'hidden' );
 				} else {
 					$( '#geoloc-error' ).removeClass( 'hidden' );
+				}
 			});
 			$( '#rue-arbres' ).val( rue );
 			$( '#geometry-arbres' ).val( geometry );
 			$( '#latitude-arbres' ).val( latitude );
 			$( '#longitude-arbres' ).val( longitude );
 			$( '#altitude-arbres' ).val( altitude );
-			if ( this.valOk( $( '#latitude-arbres' ).val() ) && this.valOk( $( '#longitude-arbres' ).val() ) ) {
+			if ( valOk( $( '#latitude-arbres' ).val() ) && valOk( $( '#longitude-arbres' ).val() ) ) {
 				$( '#geoloc-arbres' ).closest( '.control-group' ).removeClass( 'error' );
 			} else {
 				$( '#geoloc-arbres' ).closest( '.control-group' ).addClass( 'error' );
+			}
+		}
+		this.geoloc.map.setView([latitude, longitude], 18);
 	} else {
 		console.dir( 'Error location' );
+	}
 };
 // Form Validator *************************************************************/
-ReleveASL.prototype.validerMinMax = function( element ) {
-	var mMCond      = new Boolean(),
+ReleveASL.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 ),
+	let mnMxCond    = new Boolean(),
 		messageMnMx = 'La valeur entrée doit être',
 		returnMnMx  = { cond : true , message : '' };
 	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 ) )
 		) {
 /**
  * Valider date/rue/commune par rapport aux relevés précédents
  */
 ReleveASL.prototype.validerDateRueCommune = function( valeurDate, valeurRue, valeurCmn ) {
-	var valide = true;
+	let valide = true;
 	if (
-		this.valOk( $( '#dates-rues-communes' ).val() ) &&
+		valOk( $( '#dates-rues-communes' ).val() ) &&
-		this.valOk( valeurDate ) &&
+		valOk( valeurDate ) &&
-		this.valOk( valeurRue ) &&
+		valOk( valeurRue ) &&
-		this.valOk( valeurCmn )
+		valOk( valeurCmn )
 	) {
+		const valsEltDRC = $.parseJSON( $( '#dates-rues-communes' ).val() ),
-		var valsEltDRC = $.parseJSON( $( '#dates-rues-communes' ).val() ),
+			valeurDRC = valeurDate + valeurRue + valeurCmn;
 			valeurDRC = valeurDate + valeurRue + valeurCmn;
 		valide = ( -1 === valsEltDRC.indexOf( valeurDRC ) );
+	}
 	return valide;
 };
 /**
  * FormValidator pour les champs date/rue/Commune
  */
 ReleveASL.prototype.dateRueCommuneFormValidator = function() {
-	var dateValid    = ( /^(?:[0-9]{4}-[0-9]{2}-[0-9]{2})|(?:[0-9]{2}\/[0-9]{2}\/[0-9]{4})$/.test( $( '#releve-date' ).val() ) ),
+	const dateValid  = ( /^(?:[0-9]{4}-[0-9]{2}-[0-9]{2})|(?:[0-9]{2}\/[0-9]{2}\/[0-9]{4})$/.test( $( '#releve-date' ).val() ) ),
-		geolocValid  = ( this.valOk( $( '#commune-nom' ).val() ) && this.valOk( $( '#rue' ).val() ) );
+		geolocValid  = ( valOk( $( '#commune-nom' ).val() ) && valOk( $( '#rue' ).val() ) ),
-	const errorDateRue =
+		errorDateRue =
 	} else {
 		$( '#releve-date' )
 			.addClass( 'erreur' )
 			.closest( '.control-group' )
 				.addClass( 'error' );
-		if ( !this.valOk( $( '#releve-date' ).closest( '.control-group' ).find( '#error-drc' ) ) ) {
+		if ( !valOk( $( '#releve-date' ).closest( '.control-group' ).find( '#error-drc' ) ) ) {
 			$( '#releve-date' ).after( errorDateRue );
+		}
 		$( '#geoloc' ).closest( '.control-group' ).addClass( 'error' );
+	}
 	if ( dateValid ) {
 	$( '#form-observation' ).validate({
 		rules : {
 			'zone-pietonne' : {
 				required : function() {
-					return( 'tb_lichensgo' !== this.projet );
+					return( 'tb_lichensgo' !== lthis.projet );
 				},
 				minlength : 1
 			},
 			'latitude-releve' : {
 				required : true,
 				minlength : 1
 			},
 			'surface-pied' : {
 				required :  function() {
-					return( 'tb_lichensgo' !== this.projet );
+					return( 'tb_lichensgo' !== lthis.projet );
 				},
 				minlength : 1,
 				'minMaxOk' : true
 			},
 			'equipement-pied-arbre' : {
 				required :  function() {
-					return( 'tb_lichensgo' !== this.projet );
+					return( 'tb_lichensgo' !== lthis.projet );
 				},
 				minlength : 1
 			},
 			'face-ombre' : {
 				required :  function() {
-					return( 'tb_streets' !== this.projet );
+					return( 'tb_streets' !== lthis.projet );
 				},
 				minlength : 1
+			}
+		}
 	});
+			}
+		}
 	});
 	if ( 'tb_lichensgo' !== this.projet ) {
 		$( '#equipement-pied-arbre' ).change( function() {
-			if ( lthis.valOk( $( this ).val(), false, 'other' ) ) {
+			if ( valOk( $( this ).val(), false, 'other' ) ) {
 				$( this )
 					.closest( '.control-group' )
 						.removeClass( 'error' )
 						.find( 'span.error' )
 							.addClass( 'hidden' );
+			}
 		});
+	}
 	if ( 'tb_streets' !== this.projet ) {
 		$( '#face-ombre input' ).on( 'click', function() {
-			var oneIsChecked = false;
+			let oneIsChecked = false;
 			$( '#face-ombre input' ).each( function() {
 				if ( $( this ).is( ':checked' ) ) {
 					oneIsChecked = true;
 					return false;
+				}
 /**
  * Valide le formulaire Relevé (= étape 1) au click sur un bouton "enregistrer"
  */
 ReleveASL.prototype.validerReleve = function() {
-	const observateur = ( $( '#form-observateur' ).valid() && $( '#courriel' ).valid() )
+	const observateur = ( $( '#form-observateur' ).valid() && $( '#courriel' ).valid() ),
-	const obs         = $( '#form-observation' ).valid();
+		obs           = $( '#form-observation' ).valid(),
-	const geoloc      = (
+		geoloc        = (
-		this.valOk( $( '#latitude-releve' ).val() ) &&
+			valOk( $( '#latitude-releve' ).val() ) &&
-		this.valOk( $( '#longitude-releve' ).val() ) &&
+			valOk( $( '#longitude-releve' ).val() ) &&
-		this.valOk( $( '#rue' ).val() ) &&
+			valOk( $( '#rue' ).val() ) &&
-		this.valOk( $( '#commune-nom' ).val() )
+			valOk( $( '#commune-nom' ).val() )
-	) ;
+		);
+	let dateRue = true;
-	var dateRue = true;
-	if ( this.valOk( $( '#dates-rues-communes' ).val() ) ) {
+	if ( valOk( $( '#dates-rues-communes' ).val() ) ) {
 		dateRue = (
-			this.valOk( $( '#releve-date' ).val() ) &&
+			valOk( $( '#releve-date' ).val() ) &&
-			this.valOk( $( '#rue' ).val() ) &&
+			valOk( $( '#rue' ).val() ) &&
 			this.validerDateRueCommune( $( '#releve-date' ).val(), $( '#rue' ).val(), $( '#commune-nom' ).val() )
 		);
+	}
 	if ( !obs ) {
 	if ( dateRue && geoloc ) {
 		this.masquerPanneau( '#dialogue-date-rue-ko' );
 		$( '#geoloc-datas' ).closest( '.control-group' ).removeClass( 'error' );
 	} else {
 		if (
-			this.valOk( $( '#releve-date' ).val() ) &&
+			valOk( $( '#releve-date' ).val() ) &&
-			this.valOk( $( '#rue' ).val() ) &&
+			valOk( $( '#rue' ).val() ) &&
-			this.valOk( $( '#dates-rues-communes' ).val() )
+			valOk( $( '#dates-rues-communes' ).val() )
 		) {
 			this.afficherPanneau( '#dialogue-date-rue-ko' );
+		}
 		$( '#geoloc-datas' ).closest( '.control-group' ).addClass( 'error' );
+	}
 	if (
-		!this.valOk( $( '#releve-date' ).val() ) ||
+		!valOk( $( '#releve-date' ).val() ) ||
-		!this.valOk( $( '#rue' ).val() ) ||
+		!valOk( $( '#rue' ).val() ) ||
-		!this.valOk( $( '#dates-rues-communes' ).val() )
+		!valOk( $( '#dates-rues-communes' ).val() )
 	) {
 		this.masquerPanneau( '#dialogue-date-rue-ko' );
+	}
 	if ( geoloc ) {
 		this.masquerPanneau( '#dialogue-geoloc-ko' );
 /**
  * Valide le formulaire Arbres (= étape 2) au click sur un bouton "suivant"
  */
 ReleveASL.prototype.validerForm = function() {
-	const validerReleve = this.validerReleve();
+	const validerReleve = this.validerReleve(),
-	const geoloc      = (
+		geoloc          = (
-		this.valOk( $( '#latitude-arbres' ).val() ) &&
+			valOk( $( '#latitude-arbres' ).val() ) &&
-		this.valOk( $( '#longitude-arbres' ).val() )
+			valOk( $( '#longitude-arbres' ).val() )
-	);
+		),
-	const taxon = this.valOk( $( '#taxon' ).val() );
+		taxon = valOk( $( '#taxon' ).val() );
-	var piedArbre = true;
+	let piedArbre = true;
 	if ( 'tb_lichensgo' !== this.projet ) {
-		piedArbre = this.valOk( $( '#equipement-pied-arbre' ).val(), false, 'other' );
+		piedArbre = valOk( $( '#equipement-pied-arbre' ).val(), false, 'other' );
 		if ( piedArbre ) {
 			$( '#equipement-pied-arbre' )
 				.closest( '.control-group' )
 					.find( 'span.error' )
 						.removeClass( 'hidden' );
+		}
+	}
-	const obs   = (
+	const obs = (
 		$( '#form-arbres' ).valid() &&
 		$( '#form-arbre-fs' ).valid() &&
 		piedArbre

Subversion Repositories eFlore/Applications.cel

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