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

+import {WidgetsSaisiesCommun,utils} from './WidgetsSaisiesCommun.js';
+import {initialiserModule} from './InitialisationASL.js';
+import {valOk} from './Utils.js';
 /**
  * Constructeur WidgetsSaisiesASL par défaut
  * S'applique au squelette apa.tpl.html
  * Squelette de base d'apa streets et lg
  */
 // ASL : APA, sTREETs, Lichen's Go!
-function WidgetsSaisiesASL( proprietes ) {
+export function WidgetsSaisiesASL() {
+	WidgetsSaisiesCommun.call(this);
-	if  ( utils.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.serviceObsImgs                    = proprietes.serviceObsImgs;
+		this.serviceObsImgs                    = widgetProp.serviceObsImgs;
-		this.serviceObsImgUrl                  = proprietes.serviceObsImgUrl;
+		this.serviceObsImgUrl                  = widgetProp.serviceObsImgUrl;
-		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.msgs                              = utils.msgs;
+	}
 	this.urlRacine            = window.location.origin;
 	this.isASL                = true;
 	this.nbObsEnCours         = 1;
 	this.obsNbre              = 0;
 	this.releveDatas          = null;
 	this.urlBaseAuth          = null;
 	this.idUtilisateur        = null;
 	this.sujet                = null;
 	this.isTaxonListe         = false;
+	this.geoloc               = {};
+}
-WidgetsSaisiesASL.prototype = new WidgetsSaisiesCommun();
+WidgetsSaisiesASL.prototype = Object.create(WidgetsSaisiesCommun.prototype);
-/**
- * Initialise le formulaire, les validateurs, les listes de complétion...
- */
-WidgetsSaisiesASL.prototype.initForm = function() {
+WidgetsSaisiesASL.prototype.constructor = WidgetsSaisiesASL;
-	this.initFormConnection();
-};
 WidgetsSaisiesASL.prototype.initEvts = function() {
 	const lthis = this;
 	// initialisation des fonctions connexion utilisateur
 	this.initEvtsConnection();
 	// chargement plantes ou lichens
-	if ( this.valOk( $( '.charger-releve' ) ) ) {
+	if ( valOk( $( '.charger-releve' ) ) ) {
-		var btnChargementForm = this.determinerBtnsChargementForm( '.' );
+		const btnChargementForm = this.determinerBtnsChargementForm( '.' );
 		// #releve-data n'est pas modifié, bouton dans #releves-utilisateur
 		this.btnsChargerForm( btnChargementForm, false );
+	}
+};
+/**
+ * Initialise le formulaire, les validateurs, les listes de complétion...
+ */
+WidgetsSaisiesASL.prototype.initForm = function() {
+	this.initFormConnection();
 };
 WidgetsSaisiesASL.prototype.determinerBtnsChargementForm = function( typeSelecteur, ajouterBtnPoursuivre = false ) {
-	var complement       = '',
+	let complement       = '',
 		selecteurDefault = '',
 		separateur       = ',';
+	}
 	return typeSelecteur + selecteurDefault + complement;
 };
 WidgetsSaisiesASL.prototype.btnsChargerForm = function( btn, modifierReleveData = true, dansRelevesUtilisateur = true ) {
-	const lthis = this;
+	const lthis = this,
-	var bloc = ( dansRelevesUtilisateur ) ? '#releves-utilisateur' : '#charger-form';
+		bloc    = ( dansRelevesUtilisateur ) ? '#releves-utilisateur' : '#charger-form';
 	$( btn, bloc ).off().on( 'click', function( event ) {
 		event.preventDefault();
-		var thisWidgetObs = ( lthis.valOk( $( '#' + lthis.projet + '-obs' ).val() ) ) ? $.parseJSON( $( '#' + lthis.projet + '-obs' ).val() ) : [];
+		const thisWidgetObs = ( valOk( $( '#' + lthis.projet + '-obs' ).val() ) ) ? $.parseJSON( $( '#' + lthis.projet + '-obs' ).val() ) : [],
-		var nomSquelette  = $( this ).data( 'load' ),
+			nomSquelette    = $( this ).data( 'load' );
-			releveDatas   = '';
+		let releveDatas   = '';
 		$( '#charger-form' ).data( 'load', nomSquelette );
 		if ( modifierReleveData ) {
 			if ( '#bouton-nouveau-releve' !== btn ) {
 				$( '#bouton-nouveau-releve' ).removeClass( 'hidden' );
-				if ( lthis.valOk( thisWidgetObs ) ) {
+				if ( valOk( thisWidgetObs ) ) {
 			 		releveDatas = JSON.stringify( thisWidgetObs[ $( this ).data( 'releve' ) ] );
+			 	}
 			} else {
 				$( btn ).addClass( 'hidden' );
 			}
 			$( '#releve-data' ).val( releveDatas );
+		}
 		lthis.chargerForm( nomSquelette, lthis );
-		if ( lthis.valOk( thisWidgetObs ) ) {
+		if ( valOk( thisWidgetObs ) ) {
 			$( '#bouton-list-releves' ).removeClass( 'hidden' );
+		}
 		$( '#table-releves' ).addClass( 'hidden' );
-	});
-};
+	});
 };
 WidgetsSaisiesASL.prototype.chargerForm = function( nomSquelette, formObj ) {
-	const lthis = this;
+WidgetsSaisiesASL.prototype.chargerForm = function( nomSquelette, formObj ) {
 	const lthis = this,
-	var urlSquelette = this.urlWidgets + 'saisie?projet=' + this.projet + '&squelette=' + nomSquelette;
+		urlSquelette = this.urlWidgets + 'saisie?projet=' + this.projet + '&squelette=' + nomSquelette;
 	$.ajax({
 		url: urlSquelette,
 		type: 'get',
 		success: function( squelette ) {
 		case 'lichens' :
 			this.chargerFormPlantesOuLichens( squelette, nomSquelette );
 			break;
 		case 'arbres' :
 		default :
-			if ( this.valOk( this.sujet ) ) {
+			if ( valOk( this.sujet ) ) {
 				this.reinitialiserWidget( squelette );
 			} else {
 				this.chargerObsUtilisateur( squelette );
+			}
 		break;
+	}
 };
 WidgetsSaisiesASL.prototype.chargerFormPlantesOuLichens = function( squelette, nomSquelette ) {
-	if ( this.valOk( $( '#releve-data' ).val() ) ) {
+	if ( valOk( $( '#releve-data' ).val() ) ) {
+		$( '#charger-form' ).html( squelette );
-		$( '#charger-form' ).html( squelette );
+		initialiserModule(nomSquelette);
+		this.confirmerSortie();
 		this.confirmerSortie();
 		const releveDatas = $.parseJSON( $( '#releve-data' ).val() );
 		const nbArbres    = releveDatas.length -1;
-		for ( var i = 1; i <= nbArbres ; i++ ) {
+		for ( let i = 1; i <= nbArbres ; i++ ) {
 			$( '#choisir-arbre' ).append(
 				'<option value="' + i + '">'+
 					this.msgTraduction( 'arbre' ) + ' ' + i +
+	}
 };
 WidgetsSaisiesASL.prototype.reinitialiserWidget = function( squelette ) {
+	$( '#charger-form' ).html( squelette );
-	$( '#charger-form' ).html( squelette );
+	initialiserModule();
-	if ( this.valOk( $( '#releve-data' ).val() ) ) {
+	if ( valOk( $( '#releve-data' ).val() ) ) {
 		this.rechargerFormulaire();
+	}
 };
 /**
  * Infos des obs arbres de cet utilisateur
  */
 WidgetsSaisiesASL.prototype.chargerObsUtilisateur = function( formReleve ) {
-	const lthis = this;
+	const lthis = this,
-	var tagsMotsCles          = this.tagsMotsCles.split( ',' ),
+		tagsMotsCles        = this.tagsMotsCles.split( ',' ),
-		reprereAjoutTags    = tagsMotsCles.length - 1,
+		reprereAjoutTags    = tagsMotsCles.length - 1;
-		queryStringMotsCles = '';
+	let queryStringMotsCles = '';
 	$.each( tagsMotsCles , function( i, tag ) {
 	$.ajax({
 		url: urlObs,
 		type: 'GET',
 		success: function( dataObs, textStatus, jqXHR ) {
-			if ( !lthis.valOk( dataObs ) ) {
+			if ( !valOk( dataObs ) ) {
 				dataObs = '';
+			}
 			lthis.preformaterDonneesObs( dataObs );
 		},
 		error: function( jqXHR, textStatus, errorThrown ) {
-			lthis.activerModale( lthis.msgTraduction( 'erreur-chargement-obs-utilisateur' ) );
+			utils.activerModale( lthis.msgTraduction( 'erreur-chargement-obs-utilisateur' ) );
+		}
 	})
 	.always( function() {
+		$( '#charger-form' ).html( formReleve );
-		$( '#charger-form' ).html( formReleve );
+		initialiserModule();
 	});
 };
 /**
  * Préformater les données des obs d'un utilisateur
  */
 WidgetsSaisiesASL.prototype.preformaterDonneesObs = function( dataObs ) {
+	const lthis = this;
-	const lthis = this;
 	if ( valOk( dataObs ) ) {
-	if ( this.valOk( dataObs ) ) {
+		const tagsMotsCles = this.tagsMotsCles.split( ',' );
-		var projetObs  = [],
+		let projetObs  = [],
 			datRuComun = [],
-			obsArbres  = [],
-			projetObsE = {},
+			obsArbres  = [],
-			count      = 0,
+			projetObsE = {},
-			tagsMotsCles = this.tagsMotsCles.split( ',' );
+			count      = 0;
 		$.each( dataObs, function( i, obs ) {
 			if (
 				new RegExp( tagsMotsCles[0] ).test( obs.mots_cles_texte ) &&
 				new RegExp( tagsMotsCles[1] ).test( obs.mots_cles_texte ) &&
 				!/(:?plantes|lichens(?!go))/.test( obs.mots_cles_texte )
 			) {
-				if ( lthis.valOk( obs.obs_etendue ) ) {
+				if ( valOk( obs.obs_etendue ) ) {
 					$.each( obs.obs_etendue, function( indice, obsE ) {
+			}
 		});
 		// on insert les arbres dans les relevés en fonction de la date et la rue d'observation
 		// car les arbres pour un relevé (date/rue) n'ont pas forcément été enregistrés dans l'ordre ni le même jour
 		$.each( obsArbres, function( indexArbre, arbre ) {
-			for ( var indexReleve = 0; indexReleve < datRuComun.length; indexReleve++ ) {
+			for ( let indexReleve = 0; indexReleve < datRuComun.length; indexReleve++ ) {
 				if ( arbre.date_rue_commune  === datRuComun[indexReleve] ) {
 					projetObs[indexReleve].push( arbre );
+				}
+			}
 		});
-		if ( this.valOk( projetObs ) ) {
+		if ( valOk( projetObs ) ) {
 			this.prechargerLesObs( projetObs );
 			$( '#' + this.projet + '-obs' ).val( JSON.stringify( projetObs ) );
 			$( '#bouton-list-releves' ).removeClass( 'hidden' );
+		}
 		$( '#dates-rues-communes' ).val( JSON.stringify( datRuComun ) );
 /**
  * Stocke en Json les valeurs du relevé dans en value d'un input hidden
  */
 WidgetsSaisiesASL.prototype.formaterReleveData = function( releveDatas ) {
-	var releve  = [],
+	const obs  = releveDatas.obs,
-		obs  = releveDatas.obs,
+		obsE   = releveDatas.obsE;
-		obsE = releveDatas.obsE;
+	let releve = [];
 	releve[0] = {
 		utilisateur        : obs.ce_utilisateur,
 		'latitude-releve'  : obsE['latitude-releve'],
 		'longitude-releve' : obsE['longitude-releve'],
 		'altitude-releve'  : obsE['altitude-releve'],
 		commentaires       : obs.commentaire
 	};
 	if ( 'tb_lichensgo' !== this.projet ) {
 		releve[0]['zone-pietonne']    = obsE['zone-pietonne'];
 		releve[0]['pres-lampadaires'] = obsE['pres-lampadaires'];
+	}
 	return releve;
 };
 /**
  * Stocke en Json les valeurs d'une obs
  */
 WidgetsSaisiesASL.prototype.formaterArbreData = function( arbresDatas ) {
-	var retour = {},
+	const obs = arbresDatas.obs,
-		obs          = arbresDatas.obs,
+		obsE  = arbresDatas.obsE;
-		obsE         = arbresDatas.obsE,
+	let retour       = {},
+		miniatureImg = [];
-		miniatureImg = [];
-	if( this.valOk( obs['miniature-img'] ) ) {
+	if( valOk( obs['miniature-img'] ) ) {
 		miniatureImg = obs['miniature-img'];
-	} else if ( this.valOk( obsE['miniature-img'] ) ) {
+	} else if ( valOk( obsE['miniature-img'] ) ) {
 		miniatureImg = $.parseJSON( obsE['miniature-img'] );
+	}
+	}
 	return retour;
 };
 WidgetsSaisiesASL.prototype.prechargerLesObs = function( thisWidgetObs ) {
-	const lthis = this;
+	const lthis = this,
-	const $listReleve = $( '#list-releves' );
+		$listReleve = $( '#list-releves' ),
-	const TEXT_ARBRE = ' ' + this.msgTraduction( 'arbre' ).toLowerCase();
+		TEXT_ARBRE  = ' ' + this.msgTraduction( 'arbre' ).toLowerCase();
-	var nbArbres   = '',
+	let nbArbres   = '',
 		texteArbre = '',
 		releveHtml = '';
 			event.preventDefault();
 			$( '#table-releves' ).removeClass( 'hidden' );
 			$( this ).addClass( 'hidden' );
 	});
 	function boutonsChargerReleve( lthis, squelette, indice ) {
-		var boutonLichens =
+		const boutonLichens =
 				'<a href="" class="saisir-lichens btn btn-sm btn-info" data-releve="' + indice + '" data-load="lichens">'+
 					'<i class="far fa-snowflake"></i> ' + lthis.msgTraduction( 'saisir-lichens' )+
 				'</a> ',
-			boutonPlantes =
+			boutonPlantes   =
 				'<a href="" class="saisir-plantes btn btn-sm btn-info mb-1" data-releve="' + indice + '" data-load="plantes">'+
 					'<i class="fas fa-seedling"></i> ' + lthis.msgTraduction( 'saisir-plantes' )+
 				'</a> ';
 			default :
 				return boutonPlantes + boutonLichens;
+		}
 		return '';
+	}
 	$.each( thisWidgetObs, function( i, releve ) {
 		nbArbres = releve.length - 1;
 		texteArbre = ( 1 < nbArbres ) ? ( TEXT_ARBRE + 's' ) : TEXT_ARBRE;
 		releveHtml +=
 			'<tr class="table-light text-center">'+
 					'</a> '+
 					boutonsChargerReleve( lthis, lthis.projet, i ) +
 				'</td>'+
 			'</tr>';
 	});
 	$listReleve.append( releveHtml );
 	$( '#nb-releves-bienvenue' )
 		.removeClass( 'hidden' )
 		.find( 'span.nb-releves' )
 			.text( thisWidgetObs.length );
 };

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/saisie/squelettes/js/WidgetsSaisiesASL.js – Rev 3638 → 3844