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

 	// système de traduction minimaliste
 	this.msgs = {
 		fr: {
+			'format-non-supporte': 'Le format de fichier n\'est pas supporté, les formats acceptés sont',
-			'format-non-supporte': 'Le format de fichier n\'est pas supporté, les formats acceptés sont',
+			'image-deja-chargee' : 'Cette image a déjà été utilisée',
 			'date-incomplete': 'Format : jj/mm/aaaa. Date incomplète, utiliser 0, exemple : 00/12/2011.',
 			'observations-transmises': 'observations transmises',
 			'taxon-ou-image' : 'Veuillez transmettre au moins, soit une image, soit une espèce',
 			'supprimer-observation-liste': 'Supprimer cette observation de la liste à transmettre',
 			'lieu-dit' : 'Lieu-dit',
 			'station' : 'Station'
 		},
 		en: {
 			'format-non-supporte': 'The file format is not supported, the accepted formats are',
+			'image-deja-chargee' : 'This image has already been used',
 			'date-incomplete': 'Format: dd / mm / yyyy. Incomplete date, use 0, example: 00/12/2011.',
 			'observations-transmises': 'observations transmitted',
 			'taxon-ou-image' : 'Please transmit at least one image or one species',
 			'supprimer-observation-liste': 'Delete this observation from the list to be transmitted',
 			'milieu': 'Environment',
 /**
  * Initialise le formulaire, les validateurs, les listes de complétion...
  */
-WidgetSaisie.prototype.initForm = function() {
+WidgetSaisie.prototype.initForm = function() {
-	var lthis = this;
+	const lthis = this;
 	this.chargerStatutSSO();
 /**
  * Initialise les écouteurs d'événements
  */
 WidgetSaisie.prototype.initEvts = function() {
+	const lthis = this;
 	var lthis = this;
 	// Empêcher que le module carto ne bind ses events partout
-	$( '#tb-geolocation' ).on( 'submit blur click focus mousedown mouseleave mouseup touchend touchstart change', '*', function( event ) {
+	$( '#tb-geolocation' ).on( 'submit blur click focus mousedown mouseleave mouseup change', '*', function( event ) {
 		event.preventDefault();
 		return false;
+	});
-	});
+	$( '#tb-geolocation' ).on( 'location' , lthis.locationHandler.bind( lthis ) );
 	// identité
 	$( '#bouton-inscription' ).attr( 'href', this.urlSiteTb() + 'inscription' );
 			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
 		};
 		$( '#miniature' ).append( '<img id="miniature-chargement" class="miniature" alt="chargement" src="' + this.chargementImageIconeUrl + '"/>' );
-		$( '#ajouter-obs' ).attr( 'disabled', 'disabled' );
+		var imgCheminTmp    = $( '#fichier' ).val(),
-		if( lthis.verifierFormat( $( '#fichier' ).val() ) ) {
+			formatImgOk     = lthis.verifierFormat( imgCheminTmp ),
+			imgNonDupliquee = lthis.verifierDuplication( imgCheminTmp );
+		if( formatImgOk && imgNonDupliquee ) {
 			$( '#form-upload' ).ajaxSubmit( options );
 		} else {
 			$( '#form-upload' )[0].reset();
+			if ( !formatImgOk ) {
-			window.alert( lthis.msgTraduction( 'format-non-supporte' ) + ' ' + $( '#fichier' ).attr( 'accept' ) );
+				window.alert( lthis.msgTraduction( 'format-non-supporte' ) + ' ' + $( '#fichier' ).attr( 'accept' ) );
+			}
+			if ( !imgNonDupliquee ) {
+				window.alert( lthis.msgTraduction( 'image-deja-chargee' ) );
+			}
+		}
 		return false;
 	});
 /**
  * Interroge le SSO pour connaître le statut de l'utilisateur, et change le menu
  * à droite de la barre en fonction
  */
 WidgetSaisie.prototype.chargerStatutSSO = function() {
+	const lthis = this;
+	var urlAuth = this.urlBaseAuth + '/identite';
 	$( '#form-observateur' )[0].reset();
-	var lthis = this;
 	var urlAuth = this.urlBaseAuth + '/identite';
 	if( 'local' !== this.mode ) {
 		this.connexion( urlAuth, true );
 /**
  * Déconnecte l'utilisateur du SSO
  */
+WidgetSaisie.prototype.deconnecterUtilisateur = function() {
+  var urlAuth = this.urlBaseAuth + '/deconnexion';
 WidgetSaisie.prototype.deconnecterUtilisateur = function() {
   if( 'local' === this.mode ) {
 	this.definirUtilisateur();
 	window.location.reload();
 	return;
-  }
-  var urlAuth = this.urlBaseAuth + '/deconnexion';
+  }
   this.connexion( urlAuth, false );
 };
+WidgetSaisie.prototype.connexion = function( urlAuth, connexionOnOff ) {
-WidgetSaisie.prototype.connexion = function( urlAuth, connexionOnOff ) {
+	const lthis = this;
 	var lthis = this;
   $.ajax({
 	url: urlAuth,
 	type: "GET",
   return window.location.origin + urlPart;
 };
 // Identité Observateur par courriel
 WidgetSaisie.prototype.requeterIdentiteCourriel = function() {
+	const lthis = this;
 	var lthis = this;
 	var courriel = $( '#courriel' ).val();
+	var urlAnnuaire = this.serviceAnnuaireIdUrl + courriel;
 	var urlAnnuaire = this.serviceAnnuaireIdUrl + courriel;
 	if ( valeurOk( courriel ) ) {
 		$.ajax({
 			url : urlAnnuaire,
 			type : 'GET',
 WidgetSaisie.prototype.formaterNom = function() {
 	$( this ).val( $( this ).val().toUpperCase() );
 };
 WidgetSaisie.prototype.formaterPrenom = function() {
-	var prenom = new Array(),
+	var prenom     = new Array(),
-			mots = $( this ).val().split( ' ' ),
+		mots       = $( this ).val().split( ' ' ),
-			motsLength = mots.length;
+		motsLength = mots.length;
 	for ( var i = 0; i < motsLength; i++ ) {
 		var mot = mots[i];
 		if ( 0 <= mot.indexOf( '-' ) ) {
 			var prenomCompose = new Array(),
-					motsComposes = mot.split( '-' )
+				motsComposes = mot.split( '-' )
-					motsComposesLength = motsComposes.length;
+				motsComposesLength = motsComposes.length;
 			for ( var j = 0; j < motsComposesLength; j++ ) {
-				var motSimple = motsComposes[j],
+				var motSimple    = motsComposes[j],
-						motMajuscule = motSimple.charAt(0).toUpperCase() + motSimple.slice(1);
+					motMajuscule = motSimple.charAt(0).toUpperCase() + motSimple.slice(1);
 				prenomCompose.push( motMajuscule );
 	return false;
 };
 // Préchargement des infos-obs ************************************************/
+WidgetSaisie.prototype.chargerInfoObs = function() {
+	const lthis = this;
 WidgetSaisie.prototype.chargerInfoObs = function() {
-	var urlObs = this.serviceObsUrl + '/' + this.obsId;
+	var urlObs = this.serviceObsUrl + '/' + this.obsId;
 	var lthis = this;
 	$.ajax({
 		url: urlObs,
 		type: 'GET',
 		success: function( data, textStatus, jqXHR ) {
 					});
+		}
+	}
 };
 WidgetSaisie.prototype.surChangementValeurTaxon = function() {
 	var numNomSel = 0;
+	}
 };
 // Autocompletion taxons ******************************************************/
 WidgetSaisie.prototype.ajouterAutocompletionNoms = function() {
-	var lthis = this;
+	const lthis = this;
+	var taxonSelecteur = '#taxon';
 	var taxonSelecteur = '#taxon';
-	if ( valeurOk ( $( '#taxon-liste' ).val(), true, 'autre' ) ) {
+	if ( valeurOk( $( '#taxon-liste' ).val(), true, 'autre' ) ) {
 		taxonSelecteur += '-autre';
+	}
 	$( taxonSelecteur ).autocomplete({
 	$( taxonSelecteur ).on( 'autocompleteselect', this.surAutocompletionTaxon );
 };
 WidgetSaisie.prototype.getUrlAutocompletionNomsSci = function() {
+	var taxonSelecteur = '#taxon';
-	var taxonSelecteur = '#taxon';
-	if ( valeurOk ( $( '#taxon-liste' ).val(), true, 'autre' ) ) {
+	if ( valeurOk( $( '#taxon-liste' ).val(), true, 'autre' ) ) {
 		taxonSelecteur += '-autre';
+	}
 	var mots = $( taxonSelecteur ).val();
+	var url = this.serviceAutocompletionNomSciUrlTpl.replace( '{referentiel}', this.nomSciReferentiel );
 	var url = this.serviceAutocompletionNomSciUrlTpl.replace( '{referentiel}', this.nomSciReferentiel );
 	url = url.replace( '{masque}', mots );
 	return url;
 };
 WidgetSaisie.prototype.traiterRetourNomsSci = function( data ) {
+WidgetSaisie.prototype.traiterRetourNomsSci = function( data ) {
 	var taxonSelecteur = '#taxon';
 	var taxonSelecteur = '#taxon';
 	if ( valeurOk ( $( '#taxon-liste' ).val(), true, 'autre' ) ) {
 		taxonSelecteur += '-autre';
+	}
 		if ( ui.item.retenu ) {
 			$( '#taxon' ).addClass( 'ns-retenu' );
 		} else {
 			$( '#taxon' ).removeClass( 'ns-retenu' );
+		}
 		// Si l'espèce est mal déterminée la certitude est "à déterminer"
 		if( !valeurOk( $( '#taxon' ).data( 'numNomSel' ) ) ) {
 			$( '#certitude' ).find( 'option' ).each( function() {
 				if ( $( this ).hasClass( 'aDeterminer' ) ) {
 					$( this ).attr( 'selected', true );
+		}
+	}
 	$( '#taxon' ).trigger( 'change' );
 };
+// Géolocalisation *************************************************************/
+/**
+ * Fonction handler de l'évenement location du module tb-geoloc
+ */
+WidgetSaisie.prototype.locationHandler = function( location ) {
+	var locDatas = location.originalEvent.detail;
+	if ( valeurOk( locDatas ) ) {
+		console.log( locDatas );
+		var altitude      = ( valeurOk( locDatas.elevation ) ) ? locDatas.elevation : '';
+		var pays          = ( valeurOk( locDatas.osmCountryCode ) ) ? locDatas.osmCountryCode.toUpperCase() : 'FR';
+		var latitude      = '';
+		var longitude     = '';
+		var coordLineaire = '';
+		var nomCommune    = '';
+		var communeInsee  = '';
+		if ( valeurOk( locDatas.geometry.coordinates ) ) {
+			if ( 'Point' === locDatas.geometry.type ) {
+				if ( valeurOk( locDatas.geometry.coordinates[0] ) ) {
+					longitude = locDatas.geometry.coordinates[0];
+				}
+				if ( valeurOk( locDatas.geometry.coordinates[1] ) ) {
+					latitude = locDatas.geometry.coordinates[1];
+				}
+			} else if ( 'LineString' === locDatas.geometry.type ) {// on a besoin que d'un point de la rue
+				coordLineaire = JSON.stringify( locDatas.geometry.coordinates );
+				if ( valeurOk( locDatas.geometry.coordinates[0][0] ) ) {
+					longitude = locDatas.geometry.coordinates[0][0];
+				}
+				if ( valeurOk( locDatas.geometry.coordinates[0][1] ) ){
+					latitude = locDatas.geometry.coordinates[0][1];
+				}
+			}
+		}
+		if ( valeurOk( locDatas.inseeData ) ) {
+			nomCommune = locDatas.inseeData.nom;
+			communeInsee = ( valeurOk( locDatas.inseeData.code ) ) ? locDatas.inseeData.code : '';
+		} else if ( valeurOk( locDatas.locality ) ) {
+			nomCommune = locDatas.locality;
+		} else if ( valeurOk( locDatas.locality ) ) {
+			nomCommune = locDatas.osmCounty;
+		}
+		$( '#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 ( valeurOk( $( '#latitude' ).val() ) && valeurOk( $( '#longitude' ).val() ) ) {
+			$( '#geoloc' ).closest( '.control-group' ).removeClass( 'error' );
+		} else {
+			$( '#geoloc' ).closest( '.control-group' ).addClass( 'error' );
+		}
+	} else {
+		console.log( 'Error location' );
+	}
+}
 // Form Validator *************************************************************/
 WidgetSaisie.prototype.configurerFormValidator = function() {
-	var lthis = this;
+	const lthis = this;
 	$.validator.addMethod(
 		'dateCel',
 		function ( value, element ) {
 			return ( valeurOk( 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' )
-	);
+		lthis.msgTraduction( 'date-incomplete' )
 	);
 	$.validator.addMethod(
 		'userEmailOk',
 		function ( value, element ) {
 			return ( valeurOk( value ) );
 		},
-		''
-	);
+		''
 	);
 	$.validator.addMethod(
 		'minMaxOk',
 		function ( value, element, param ) {
 			$.validator.messages.minMaxOk = lthis.validerMinMax( element ).message;
 			return lthis.validerMinMax( element ).cond;
 		},
-		$.validator.messages.minMaxOk
-	);
+		$.validator.messages.minMaxOk
 	);
 	$.validator.addMethod(
 		'listFields',
 		function ( value, element ) {
 			return ( valeurOk( value ) );
 		},
-		''
-	);
+		''
 	);
 	$.extend( $.validator.defaults, {
 		errorElement: 'span',
 		onfocusout: function( element ) {
+		}
 	});
 };
 WidgetSaisie.prototype.chpEtendusValidation = function() {
+	const lthis = this;
 	var lthis = this;
 	var $thisForm = $( '#form-supp' ),
-			elements  =
+		elements  =
-				'.checkbox,'+
+			'.checkbox,'+
-				'.radio,'+
+			'.radio,'+
-				'.checkboxes,'+
+			'.checkboxes,'+
-				'.select,'+
+			'.select,'+
-				'textarea,'+
+			'textarea,'+
-				'input[type=text]:not(.collect-other),'+
+			'input[type=text]:not(.collect-other),'+
-				'input[type=email],'+
+			'input[type=email],'+
-				'input[type=number],'+
+			'input[type=number],'+
-				'input[type=range],'+
+			'input[type=range],'+
-				'input[type=date]',
+			'input[type=date]',
-			speFields = ['checkbox','radio','checkboxes','select'],
+		speFields = ['checkbox','radio','checkboxes','select'],
-			spefieldsCount = speFields.length,
+		spefieldsCount = speFields.length,
-			chpSuppValidation = {
+		chpSuppValidation = {
-				rules : {},
+			rules : {},
-				messages : {},
+			messages : {},
-				minmax : []
+			minmax : []
-			},
+		},
-			errors = {},
+		errors = {},
-			namesListFields = [],
+		namesListFields = [],
-			picked = '';
+		picked = '';
 	$( elements, $thisForm ).each( function() {
+		for( var fieldsClass = 0; spefieldsCount > fieldsClass; fieldsClass++ ) {
-		for( var fieldsClass = 0; spefieldsCount > fieldsClass; fieldsClass++ ) {
+			if ( valeurOk( $( this ).attr( 'required' ) ) && $( this ).hasClass( speFields[fieldsClass] ) && !valeurOk( chpSuppValidation.rules[ dataName ] ) ) {
 			if ( valeurOk( $( this ).attr( 'required' ) ) && $( this ).hasClass( speFields[fieldsClass] ) && !valeurOk( chpSuppValidation.rules[ dataName ] ) ) {
 				var dataName = $( this ).data( 'name' );
 				namesListFields.push( dataName );
-				chpSuppValidation.rules[ dataName ] = { required : true };
+				namesListFields.push( dataName );
 				chpSuppValidation.rules[ dataName ] = { required : true };
 				if ( valeurOk( $( '.other', $( this ) ) ) ) {
 					picked = ( 'select' === speFields[fieldsClass] ) ? ':selected' : ':checked';
+			}
+		}
 		if ( valeurOk( $( this ).attr( 'name' ) ) && valeurOk ( $( this ).attr( 'required' ) ) && 0 > $.inArray( $( this ).attr( 'name' ) , namesListFields ) ) {
 			chpSuppValidation.rules[ $( this ).attr( 'name' ) ] = { required : true, minlength: 1 };
 			if(
-					( valeurOk( $( this ).attr( 'type' ), true, 'number' ) || valeurOk( $( this ).attr( 'type' ), true, 'range' ) ) &&
+				( valeurOk( $( this ).attr( 'type' ), true, 'number' ) || valeurOk( $( this ).attr( 'type' ), true, 'range' ) ) &&
-					( valeurOk( $( this )[0].min ) || valeurOk( $( this )[0].max ) )
+				( valeurOk( $( this )[0].min ) || valeurOk( $( this )[0].max ) )
-				) {
+			) {
 				chpSuppValidation.rules[ $( this ).attr('name') ]['minMaxOk'] = true;
 				chpSuppValidation.messages[ $( this ).attr('name') ] = lthis.validerMinMax( $( this )[0] ).message;
+			}
+		}
 	});
 };
 WidgetSaisie.prototype.validerMinMax = function( element ) {
 	var mMCond      = new Boolean(),
-			minCond     = parseFloat( element.value ) >= parseFloat( element.min ),
+		minCond     = parseFloat( element.value ) >= parseFloat( element.min ),
-			maxCond     = parseFloat( element.value ) <= parseFloat( element.max ),
+		maxCond     = parseFloat( element.value ) <= parseFloat( element.max ),
-			messageMnMx = 'La valeur entrée doit être',
+		messageMnMx = 'La valeur entrée doit être',
-			returnMnMx  = { cond : true , message : '' };
+		returnMnMx  = { cond : true , message : '' };
 	if(
-			( valeurOk( element.type, true, 'number' ) || valeurOk( element.type, true, 'range' ) ) &&
+		( valeurOk( element.type, true, 'number' ) || valeurOk( element.type, true, 'range' ) ) &&
-			( valeurOk( element.min ) || valeurOk( element.max ) )
+		( valeurOk( element.min ) || valeurOk( element.max ) )
-		) {
+	) {
 		if ( element.min && element.max ) {
 			messageMnMx += ' comprise entre ' + element.min + ' et ' + element.max;
 };
 WidgetSaisie.prototype.definirReglesFormValidator = function() {
-	var formSuppValidation = this.chpEtendusValidation(),
+	const lthis = this;
-		lthis = this;
+	var formSuppValidation = this.chpEtendusValidation();
 		rules : formSuppValidation.rules,
 		messages : formSuppValidation.messages,
 		errorPlacement : function( error , element ) {
 			if ( 0 < Object.keys( formSuppValidation.errors ).length ) {
 				var errorsKeys = Object.keys( formSuppValidation.errors ),
-						thisKey = '',
+					thisKey = '',
-						errorsFlag = true;
+					errorsFlag = true;
 				for ( i = 0 ; i < errorsKeys.length ; i++ ) {
 					thisKey = errorsKeys[i];
 					if( $( element ).attr( 'name' ) === thisKey ) {
 						$( formSuppValidation.errors[thisKey] ).append( error );
 						errorsFlag = false;
 			} else {
 				error.insertAfter( element );
+			}
+		}
 	});
 	$( '#form-supp .select' ).change( function() {
 		$( this ).valid();
 	});
 	$( 'input[type=date]' ).on( 'input', function() {
 		$( this ).valid();
 	});
 	// Validation Taxon si pas de miniature
 	$( '#taxon' ).on( 'change', function() {
 		var images = valeurOk( $( '#miniatures .miniature' ) );
 		lthis.validerTaxonImage( valeurOk( $( this ).val() ), images );
 	});
 	// Validation miniatures avec MutationObserver
 	this.surPresenceAbsenceMiniature();
 	$( '#form-observation' ).validate({
 		rules : {
 			date_releve : {
 				required : true,
 				'dateCel' : true
 				minlength : 1,
 				range : [-180, 180]
+			}
+		}
 	});
 	$( '#form-observateur' ).validate({
 		rules : {
 			courriel : {
 				required : true,
 				email : true,
 				required : true,
 				equalTo : '#courriel'
+			}
+		}
 	});
 	$( '#connexion,#bouton-inscription,#bouton-anonyme' ).click( function( event ) {
 		$( '.nav.control-group' ).removeClass( 'error' );
 	});
 };
+	}
 	return ( images || taxon );
 };
 WidgetSaisie.prototype.surPresenceAbsenceMiniature = function() {
-	var 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' );
 	// Fonction callback à éxécuter quand une mutation est observée
 	var callback = function( mutationsList ) {
+		for( var mutation of mutationsList ) {
-		for( var mutation of mutationsList ) {
+			var taxon = valeurOk( $( '#taxon' ).val() );
 			var taxon = valeurOk( $( '#taxon' ).val() );
 			images = ( 0 < mutation.target.childElementCount );
 			lthis.validerTaxonImage( taxon, images );
+		}
 		$( '.nav.control-group' ).removeClass( 'error' );
 	} else {
 		this.afficherPanneau( '#dialogue-utilisateur-non-identifie' );
 		$( '.nav.control-group' ).addClass( 'error' );
+	}
 	return ( observateur && obs && geoloc && taxonOuImage && chpsSupp );
 };
 // Fichier Images *************************************************************/
 WidgetSaisie.prototype.afficherMiniature = function( reponse ) {
 	if ( this.debug ) {
 		var debogage = $( 'debogage', reponse ).text();
 		//console.log( 'Débogage upload : '+debogage);
+	}
 	var message = $( 'message', reponse ).text();
 	if ( valeurOk( message ) ) {
 		$( '#miniature-msg' ).append( message );
 	} else {
 		$( '#miniatures' ).append( this.creerWidgetMiniature( reponse ) );
+	}
 /**
  * Crée la miniature d'une image temporaire (formulaire), avec le bouton pour l'effacer
  */
 WidgetSaisie.prototype.creerWidgetMiniature = function( reponse ) {
 	var miniatureUrl = $( 'miniature-url', reponse ).text();
-	var imgNom = $( 'image-nom', reponse ).text();
+	var imgNom       = $( 'image-nom', reponse ).text();
-	var html =
+	var html         =
 		'<div class="miniature mb-3 mr-3">'+
 			'<img class="miniature-img" class="miniature img-rounded" alt="' + imgNom + '" src="' + miniatureUrl + '"/>'+
 			'<a class="effacer-miniature"><i class="far fa-trash-alt"></i></a>'+
 		'</div>';
 	return html;
 };
 /**
  * Retourne true si l'extension de l'image 'nom' est .jpg ou .jpeg
  */
 WidgetSaisie.prototype.verifierFormat = function( nom ) {
+	var parts = nom.split( '.' );
 	var parts = nom.split( '.' );
 	extension = parts[ parts.length - 1 ];
 	return ( 'jpeg' === extension.toLowerCase() || 'jpg' === extension.toLowerCase() );
 };
+/**
+ * Check les miniatures déjà téléchargées
+ * renvoie false si le même nom est rencontré 2 fois
+ * renvoie true sinon
+ */
+WidgetSaisie.prototype.verifierDuplication = function( cheminTmp ) {
+	var parts        = cheminTmp.split( '\\' ),
+		nomImage     = parts[ parts.length - 1 ],
+		thisSrcParts = [],
+		thisNomImage = '',
+		nonDupliquee = true;
+	$( 'img.miniature-img,img.miniature' ).each( function() {
+		// vérification avec alt de l'image
+		if ( valeurOk( $( this ).attr ( 'alt' ), true, nomImage ) ) {
+			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', '' );
+			if ( valeurOk( thisNomImage, true, nomImage ) ) {
+				nonDupliquee = false;
+				return false;
+			}
+		}
+	});
+	return nonDupliquee;
+};
 /**
  * Efface une miniature (formulaire)
  */
 WidgetSaisie.prototype.supprimerMiniature = function( miniature ) {
 WidgetSaisie.prototype.surChangementReferentiel = function() {
 	this.nomSciReferentiel = $( '#referentiel' ).val();
 	//réinitialise taxon.val
 	$( '#taxon' ).val( '' );
 	$( '#taxon' ).data( 'numNomSel', '' );
-	// this.initialiserAutocompleteCommune();
-	// this.initialiserGoogleMap( false );
 };
 // Ajouter Obs ****************************************************************/
 /**
 WidgetSaisie.prototype.ajouterObs = function() {
 	// Fermeture automatique des dialogue de transmission de données
 	// @WARNING TEST
 	$( '#dialogue-obs-transaction-ko' ).addClass( 'hidden' );
 	$( '#dialogue-obs-transaction-ok' ).addClass( 'hidden' );
 	if ( this.validerFormulaire() ) {
 		this.masquerPanneau( '#dialogue-form-invalide' );
 		this.obsNbre = this.obsNbre + 1;
 		$( '.obs-nbre' ).text( this.obsNbre );
 		$( '.obs-nbre' ).triggerHandler( 'changement' );
 /**
  * Affiche une observation dans la liste des observations à transmettre
  */
-WidgetSaisie.prototype.afficherObs = function() {
 WidgetSaisie.prototype.afficherObs = function() {
 	var numNomSel = $( '#taxon' ).data( 'numNomSel' ),
-			taxon = $( '#taxon' ).val(),
+		taxon = $( '#taxon' ).val(),
-			referentiel = '',
+		referentiel = '',
-			commune = '',
+		commune = '',
-			inseeLatitudeLongitude = '',
+		inseeLatitudeLongitude = '',
-			lieudit = '',
+		lieudit = '',
-			station = '',
+		station = '',
-			milieu = '',
+		milieu = '',
-			commentaires = '';
+		commentaires = '';
 	if ( valeurOk( numNomSel ) ) {
 		referentiel = '<span class="referentiel-obs">' + '[' + this.nomSciReferentiel + ']' + '</span>';
+	}
 	if ( valeurOk( $( '#milieu' ).val() ) ) {
 		milieu = '<span>' + this.msgTraduction( 'milieu' ) + ' :</span> ' + $( '#milieu' ).val() + ' ';
+	}
 	if ( valeurOk( $( '#notes' ).val() ) ) {
-		commentaires = this.msgTraduction( 'commentaires' ) + ' : <span class="discretion">' + $( '#notes' ).val() + '</span>' + ' ';
+		commentaires = this.msgTraduction( 'commentaires' ) + ' : <span>' + $( '#notes' ).val() + '</span>' + ' ';
+	}
 	var responsivDiff1 = '',
-			responsivDiff2 = '',
+		responsivDiff2 = '',
-			responsivDiff3 = '',
+		responsivDiff3 = '',
-			responsivDiff4 = '',
+		responsivDiff4 = '',
-			responsivDiff5 = '',
+		responsivDiff5 = '',
-			responsivDiff6 = '';
+		responsivDiff6 = '';
 	if ( window.matchMedia( '(min-width: 576px)' ).matches ) {
 		/* La largeur minimum de l'affichage est 600 px inclus */
 		responsivDiff1 = ' droite';
 		responsivDiff2 = '<div></div>';
 				'<div class="defilement-miniatures">'+
 					'<figure class="centre">'+
 						'<img class="miniature align-middle" alt="Aucune photo" src="' + this.pasDePhotoIconeUrl + '" width="80%" />'+
 					'</figure>'+
 				'</div>',
-			miniatures   = '',
+		miniatures   = '',
-			premiere     = true,
+		premiere     = true,
-			centre       = '';
+		centre       = '';
-			defilVisible = '';
+		defilVisible = '';
 	if ( valeurOk( $( '#miniatures img' ) ) ) {
+		$( '#miniatures img' ).each( function() {
-		$( '#miniatures img' ).each( function() {
+			var imgVisible = ( premiere ) ? 'miniature-selectionnee' : 'miniature-cachee',
+				css        = ( $( this ).hasClass( 'b64' ) ) ? 'miniature b64' : 'miniature',
+				src        = $( this ).attr( 'src' ),
+				alt        = $( this ).attr( 'alt' ),
+				miniature  = '<img class="' + css + ' ' + imgVisible + ' align-middle"  alt="' + alt + '"src="' + src + '" width="80%" />';
 			var imgVisible = ( premiere ) ? 'miniature-selectionnee' : 'miniature-cachee';
-			premiere = false;
-			var css        = ( $( this ).hasClass( 'b64' ) ) ? 'miniature b64' : 'miniature',
-					src        = $( this ).attr( 'src' ),
-					alt        = $( this ).attr( 'alt' ),
+			premiere = false;
 					miniature  = '<img class="' + css + ' ' + imgVisible + ' align-middle"  alt="' + alt + '"src="' + src + '" width="80%" />';
 			miniatures += miniature;
 		});
 		if ( 1 === $( '#miniatures img' ).length ) {
-			centre       = 'centre';
+			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>'+
 	return nn;
 };
 WidgetSaisie.prototype.stockerObsData = function() {
-	var lthis = this;
+	const lthis = this;
 	var 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 = ( !valeurOk( numNomSel ) ) ? 'autre' : this.nomSciReferentiel;
+		referentiel = ( !valeurOk( numNomSel ) ) ? 'autre' : this.nomSciReferentiel;
 		'commune_nom'        : $( '#commune-nom' ).val(),
 		'commune_code_insee' : $( '#commune-insee' ).val(),
 		'latitude'           : $( '#latitude' ).val(),
 		'longitude'          : $( '#longitude' ).val(),
 		'altitude'           : $( '#altitude' ).val(),
-// début valeurs pour test:
-		// 'commune_nom'        : 'Montpellier',
-		// 'commune_code_insee' : '34172',
-		// 'latitude'           : '43.608320',
-		// 'longitude'          : '3.880196',
-		// 'altitude'           : '0',
-//fin valeurs pour test
 		'lieudit'            : $( '#lieudit' ).val(),
 		'station'            : $( '#station' ).val(),
 		'milieu'             : $( '#milieu' ).val(),
 		//Ajout des champs images
 		'image_nom'          : lthis.getNomsImgsOriginales(),
 	});
 };
 WidgetSaisie.prototype.getNomsImgsOriginales = function() {
+	var noms = new Array();
 	var noms = new Array();
 	$( '.miniature-img' ).each( function() {
 		noms.push( $( this ).attr( 'alt' ) );
 	});
 	return noms;
 };
+WidgetSaisie.prototype.getB64ImgsOriginales = function() {
-WidgetSaisie.prototype.getB64ImgsOriginales = function() {
+	var b64 = new Array();
 	var b64 = new Array();
 	$( '.miniature-img' ).each( function() {
 		if ( $( this ).hasClass( 'b64' ) ) {
 			b64.push( $( this ).attr( 'src' ) );
 /**
  * Retourne un Array contenant les valeurs des champs étendus
  */
 WidgetSaisie.prototype.getObsChpEtendus = function() {
 	var champs    = new Array(),
-			$thisForm = $( '#form-supp' ),
+		$thisForm = $( '#form-supp' ),
-			elements  =
+		elements  =
-				'input[type=text]:not(.collect-other),'+
+			'input[type=text]:not(.collect-other),'+
-				'input[type=checkbox]:checked,'+
+			'input[type=checkbox]:checked,'+
-				'input[type=radio]:checked,'+
+			'input[type=radio]:checked,'+
-				'input[type=email],'+
+			'input[type=email],'+
-				'input[type=number],'+
+			'input[type=number],'+
-				'input[type=range],'+
+			'input[type=range],'+
-				'input[type=date],'+
+			'input[type=date],'+
-				'textarea,'+
+			'textarea,'+
-				'.select',
+			'.select',
-			retour    = new Array();
+		retour    = new Array();
 	$( elements, $thisForm ).each( function() {
 		if ( valeurOk( $( this ).val() ) && ( valeurOk( $( this ).attr( 'name' ) ) || valeurOk( $( this ).data( 'name' ) ) ) ) {
 			var valeur = $( this ).val(),
-					cle    = ( valeurOk( $( this ).attr( 'name' ) ) ) ? $( this ).attr( 'name' ) : $( this ).data( 'name' );
+				cle    = ( valeurOk( $( 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 ( var key in champs ) {
+		retour.push({ 'cle' : key , 'valeur' : champs[key] });
+	}
+	if ( valeurOk( $( '#coord-lineaire' ).val() ) ) {
-		retour.push({ 'cle' : key , 'valeur' : champs[key] });
+		retour.push({ 'cle' : 'coordonnees-rue-ou-lineaire' , 'valeur' : $( '#coord-lineaire' ).val() });
 	};
 	return retour;
 };
 		this.afficherPanneau( '#dialogue-bloquer-creer-obs' );
+	}
 };
-WidgetSaisie.prototype.defilerMiniatures = function( element ) {
 WidgetSaisie.prototype.defilerMiniatures = function( element ) {
+	var miniatureSelectionne = element.siblings( 'figure' ).find( 'img.miniature-selectionnee' );
 	var miniatureSelectionne = element.siblings( 'figure' ).find( 'img.miniature-selectionnee' );
 	miniatureSelectionne.removeClass( 'miniature-selectionnee' );
 	miniatureSelectionne.addClass( 'miniature-cachee' );
 	miniatureAffichee.removeClass( 'miniature-cachee' );
 };
 WidgetSaisie.prototype.supprimerObs = function( selector ) {
+	var obsId = $( selector ).val();
 	var obsId = $( selector ).val();
 	// Problème avec IE 6 et 7
 	if ( 'Supprimer' === obsId ) {
 		obsId = $( selector ).attr( 'title' );
+	}
 WidgetSaisie.prototype.supprimerObsParId = function( obsId ) {
 	this.obsNbre = this.obsNbre - 1;
 	$( '.obs-nbre' ).text( this.obsNbre );
 	$( '.obs-nbre' ).triggerHandler( 'changement' );
 	$( '.obs' + obsId ).remove();
+	obsId = parseInt( obsId );
+	var listObsData = $( '#liste-obs' ).data(),
+		exId        = 0,
+		indexObs    = '',
+		exIndexObs  = '';
+	for ( var id = obsId; id <= ( this.obsNbre + 1 ); id++ ) {
+		exId       = parseInt( id ) + 1;
+		indexObs   = 'obsId' + id;
+		exIndexObs = 'obsId' + exId;
-	$( '#liste-obs' ).removeData( 'obsId' + obsId );
+		$( '#liste-obs' ).removeData( indexObs );
+		if ( valeurOk( listObsData[ exIndexObs ] ) ) {
+			$( '#liste-obs' ).data( indexObs, listObsData[ exIndexObs ] );
+		}
+		$( '#obs' + exId )
+			.attr( 'id', 'obs' + id )
+			.removeClass( 'obs' + exId )
+			.addClass( 'obs' + id )
+			.find( '.supprimer-obs' )
+				.attr( 'title', 'Observation n°' + id )
+				.val( id );
+		if ( parseInt( id ) !== this.obsNbre ) {
+			id = parseInt( id );
+		}
+	}
 };
 WidgetSaisie.prototype.transmettreObs = function() {
+	var observations = $( '#liste-obs' ).data();
 	var observations = $( '#liste-obs' ).data();
 	if ( this.debug ) {
 		console.log( observations );
+	}
 	if ( !valeurOk( typeof observations, true, 'object' ) ) {
 	return false;
 };
 WidgetSaisie.prototype.depilerObsPourEnvoi = function() {
+	var observations = $( '#liste-obs' ).data();
 	var 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
 		var obsATransmettre = {
 			'projet'  : this.tagProjet,
 			'tag-obs' : this.tagObs,
 			'tag-img' : this.tagImg
 		};
-		var utilisateur = {
+		var utilisateur     = {
 			id_utilisateur : $( '#id_utilisateur' ).val(),
 			prenom         : $( '#prenom' ).val(),
 			nom            : $( '#nom' ).val(),
 			courriel       : $( '#courriel' ).val()
 		};
 		obsATransmettre['utilisateur'] = utilisateur;
 		obsATransmettre[obsNum] = observations[obsNum];
 		var idObsNumerique = obsNum.replace( 'obsId', '' );
 		if( '' !== idObsNumerique ) {
 			this.envoyerObsAuCel( idObsNumerique, obsATransmettre );
+		}
 		break;
+	}
 };
 WidgetSaisie.prototype.envoyerObsAuCel = function( idObs, observation ) {
-	var lthis = this;
+	const lthis = this;
 	var erreurMsg = '';
 	var erreurMsg = '';
 	$.ajax({
 		url        : lthis.serviceSaisieUrl,
 		type       : 'POST',
 			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?'+
 					'subject=Dysfonctionnement du widget de saisie ' + lthis.tagProjet+
 					'&body=' + erreurMsg + '%0D%0ADébogage :%0D%0A' + debugMsg;
 				// mise en valeur de l'obs en erreur + scroll vers celle ci en changeant le hash
-				$( '#obs' + idObs + ' div div' ).addClass( 'obs-erreur' );
-				window.location.hash = 'obs' + idObs;
 				$( '#obs' + idObs + ' div div' ).addClass( 'obs-erreur' );
 				$( '#dialogue-obs-transaction-ko .alert-txt' ).append(
 					$( '#tpl-transmission-ko' ).clone()
 						.find( '.courriel-erreur' )
 						.attr( 'href', hrefCourriel )
 				if( 0 === lthis.obsNbre ) {
 					setTimeout( function() {
 						$( '#chargement' ).addClass( 'hidden' );
 						$( '#dialogue-obs-transaction-ok .alert-txt' ).append( $( '#tpl-transmission-ok' ).clone().html() );
 						$( '#dialogue-obs-transaction-ok' ).removeClass( 'hidden' );
-						window.location.hash = 'dialogue-obs-transaction-ok';
 						lthis.initialiserObs.bind( lthis );
 					}, 1500 );
+				}
+			}
+		}
  * 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".
  */
 WidgetSaisie.prototype.msgTraduction = function( cle ) {
 	var msg = 'N/A';
 	if ( this.msgs ) {
 		if ( this.langue in this.msgs && cle in this.msgs[this.langue] ) {
 			msg = this.msgs[this.langue][cle];
 		} else if ( cle in this.msgs['fr'] ) {
 			msg = this.msgs['fr'][cle];
 * @param { boolean } sensComparaison : true = rechercher, false = refuser
 * @param { string || number || object || undefined || boolean } comparer :valeur à comparer
 * @returns {boolean}
 */
 function valeurOk( valeur, sensComparaison = true, comparer = undefined ) {
 	if ( 'boolean' !== typeof valeur ) {
 		switch( typeof valeur ) {
 			case 'string' :
 				retour = ( '' !== valeur );
 			 break;
  * @param jqXHR
  * @returns {String}
  */
 function extraireEnteteDebug( jqXHR ) {
 	var msgDebug = '';
 	if ( '' !== 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';
 			});
+		}
 	var proto = $.ui.autocomplete.prototype,
 		initSource = proto._initSource;
 	WidgetSaisie.prototype.filter = function( array, term ) {
+		var matcher = new RegExp( $.ui.autocomplete.escapeRegex( term ), 'i' );
 		var matcher = new RegExp( $.ui.autocomplete.escapeRegex( term ), 'i' );
 		return $.grep( array, function( value ) {
 			return matcher.test( $( '<div>' ).html( value.label || value.value || value ).text() );
 		});
+	}

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/saisie2/squelettes/js/WidgetSaisie.js – Rev 3292 → 3330