WebSVN – eFlore/Applications.cel – Diff – /trunk/widget/modules/saisie/squelettes/missions-flore/js/WidgetSaisieMissionsFlore.js


// Héritage
function WidgetSaisieMissionsFlore() {
	this.serviceAltitudeUrl = null;
}
WidgetSaisieMissionsFlore.prototype = new WidgetSaisie();
 
 
WidgetSaisieMissionsFlore.prototype.initForm = function() {
	// super()
	WidgetSaisie.prototype.initForm.call(this);
 
	this.surChangementAbondance();// Vérif lors du chargement de la page
	$('#abondance').on('change', this.surChangementAbondance.bind(this));
};
 
WidgetSaisieMissionsFlore.prototype.initEvts = function() {
	// super()
	WidgetSaisie.prototype.initEvts.call(this);
 
	var lthis = this;
	$('body').on('click', '.fermer', function(event) {
			event.preventDefault();
			lthis.basculerOuvertureFermetureCadre($(this).find('.icone'));
	});
	$('.btn-coord ').on('click', this.basculerAffichageCoord);
 
	this.surChangementNbreObs();
};
 
WidgetSaisieMissionsFlore.prototype.mettreAJourMarkerPosition = function(latLng) {
	this.trouverCommune(latLng);
	this.trouverAltitude(latLng);
 
	var lat = latLng.lat().toFixed(5),
		lng = latLng.lng().toFixed(5);
	this.remplirChampLatitude(lat);
	this.remplirChampLongitude(lng);
	this.remplirChampsLambert93(lat, lng);
};
 
proj4.defs([
	['EPSG:4326', '+proj=longlat +ellps=WGS84 +datum=WGS84 +no_defs'],
	['EPSG:2154', '+title=RGF93 / Lambert-93 +proj=lcc +lat_1=49 +lat_2=44 +lat_0=46.5 +lon_0=3 +x_0=700000 +y_0=6600000 +ellps=GRS80 +towgs84=0,0,0,0,0,0,0 +units=m +no_defs']
]);
WidgetSaisieMissionsFlore.prototype.remplirChampsLambert93 = function(lat, lng) {
	// Prendre en compte l'initialisation des projections
	var coordinate = {x: lng,y: lat};
	proj4(proj4.defs('EPSG:4326'), proj4.defs('EPSG:2154')).forward(coordinate);
	$('#l93-x').val(coordinate.x.toFixed(0));
	$('#l93-y').val(coordinate.y.toFixed(0));
};
 
WidgetSaisieMissionsFlore.prototype.trouverAltitude = function(pos) {
	var lthis = this;
	var url_service = this.serviceAltitudeUrl,
		urlAltFormatee = url_service.replace('{lat}', pos.lat()).replace('{lon}', pos.lng());
	$.ajax({
		url: urlAltFormatee,
		type: 'GET',
		dataType: 'jsonp',
		beforeSend : function() {
			$('#altitude').empty();
			$('#dialogue-erreur .alert-txt').empty();
		},
		success : function(data, textStatus, jqXHR) {
			$('#altitude').empty().append(data.altitude);
			$('#marqueur-altitude').data('altitude', data.altitude);
		},
		statusCode : {
		    500 : function(jqXHR, textStatus, errorThrown) {
				if (lthis.debug) {
					$('#dialogue-erreur .alert-txt').append('<p id="msg">Un problème est survenu lors de l\'appel au service fournissant l\'altitude.</p>');
					reponse = jQuery.parseJSON(jqXHR.responseText);
					var erreurMsg = '';
					if (reponse != null) {
						$.each(reponse, function (cle, valeur) {
							erreurMsg += valeur + '<br />';
						});
					}
 
					$('#dialogue-erreur .alert-txt').append('<p class="msg-erreur">Erreur 500 : '+errorThrown+"<br />"+erreurMsg+'</p>');
				}
		    }
		},
		error : function(jqXHR, textStatus, errorThrown) {
			if (lthis.debug) {
				$("#dialogue-erreur .alert-txt").append('<p class="msg">Une erreur Ajax est survenue lors de l\'appel au service fournissant l\'altitude.</p>');
				reponse = jQuery.parseJSON(jqXHR.responseText);
				var erreurMsg = '';
				if (reponse != null) {
					$.each(reponse, function (cle, valeur) {
						erreurMsg += valeur + '<br />';
					});
				}
 
				$('#dialogue-erreur .alert-txt').append('<p class="msg-erreur">Erreur Ajax : '+errorThrown+' (type : '+textStatus+') <br />'+erreurMsg+'</p>');
			}
		},
		complete : function(jqXHR, textStatus) {
			var debugMsg = extraireEnteteDebug(jqXHR);
			if (debugMsg != '') {
				if (lthis.debug) {
					$('#dialogue-erreur .alert-txt').append('<pre class="msg-debug msg">Débogage : '+debugMsg+'</pre>');
				}
			}
			if ($('#dialogue-erreur .msg').length > 0) {
				$('#dialogue-erreur').show();
			}
		}
	});
};
 
WidgetSaisieMissionsFlore.prototype.surChangementAbondance = function() {
	if (this.afficherIndividusNbreGroupe()) {
		$('#individus-nbre-groupe').removeClass('hidden');
		$('#individus-nbre').valid();
	} else {
		$('#individus-nbre-groupe').addClass('hidden');
	}
};
 
WidgetSaisieMissionsFlore.prototype.afficherIndividusNbreGroupe = function() {
	var abondance = $('#abondance').val();
	if (abondance === '1-4 individus' || abondance === '5-9 individus' || abondance === '10-49 individus') {
		return true;
	} else {
		return false;
	}
};
 
WidgetSaisieMissionsFlore.prototype.configurerFormValidator = function() {
	var lthis = this;
	$.validator.addMethod(
		'dateCel',
		function (value, element) {
			return value === '' || (/^[0-9]{2}[-\/][0-9]{2}[-\/][0-9]{4}$/.test(value));
		},
		'Format : jj/mm/aaaa. Date incomplète, utiliser 0, exemple : 00/12/2011.');
 
	$.validator.addMethod(
		'individusNbre',
		function (value, element) {
			var ok = true;
			if (lthis.afficherIndividusNbreGroupe()) {
				var abondance = $('#abondance').val();
				if (abondance === '1-4 individus') {
					ok = value === '' || (value !== '' && /^[0-9]+$/.test(value) && value >= 1 && value < 5);
				} else if (abondance == '5-9 individus') {
					ok = value === '' || (value !== '' && /^[0-9]+$/.test(value) && value >= 5 && value < 10);
				} else if (abondance === '10-49 individus') {
					ok = value === '' || (value !== '' && /^[0-9]+$/.test(value) && value >= 10 && value < 50);
				}
			}
			return ok;
		},
		"Veuillez indiquer le nombre d'individus sous forme d'entier positif et compris dans la classe définie par le champ « Abondance » (Ex. : 3, 15 ou 33...).");
 
	$.validator.addMethod(
		'isbn',
		function (value, element) {
			var isbn = value.trim();
			return (value == '' || (/^ISBN(-1(?:(0)|3))?:?( )*[0-9]+[- ][0-9]+[- ][0-9]+[- ][0-9]*[- ]*[xX0-9]$/).test(isbn));
		},
		'Format : ISBN 10 ou 13 avec chaque partie séparée par un espace ou tiret. <br />'+
		'Doit débuter par : "ISBN" ou "ISBN-10" ou "ISBN-13". Suivi par ":" ou ": " ou directement le code ISBN.<br />'+
		'(Ex. : ISBN:978-3-642-11746-6, ISBN:978 3 642 11746 6, ISBN: 978 3 642 11746 6, ISBN-10: 3 642 11746 6).');
 
	// Modification des méthodes par défaut de Jquery Validation pour Boostrap 3
	$.validator.setDefaults({
		ignore: [],// Forcer Jquery Validate à examiner les éléments en "display:none;"
		highlight: function(element) {
			$(element).closest('.form-group').addClass('has-error');
		},
		unhighlight: function(element) {
			$(element).closest('.form-group').removeClass('has-error');
		},
		success: function(element) {
			$(element).closest('.form-group').removeClass('has-error').addClass('has-success');
 
			if ($(element).attr('id') == 'taxon' && $('#taxon').val() != '') {
				// Si le taxon n'est pas lié au référentiel, on vide le data associé
				if ($('#taxon').data('value') != $('#taxon').val()) {
					$('#taxon').data('numNomSel', '');
					$('#taxon').data('nomRet', '');
					$('#taxon').data('numNomRet', '');
					$('#taxon').data('nt', '');
					$('#taxon').data('famille', '');
				}
			}
		},
		errorElement: 'span',
		errorClass: 'help-block',
		errorPlacement: function(error, element) {
			//console.log(element.attr('name') +'-'+ element.parent('.input-group').length);
			if (element.parent('.input-group').length) {
				error.insertAfter(element.parent());
			} else {
				error.insertAfter(element);
			}
		}
	});
};
 
WidgetSaisieMissionsFlore.prototype.definirReglesFormValidator = function() {
	$('#form-observateur').validate({
		rules: {
			courriel : {
				required : true,
				email : true},
			courriel_confirmation : {
				required : true,
				equalTo: '#courriel'}
		}
	});
	$('#form-station').validate({
		rules: {
			latitude : {
				range: [-90, 90],
				required: true},
			longitude : {
				range: [-180, 180],
				required: true},
			'l93-x': 'required',
			'l93-y': 'required'
		}
	});
	$('#form-obs-date').validate({
		rules: {
			date: {
				required: true,
				'dateCel' : true}
		}
	});
	$('#form-obs').validate({
		rules: {
			individusNombre: {individusNbre: true},
			determinationSource: {isbn: true}
		}
	});
};
 
WidgetSaisieMissionsFlore.prototype.basculerOuvertureFermetureCadre = function(element) {
	if (element.hasClass('glyphicon-plus-sign')) {
		element.removeClass('glyphicon-plus-sign').addClass('glyphicon-minus-sign');
	} else {
		element.removeClass('glyphicon-minus-sign').addClass('glyphicon-plus-sign');
	}
};
 
 
 
WidgetSaisieMissionsFlore.prototype.basculerAffichageCoord = function() {
	var textActuel = $(this).text();
	var textActuel = $(this).text(),
		textARemplacer = $(this).data('toggle-text');
	$(this).text(textARemplacer).data('toggle-text', textActuel);
 
	
	
	if ($(this).hasClass('cacher-coord')) {
		$(this).removeClass('cacher-coord').addClass('afficher-coord');
		$('#coordonnees-geo').addClass('hidden');
	} else {
		$(this).removeClass('afficher-coord').addClass('cacher-coord');
		$('#coordonnees-geo').removeClass('hidden');
	}
 
	return false;
};
 
WidgetSaisieMissionsFlore.prototype.afficherObs = function() {
	var date = $('#date').val(),
		commune = $('#commune-nom').text(),
		codeInsee = $('#commune-code-insee').text(),
		lat = $('input[name="latitude"]').val(),
		lng = $('input[name="longitude"]').val(),
		lieudit = $('#lieudit').val(),
		station = $('#station').val(),
 
		milieux = $('#milieu').val(),
		exposition = this.getTextOptionSelectionne('station-exposition'),
		pente = this.getTextOptionSelectionne('station-pente'),
 
		phenologie = this.getTextOptionSelectionne('phenologie'),
		abondance = this.getTextOptionSelectionne('abondance'),
		individus = (($('#individus-nbre').val() === undefined || $('#individus-nbre').val() === '') ? '' : ' (' + $('#individus-nbre').val() + ')'),
		typeReleve = this.getTextOptionSelectionne('releve-type'),
		sourceDet = $('#determination-source').val(),
 
		notes = $('#notes').val();
 
	$('#liste-obs').prepend(
		'<div id="obs'+this.obsNbre+'" class="obs obs'+this.obsNbre+'">'+
				'<div class="well">'+
					'<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+'">'+
							'<span class="glyphicon glyphicon-trash icon-white"></i>'+
						'</button>'+
					'</div> '+
					'<div class="row">'+
						'<div class="col-md-2 obs-miniatures">'+
							this.ajouterImgMiniatureAuTransfert()+
						'</div>'+
						'<div class="col-md-8">'+
							'<ul class="list-unstyled obs-entete">'+
								'<li>'+
									'Observé à ' +
									'<span class="commune">' + commune + '</span> ' +
									'(' + codeInsee + ') [' + lat +' / ' + lng + ']' +
									' le ' +
									'<span class="date">' + date + '</span>' +
								'</li>' +
							'</ul>'+
							'<ul class="list-unstyled obs-details">'+
								'<li>' +
									'<span>Lieu-dit :</span> ' + lieudit + ' ; ' +
									'<span>Station :</span> ' + station + ' ; ' +
								'</li>' +
								'<li>' +
									'<span>Milieu :</span> ' + milieux + ' ; ' +
									'<span>Exposition :</span> ' + exposition + ' ; ' +
									'<span>Pente :</span> ' + pente + ' ; ' +
								'</li>' +
								'<li>' +
									'<span>Phénologie :</span> ' + phenologie + ' ; ' +
									'<span>Abondance :</span> ' + abondance + individus + ' ; ' +
									'<span>Relevé :</span> ' + typeReleve + ' ; ' +
									'<span>Source :</span> ' + sourceDet + ' ; ' +
								'</li>' +
								'<li>' +
									'<span>Commentaires :</span> ' + notes +
								'</li>'+
							'</ul>'+
						'</div>'+
					'</div>'+
				'</div>'+
		'</div>');
	$('#zone-liste-obs').removeClass("hidden").show();
}
 
WidgetSaisieMissionsFlore.prototype.getTextOptionSelectionne = function(id) {
	var optionVal = $('#' + id).val(),
		optionText = $('#' + id + ' option:selected').text();
	return ((optionVal === undefined || optionVal === '') ? '' : optionText);
};
 
WidgetSaisieMissionsFlore.prototype.stockerObsData = function() {
	var numNomSel = $('#taxon').data('numNomSel'),
		nomSel = $('#taxon').val(),
		nomRet = $('#taxon').data('nomRet'),
		numNomRet = $('#taxon').data('numNomRet'),
		numTaxon = $('#taxon').data('nt'),
		famille = $('#taxon').data('famille'),
		referentiel = (numNomSel == undefined) ? '' : this.nomSciReferentiel;
 
	$('#liste-obs').data('obsId'+this.obsNbre, {
		'date' : $('#date').val(),
		'notes' : $('#notes').val().trim(),
 
		'nom_sel': nomSel,
		'num_nom_sel': numNomSel,
		'nom_ret': nomRet,
		'num_nom_ret': numNomRet,
		'num_taxon': numTaxon,
		'famille': famille,
		'referentiel': referentiel,
 
		'latitude' : $('#latitude').val(),
		'longitude' : $('#longitude').val(),
		'commune_nom' : $('#commune-nom').text(),
		'commune_code_insee' : $('#commune-code-insee').text(),
		'altitude': $('#altitude').text(),
		'lieudit': $('#lieudit').val().trim(),
		'station': $('#station').val().trim(),
		'milieu': $('#milieu').val().trim(),
		'abondance': $('#abondance').val(),
		'phenologie': $('#phenologie').val(),
 
		//Ajout des champs images
		'image_nom' : this.getNomsImgsOriginales(),
 
		// Ajout des champs étendus de l'obs
		'obs_etendue': this.getObsChpEtendus()
	});
};
 
WidgetSaisieMissionsFlore.prototype.validerFormulaire = function() {
	var observateur = $('#form-observateur').valid(),
		station = $('#form-station').valid(),
		obsDate = $('#form-obs-date').valid(),
		obs = $('#form-obs').valid();
	return (observateur == true && station == true && obs == true && obsDate == true) ? true : false;
};

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/saisie/squelettes/missions-flore/js/WidgetSaisieMissionsFlore.js – Rev 2710 → 2841

Rev 2710		Rev 2841
1	`// Héritage`	1	`// Héritage`
2	`function WidgetSaisieMissionsFlore() {`	2	`function WidgetSaisieMissionsFlore() {`
3	`this.serviceAltitudeUrl = null;`	3	`this.serviceAltitudeUrl = null;`
4	`}`	4	`}`
5	`WidgetSaisieMissionsFlore.prototype = new WidgetSaisie();`	5	`WidgetSaisieMissionsFlore.prototype = new WidgetSaisie();`
6		6
7		7
8	`WidgetSaisieMissionsFlore.prototype.initForm = function() {`	8	`WidgetSaisieMissionsFlore.prototype.initForm = function() {`
9	`// super()`	9	`// super()`
10	`WidgetSaisie.prototype.initForm.call(this);`	10	`WidgetSaisie.prototype.initForm.call(this);`
11		11
12	`this.surChangementAbondance();// Vérif lors du chargement de la page`	12	`this.surChangementAbondance();// Vérif lors du chargement de la page`
13	`$('#abondance').on('change', this.surChangementAbondance.bind(this));`	13	`$('#abondance').on('change', this.surChangementAbondance.bind(this));`
14	`};`	14	`};`
15		15
16	`WidgetSaisieMissionsFlore.prototype.initEvts = function() {`	16	`WidgetSaisieMissionsFlore.prototype.initEvts = function() {`
17	`// super()`	17	`// super()`
18	`WidgetSaisie.prototype.initEvts.call(this);`	18	`WidgetSaisie.prototype.initEvts.call(this);`
19		19
20	`var lthis = this;`	20	`var lthis = this;`
21	`$('body').on('click', '.fermer', function(event) {`	21	`$('body').on('click', '.fermer', function(event) {`
22	`event.preventDefault();`	22	`event.preventDefault();`
23	`lthis.basculerOuvertureFermetureCadre($(this).find('.icone'));`	23	`lthis.basculerOuvertureFermetureCadre($(this).find('.icone'));`
24	`});`	24	`});`
25	`$('.btn-coord ').on('click', this.basculerAffichageCoord);`	25	`$('.btn-coord ').on('click', this.basculerAffichageCoord);`
26		26
27	`this.surChangementNbreObs();`	27	`this.surChangementNbreObs();`
28	`};`	28	`};`
29		29
30	`WidgetSaisieMissionsFlore.prototype.mettreAJourMarkerPosition = function(latLng) {`	30	`WidgetSaisieMissionsFlore.prototype.mettreAJourMarkerPosition = function(latLng) {`
31	`this.trouverCommune(latLng);`	31	`this.trouverCommune(latLng);`
32	`this.trouverAltitude(latLng);`	32	`this.trouverAltitude(latLng);`
33		33
34	`var lat = latLng.lat().toFixed(5),`	34	`var lat = latLng.lat().toFixed(5),`
35	`lng = latLng.lng().toFixed(5);`	35	`lng = latLng.lng().toFixed(5);`
36	`this.remplirChampLatitude(lat);`	36	`this.remplirChampLatitude(lat);`
37	`this.remplirChampLongitude(lng);`	37	`this.remplirChampLongitude(lng);`
38	`this.remplirChampsLambert93(lat, lng);`	38	`this.remplirChampsLambert93(lat, lng);`
39	`};`	39	`};`
40		40