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

 	this.separationTagObs = null;
 	this.obsId = null;
 	this.serviceSaisieUrl = null;
 	this.serviceObsUrl = null;
 	this.nomSciReferentiel = null;
-	this.especeImposee = null;
+	this.especeImposee = false;
 	this.infosEspeceImposee = null;
 	this.autocompletionElementsNbre = null;
 	this.referentielImpose = null;
 	this.serviceAutocompletionNomSciUrl = null;
 	this.serviceAutocompletionNomSciUrlTpl = null;
  */
 WidgetSaisie.prototype.init = function() {
 	this.initCarto();
 	this.initForm();
 	this.initEvts();
+	this.requeterIdentite();
 };
 /**
  * Initialise la cartographie
  */
 WidgetSaisie.prototype.initCarto = function() {
 	this.initialiserGoogleMap();
+	this.initialiserAutocompleteCommune();
+	$("#carte-recherche").autocomplete({
+		//Cette partie utilise geocoder pour extraire des valeurs d'adresse
+		source: function(request, response) {
+			geocoderOptions.address = request.term + addressSuffix;
+			console.log('Geocoder options', geocoderOptions);
+			lthis.geocoder.geocode( geocoderOptions, function(results, status) {
+				if (status == google.maps.GeocoderStatus.OK) {
+					response($.map(results, function(item) {
+						var retour = {
+							label: item.formatted_address,
+							value: item.formatted_address,
+							latitude: item.geometry.location.lat(),
+							longitude: item.geometry.location.lng()
+						};
+						return retour;
+					}));
+				} else {
+					lthis.afficherErreurGoogleMap(status);
+				}
+			});
+		},
+		// Cette partie est executee a la selection d'une adresse
+		select: function(event, ui) {
+			var latLng = new google.maps.LatLng(ui.item.latitude, ui.item.longitude);
+			lthis.deplacerMarker(latLng);
+		}
-	this.initialiserAutocompleteCommune();
+	});
+}
 /**
  * Initialise le formulaire, les validateurs, les listes de complétion...
  */
+WidgetSaisie.prototype.initForm = function() {
-WidgetSaisie.prototype.initForm = function() {
+	if (this.obsId != '') {
-	if (this.obsId != '') {
+		console.log('obsId: (' + typeof obsId + ') : ' + obsId);
 		this.chargerInfoObs();
+	}
-	this.configurerDatePicker();
+	this.configurerDatePicker('#date');
 	this.ajouterAutocompletionNoms();
 	});
 	// identité
 	$("#courriel").on('blur', this.requeterIdentite.bind(this));
 	$("#courriel").on('keypress', this.testerLancementRequeteIdentite.bind(this));
 	$(".alert .close").on('click', this.fermerPanneauAlert);
-	$("[rel=tooltip]").tooltip('enable');
+	$(".has-tooltip").tooltip('enable');
 	$("#btn-aide").on('click', this.basculerAffichageAide);
 	$("#prenom").on("change", this.formaterPrenom.bind(this));
 	$("#nom").on("change", this.formaterNom.bind(this));
 	if (this.debug == false) {
 		$(window).on('beforeunload', function(event) {
 			return 'Êtes vous sûr de vouloir quiter la page?\nLes observations saisies mais non transmises seront perdues.';
 		});
+	}
+	// Autocompletion du champ adresse
+	$("#carte-recherche").on('focus', function() {
+		$(this).select();
+	});
+	$("#carte-recherche").on('mouseup', function(event) {// Pour Safari...
+		event.preventDefault();
+	});
+	$("#carte-recherche").keypress(function(e) {
+		if (e.which == 13) {
+			e.preventDefault();
+		}
+	});
+}
 /**
  * Retourne true si l'extension de l'image "nom" est .jpg ou .jpeg
 		'</div>'
 	return html;
 };
+/**
+ * Efface une miniature (formulaire)
+ */
+WidgetSaisie.prototype.supprimerMiniature = function(miniature) {
+	miniature.parents('.miniature').remove();
+}
 /**
  * Efface toutes les miniatures (formulaire)
  */
 WidgetSaisie.prototype.supprimerMiniatures = function() {
 	$("#miniatures").empty();
 		case 'bdtfx':
 		case 'bdtxa':
 			geocoderOptions.region = 'fr';
 			addressSuffix = ', France';
+	}
-	$("#carte-recherche").autocomplete({
-		//Cette partie utilise geocoder pour extraire des valeurs d'adresse
-		source: function(request, response) {
-			geocoderOptions.address = request.term + addressSuffix;
-			console.log('Geocoder options', geocoderOptions);
-			lthis.geocoder.geocode( geocoderOptions, function(results, status) {
-				if (status == google.maps.GeocoderStatus.OK) {
-					response($.map(results, function(item) {
-						var retour = {
-							label: item.formatted_address,
-							value: item.formatted_address,
-							latitude: item.geometry.location.lat(),
-							longitude: item.geometry.location.lng()
-						};
-						return retour;
-					}));
-				} else {
-					lthis.afficherErreurGoogleMap(status);
-				}
-			});
-		},
-		// Cette partie est executee a la selection d'une adresse
-		select: function(event, ui) {
-			var latLng = new google.maps.LatLng(ui.item.latitude, ui.item.longitude);
-			lthis.deplacerMarker(latLng);
-		}
-	});
-	// Autocompletion du champ adresse
-	$("#carte-recherche").on('focus', function() {
-		$(this).select();
-	});
-	$("#carte-recherche").on('mouseup', function(event) {// Pour Safari...
-		event.preventDefault();
-	});
-	$("#carte-recherche").keypress(function(e) {
-		if (e.which == 13) {
-			e.preventDefault();
-		}
-	});
 };
 WidgetSaisie.prototype.afficherErreurGoogleMap = function(status) {
 	if (this.debug) {
+					}
+			    }
 			},
 			error : function(jqXHR, textStatus, errorThrown) {
 				if (this.debug) {
-					$("#dialogue-erreur .alert-txt").append('<p class="msg">Une erreur Ajax est survenue lors de la transmission de vos observations.</p>');
+					$("#dialogue-erreur .alert-txt").append('<p class="msg">Une erreur Ajax est survenue lors de la recherche de la commune.</p>');
 					reponse = jQuery.parseJSON(jqXHR.responseText);
 					var erreurMsg = "";
 					if (reponse != null) {
 						$.each(reponse, function (cle, valeur) {
 							erreurMsg += valeur + "<br />";
 				$("#id_utilisateur").val(infos.id);
 				$("#prenom").val(infos.prenom);
 				$("#nom").val(infos.nom);
 				$("#courriel_confirmation").val(courriel);
 				$("#prenom, #nom, #courriel_confirmation").attr('disabled', 'disabled');
-				$("#date").focus();
+				lthis.focusChampFormulaire();
 				lthis.masquerPanneau("#dialogue-courriel-introuvable");
 			} else {
 				lthis.surErreurCompletionCourriel();
+			}
 		},
+		}
 	});
+};
+WidgetSaisie.prototype.focusChampFormulaire = function() {
+	$("#date").focus();
 };
 WidgetSaisie.prototype.surErreurCompletionCourriel = function() {
 	$("#prenom, #nom, #courriel_confirmation").val('');
 	$("#prenom, #nom, #courriel_confirmation").removeAttr('disabled');
-	this.afficherPanneau("#dialogue-courriel-introuvable");
-};
-//+---------------------------------------------------------------------------------------------------------+
+	this.afficherPanneau("#dialogue-courriel-introuvable");
-//FORMULAIRE
+};
 WidgetSaisie.prototype.chargerInfoObs = function() {
-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) {
+			if (data != undefined && data != "") {
-		success: function(data, textStatus, jqXHR) {
+				this.prechargerForm(data);
-			if (data != undefined && data != "") {
-				this.prechargerForm(data);
 			} else {
-			// TODO: voir s'il est pertinent d'indiquer quelque chose en cas d'erreur ou d'obs
+				lthis.surErreurChargementInfosObs();
-			// inexistante
+			}
 		},
 		error: function(jqXHR, textStatus, errorThrown) {
-			// TODO: cf TODO ci-dessus
+			lthis.surErreurChargementInfosObs();
+		}
+	});
+};
+// @TODO faire mieux que ça !
 WidgetSaisie.prototype.surErreurChargementInfosObs = function() {
-	});
+	alert("Erreur lors du chargement de l'observation");
 };
 			taxon : "required"
+		}
 	});
 };
-WidgetSaisie.prototype.configurerDatePicker = function() {
+WidgetSaisie.prototype.configurerDatePicker = function(selector) {
 	$.datepicker.setDefaults($.datepicker.regional["fr"]);
-	$("#date").datepicker({
+	$(selector).datepicker({
 		dateFormat: "dd/mm/yy",
 		maxDate: new Date,
 		showOn: "button",
 		buttonImageOnly: true,
 		buttonImage: this.calendrierIconeUrl,
 		buttonText: "Afficher le calendrier pour saisir la date.",
+		showButtonPanel: true,
+		onSelect: function(date) {
+			$(this).valid();
 		showButtonPanel: true
 	});
-	$("img.ui-datepicker-trigger").appendTo("#date-icone");
+	$(selector + ' + img.ui-datepicker-trigger').appendTo(selector + '-icone.add-on');
 };
 WidgetSaisie.prototype.fermerPanneauAlert = function() {
 	$(this).val(prenom.join(' '));
 };
 WidgetSaisie.prototype.basculerAffichageAide = function()  {
 	if ($(this).hasClass('btn-warning')) {
-		$("[rel=tooltip]").tooltip('enable');
+		$(".has-tooltip").tooltip('enable');
 		$(this).removeClass('btn-warning').addClass('btn-success');
 		$('#btn-aide-txt', this).text("Désactiver l'aide");
 	} else {
-		$("[rel=tooltip]").tooltip('disable');
+		$(".has-tooltip").tooltip('disable');
 		$(this).removeClass('btn-success').addClass('btn-warning');
 		$('#btn-aide-txt', this).text("Activer l'aide");
+	}
 WidgetSaisie.prototype.afficherObs = function() {
 	$("#liste-obs").prepend(
 		'<div id="obs'+this.obsNbre+'" class="row-fluid obs obs'+this.obsNbre+'">'+
 			'<div class="span12">'+
 				'<div class="well">'+
-					'<div class="obs-action pull-right" rel="tooltip" data-placement="bottom" '+
+					'<div class="obs-action pull-right has-tooltip" data-placement="bottom" '+
 						'title="Supprimer cette observation de la liste à transmettre">'+
 						'<button class="btn btn-danger supprimer-obs" value="'+this.obsNbre+'" title="'+this.obsNbre+'">'+
 							'<i class="icon-trash icon-white"></i>'+
 						'</button>'+
 					'</div> '+
 						'</div>'+
 					'</div>'+
 				'</div>'+
 			'</div>'+
 		'</div>');
+	$('#zone-liste-obs').removeClass("hidden").show();
 };
 WidgetSaisie.prototype.stockerObsData = function() {
 	var lthis = this;

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/saisie/squelettes/defaut/js/WidgetSaisie.js – Rev 2706 → 2707