Subversion Repositories eFlore/Applications.cel

Rev

Rev 2711 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
2711 mathias 1
// Héritage
2
WidgetSaisieArbresTetards = function() {
3
	this.serviceAltitudeUrl = null;
4
	this.taxons = {};
2360 jpm 5
}
2711 mathias 6
WidgetSaisieArbresTetards.prototype = new WidgetSaisie();
2360 jpm 7
 
2711 mathias 8
WidgetSaisieArbresTetards.prototype.initEvts = function() {
9
	// super()
10
	WidgetSaisie.prototype.initEvts.call(this);
2360 jpm 11
 
2711 mathias 12
	var lthis = this;
13
	$('body').on('click', '.fermer', function(event) {
14
			event.preventDefault();
15
			lthis.basculerOuvertureFermetureCadre($(this).find('.icone'));
2360 jpm 16
	});
17
 
2711 mathias 18
	this.surChangementTaxonListe();// Vérif lors du chargement de la page
19
	$('#taxon-liste').on('change', this.surChangementTaxonListe.bind(this));
20
	this.surChangementFormation();// Vérif lors du chargement de la page
21
	$('#formation').on('change', this.surChangementFormation.bind(this));
2372 jpm 22
 
2711 mathias 23
	// Gestion des obs
24
	this.configurerMilieux();
25
	this.surChangementNbreObs();
26
};
2372 jpm 27
 
2711 mathias 28
WidgetSaisieArbresTetards.prototype.focusChampFormulaire = function() {
29
	$("#carte-recherche").focus();
30
};
2360 jpm 31
 
2711 mathias 32
WidgetSaisieArbresTetards.prototype.mettreAJourMarkerPosition = function(latLng) {
33
	this.trouverCommune(latLng);
34
	this.trouverAltitude(latLng);
2372 jpm 35
 
36
	var lat = latLng.lat().toFixed(5),
37
		lng = latLng.lng().toFixed(5);
2711 mathias 38
	this.remplirChampLatitude(lat);
39
	this.remplirChampLongitude(lng);
40
	this.remplirChampsLambert93(lat, lng);
41
};
2360 jpm 42
 
2372 jpm 43
proj4.defs([
44
	['EPSG:4326', '+proj=longlat +ellps=WGS84 +datum=WGS84 +no_defs'],
45
	['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']
46
]);
2711 mathias 47
WidgetSaisieArbresTetards.prototype.remplirChampsLambert93 = function(lat, lng) {
2372 jpm 48
	// Prendre en compte l'initialisation des projections
49
	var coordinate = {x: lng,y: lat};
50
	proj4(proj4.defs('EPSG:4326'), proj4.defs('EPSG:2154')).forward(coordinate);
51
	$('#l93-x').val(coordinate.x.toFixed(0));
52
	$('#l93-y').val(coordinate.y.toFixed(0));
2711 mathias 53
};
2372 jpm 54
 
2711 mathias 55
WidgetSaisieArbresTetards.prototype.trouverAltitude = function(pos) {
56
	var url_service = this.serviceAltitudeUrl,
57
		urlAltFormatee = url_service.replace('{lat}', pos.lat()).replace('{lon}', pos.lng());
58
	var lthis = this;
59
	$.ajax({
60
		url: urlAltFormatee,
61
		type: 'GET',
62
		dataType: 'jsonp',
63
		beforeSend : function() {
64
			$('#altitude').empty();
65
			$('#dialogue-erreur .alert-txt').empty();
66
		},
67
		success : function(data, textStatus, jqXHR) {
68
			$('#altitude').empty().append(data.altitude);
69
			$('#marqueur-altitude').data('altitude', data.altitude);
70
		},
71
		statusCode : {
72
		    500 : function(jqXHR, textStatus, errorThrown) {
73
				if (lthis.debug) {
74
					$('#dialogue-erreur .alert-txt').append('<p id="msg">Un problème est survenu lors de l\'appel au service fournissant l\'altitude.</p>');
2372 jpm 75
					reponse = jQuery.parseJSON(jqXHR.responseText);
76
					var erreurMsg = '';
77
					if (reponse != null) {
78
						$.each(reponse, function (cle, valeur) {
79
							erreurMsg += valeur + '<br />';
80
						});
81
					}
2360 jpm 82
 
2711 mathias 83
					$('#dialogue-erreur .alert-txt').append('<p class="msg-erreur">Erreur 500 : '+errorThrown+"<br />"+erreurMsg+'</p>');
2372 jpm 84
				}
2711 mathias 85
		    }
86
		},
87
		error : function(jqXHR, textStatus, errorThrown) {
88
			if (lthis.debug) {
89
				$("#dialogue-erreur .alert-txt").append('<p class="msg">Une erreur Ajax est survenue lors de l\'appel au service fournissant l\'altitude.</p>');
90
				reponse = jQuery.parseJSON(jqXHR.responseText);
91
				var erreurMsg = '';
92
				if (reponse != null) {
93
					$.each(reponse, function (cle, valeur) {
94
						erreurMsg += valeur + '<br />';
95
					});
2372 jpm 96
				}
97
 
2711 mathias 98
				$('#dialogue-erreur .alert-txt').append('<p class="msg-erreur">Erreur Ajax : '+errorThrown+' (type : '+textStatus+') <br />'+erreurMsg+'</p>');
2360 jpm 99
			}
100
		},
2711 mathias 101
		complete : function(jqXHR, textStatus) {
102
			var debugMsg = extraireEnteteDebug(jqXHR);
103
			if (debugMsg != '') {
104
				if (lthis.debug) {
105
					$('#dialogue-erreur .alert-txt').append('<pre class="msg-debug msg">Débogage : '+debugMsg+'</pre>');
106
				}
2372 jpm 107
			}
2711 mathias 108
			if ($('#dialogue-erreur .msg').length > 0) {
109
				$('#dialogue-erreur').show();
2360 jpm 110
			}
111
		}
112
	});
2372 jpm 113
};
114
 
2711 mathias 115
WidgetSaisieArbresTetards.prototype.surChangementTaxonListe = function() {
2372 jpm 116
	if ($('#taxon-liste').val() === '?') {
117
		$('#taxon-input-groupe').removeClass('hidden');
118
		$('#taxon').valid();
119
	} else {
120
		$('#taxon-input-groupe').addClass('hidden');
121
	}
2711 mathias 122
};
2372 jpm 123
 
2711 mathias 124
WidgetSaisieArbresTetards.prototype.surChangementFormation = function() {
2372 jpm 125
	if ($('#formation').val() === 'alignement') {
126
		$('#aligne-nbre-groupe').removeClass('hidden');
127
		$('#aligne-nbre').valid();
128
	} else {
129
		$('#aligne-nbre-groupe').addClass('hidden');
130
	}
2711 mathias 131
};
2372 jpm 132
 
2711 mathias 133
WidgetSaisieArbresTetards.prototype.configurerFormValidator = function() {
2360 jpm 134
	$.validator.addMethod(
2372 jpm 135
		'dateCel',
2360 jpm 136
		function (value, element) {
2372 jpm 137
			return value == '' || (/^[0-9]{2}[-\/][0-9]{2}[-\/][0-9]{4}$/.test(value));
2360 jpm 138
		},
2372 jpm 139
		'Format : jj/mm/aaaa. Date incomplète, utiliser 0, exemple : 00/12/2011.');
2360 jpm 140
 
2372 jpm 141
	$.validator.addMethod(
142
		'aligneNbre',
143
		function (value, element) {
144
			var ok = true;
145
			if ($('#formation').val() === 'alignement') {
146
				ok = (value != '' && /^[0-9]+$/.test(value) && value > 1);
147
			}
148
			return ok;
149
		},
150
		"Veuillez indiquer le nombre d'arbres d'alignement.");
151
 
152
	$.validator.addMethod(
153
		'autreSp',
154
		function (value, element) {
155
			var taxonListe = $('#taxon-liste').val();
156
			return taxonListe !== '?' || (taxonListe === '?' && value != '');
157
		},
158
		"Veuillez sélectionner une espèce ou une indication sur la plante.");
159
 
160
	// Modification des méthodes par défaut de Jquery Validation pour Boostrap 3
161
	$.validator.setDefaults({
162
		ignore: [],// Forcer Jquery Validate à examiner les éléments en "display:none;"
2360 jpm 163
		highlight: function(element) {
2372 jpm 164
			$(element).closest('.form-group').addClass('has-error');
2360 jpm 165
		},
2372 jpm 166
		unhighlight: function(element) {
167
			$(element).closest('.form-group').removeClass('has-error');
168
		},
2360 jpm 169
		success: function(element) {
2372 jpm 170
			$(element).closest('.form-group').removeClass('has-error').addClass('has-success');
2360 jpm 171
 
2372 jpm 172
			if ($(element).attr('id') == 'taxon' && $('#taxon').val() != '') {
2360 jpm 173
				// Si le taxon n'est pas lié au référentiel, on vide le data associé
174
				if ($('#taxon').data('value') != $('#taxon').val()) {
175
					$('#taxon').data('numNomSel', '');
176
					$('#taxon').data('nomRet', '');
177
					$('#taxon').data('numNomRet', '');
178
					$('#taxon').data('nt', '');
179
					$('#taxon').data('famille', '');
180
				}
181
			}
2372 jpm 182
		},
183
		errorElement: 'span',
184
		errorClass: 'help-block',
185
		errorPlacement: function(error, element) {
186
			//console.log(element.attr('name') +'-'+ element.parent('.input-group').length);
187
			if (element.parent('.input-group').length) {
188
				error.insertAfter(element.parent());
189
			} else {
190
				error.insertAfter(element);
191
			}
2360 jpm 192
		}
193
	});
2711 mathias 194
};
2360 jpm 195
 
2711 mathias 196
WidgetSaisieArbresTetards.prototype.definirReglesFormValidator = function() {
2360 jpm 197
	$('#form-observateur').validate({
198
		rules: {
199
			courriel : {
200
				required : true,
201
				email : true},
202
			courriel_confirmation : {
203
				required : true,
204
				equalTo: '#courriel'}
205
		}
206
	});
207
	$('#form-station').validate({
208
		rules: {
209
			latitude : {
210
				range: [-90, 90],
211
				required: true},
212
			longitude : {
213
				range: [-180, 180],
214
				required: true},
2372 jpm 215
			'l93-x': 'required',
2380 jpm 216
			'l93-y': 'required'
2360 jpm 217
		}
218
	});
219
	$('#form-obs').validate({
220
		rules: {
221
			date: {
222
				required: true,
223
				'dateCel' : true},
2372 jpm 224
			'taxon-liste': {required: true},
225
			taxon: {autreSp: true},
226
			certitude: 'required',
227
			arbreTetardFormation: 'required',
228
			arbreTetardAligneNbre: {aligneNbre: true}
2360 jpm 229
		}
230
	});
2711 mathias 231
};
2360 jpm 232
 
2711 mathias 233
WidgetSaisieArbresTetards.prototype.configurerMilieux = function() {
2372 jpm 234
	$('.cb-milieux').on('click', function(event) {
235
		$(this).valid();
236
		event.stopPropagation();
237
	});
2711 mathias 238
};
2360 jpm 239
 
2711 mathias 240
WidgetSaisieArbresTetards.prototype.basculerOuvertureFermetureCadre = function(element) {
2372 jpm 241
	if (element.hasClass('glyphicon-plus-sign')) {
242
		element.removeClass('glyphicon-plus-sign').addClass('glyphicon-minus-sign');
2360 jpm 243
	} else {
2372 jpm 244
		element.removeClass('glyphicon-minus-sign').addClass('glyphicon-plus-sign');
2360 jpm 245
	}
2711 mathias 246
};
2360 jpm 247
 
2711 mathias 248
WidgetSaisieArbresTetards.prototype.basculerAffichageCoord = function() {
2372 jpm 249
	var textActuel = $(this).text(),
250
			textARemplacer = $(this).data('toggle-text');
251
	$(this).text(textARemplacer).data('toggle-text', textActuel);
252
 
253
	if ($(this).hasClass('cacher-coord')) {
254
		$(this).removeClass('cacher-coord').addClass('afficher-coord');
255
		$('#coordonnees-geo').addClass('hidden');
256
	} else {
257
		$(this).removeClass('afficher-coord').addClass('cacher-coord');
258
		$('#coordonnees-geo').removeClass('hidden');
259
	}
260
 
2360 jpm 261
	return false;
2711 mathias 262
};
2360 jpm 263
 
2711 mathias 264
WidgetSaisieArbresTetards.prototype.afficherObs = function() {
2372 jpm 265
	var numNomSel = ($('#taxon-liste').val() == '?') ? $('#taxon').data('numNomSel') : $('#taxon-liste').val(),
266
		nomSpecial = $('#taxon-liste option:selected').hasClass('nom-special'),
267
		taxon = ($('#taxon-liste').val() == '?') ? $('#taxon').val() : $('#taxon-liste option:selected').data('nom-a-sauver'),
2711 mathias 268
		referentiel = (numNomSel == undefined) ? '' : '['+ this.nomSciReferentiel +']',
2372 jpm 269
		commune = $('#commune-nom').text(),
270
		codeInsee = $('#commune-code-insee').text(),
271
		lat = $('input[name="latitude"]').val(),
272
		lng = $('input[name="longitude"]').val(),
273
		date = $('#date').val(),
2711 mathias 274
		formation = this.getTextOptionSelectionne('formation'),
2372 jpm 275
		nbreAligne = ($('#aligne-nbre').val() != undefined ? ' (' + $('#aligne-nbre').val() + ')' : ''),
2711 mathias 276
		cavites = this.getTextOptionSelectionne('cavites'),
277
		circonference = this.getTextOptionSelectionne('circonference'),
278
		hauteurTete = this.getTextOptionSelectionne('hauteur-tete'),
2372 jpm 279
		presenceSp = $('#presence-sp').val(),
2711 mathias 280
		taille = this.getTextOptionSelectionne('taille-type'),
281
		entretien = this.getTextOptionSelectionne('entretien'),
282
		etatSanitaire = this.getTextOptionSelectionne('etat-sanitaire'),
283
		milieux = this.getMilieux(),
284
		notes = (nomSpecial ? this.taxons[numNomSel]['nom_fr'] + ".<br />" : '') + $('#notes').val();
2372 jpm 285
 
286
	$('#liste-obs').prepend(
2711 mathias 287
		'<div id="obs'+this.obsNbre+'" class="obs obs'+this.obsNbre+'">'+
2360 jpm 288
				'<div class="well">'+
289
					'<div class="obs-action pull-right has-tooltip" data-placement="bottom" '+
290
						'title="Supprimer cette observation de la liste à transmettre">'+
2711 mathias 291
						'<button class="btn btn-danger supprimer-obs" value="'+this.obsNbre+'" title="'+this.obsNbre+'">'+
2372 jpm 292
							'<span class="glyphicon glyphicon-trash icon-white"></i>'+
2360 jpm 293
						'</button>'+
294
					'</div> '+
2372 jpm 295
					'<div class="row">'+
296
						'<div class="col-md-2 obs-miniatures">'+
2711 mathias 297
							this.ajouterImgMiniatureAuTransfert()+
2360 jpm 298
						'</div>'+
2372 jpm 299
						'<div class="col-md-8">'+
300
							'<ul class="list-unstyled obs-entete">'+
2360 jpm 301
								'<li>'+
2372 jpm 302
									'<span class="nom-sci">' + taxon + '</span> ' +
2711 mathias 303
									this.formaterNumNomSel(numNomSel)+
2372 jpm 304
									'<span class="referentiel-obs">' + referentiel + '</span>' +
305
									' observé à ' +
306
									'<span class="commune">' + commune + '</span> ' +
307
									'(' + codeInsee + ') [' + lat +' / ' + lng + ']' +
308
									' le ' +
309
									'<span class="date">' + date + '</span>' +
310
								'</li>' +
311
							'</ul>'+
312
							'<ul class="list-unstyled obs-details">'+
313
								'<li>' +
314
									'<span>Situation(s) :</span> ' + milieux + ' ; ' +
315
									'<span>Formation :</span> ' + formation + nbreAligne + ' ; ' +
316
									'<span>Cavités :</span> ' + cavites + ' ; ' +
317
									'<span>Circonférence :</span> ' + circonference + ' ; ' +
318
									'<span>Hauteur de la tête :</span> ' + hauteurTete + ' ; ' +
319
								'</li>' +
320
								'<li>' +
321
									'<span>Présences sur l\'arbre :</span> ' + presenceSp + ' ' +
322
								'</li>' +
323
								'<li>' +
324
									'<span>Type taille :</span> ' + taille + ' ; ' +
2391 jpm 325
									'<span>Entretien :</span> ' + entretien + ' ; ' +
2372 jpm 326
									'<span>État sanitaire :</span> ' + etatSanitaire + ' ; ' +
327
								'</li>' +
328
								'<li>' +
329
									'<span>Commentaires :</span> ' + notes +
2360 jpm 330
								'</li>'+
331
							'</ul>'+
332
						'</div>'+
333
					'</div>'+
334
				'</div>'+
335
		'</div>');
2711 mathias 336
};
2360 jpm 337
 
2711 mathias 338
WidgetSaisieArbresTetards.prototype.formaterNumNomSel = function(numNomSel) {
339
	var nn = '';
340
	if (numNomSel == undefined) {
341
		nn = '<span class="alert-error">[non lié au référentiel]</span>';
342
	} else {
343
		nn = '<span class="nn">[nn'+numNomSel+']</span>';
344
	}
345
	return nn;
346
};
347
 
348
WidgetSaisieArbresTetards.prototype.getMilieux = function() {
2372 jpm 349
	var milieuxStr = '',
350
		milieux = [];
351
	$('.cb-milieux:checked').each(function() {
352
		milieux.push($(this).val());
353
	});
354
 
355
	milieuxStr = Array.prototype.slice.call(milieux).join(', ');
356
	return milieuxStr;
2711 mathias 357
};
2372 jpm 358
 
2711 mathias 359
WidgetSaisieArbresTetards.prototype.getTextOptionSelectionne = function(id) {
2372 jpm 360
	return ($('#' + id).val() != undefined ? $('#' + id + ' option:selected').text()  : '');
2711 mathias 361
};
2372 jpm 362
 
2711 mathias 363
// @TODO harmoniser (altitude)
364
WidgetSaisieArbresTetards.prototype.stockerObsData = function() {
2372 jpm 365
	var nomHorsListe = $('#taxon-liste').val() == '?' ? true : false;
366
		nomSpecial = $('#taxon-liste option:selected').hasClass('nom-special'),
367
		numNomSel = nomHorsListe ? $('#taxon').data('numNomSel') : $('#taxon-liste').val(),
368
		nomSel = nomHorsListe ? $('#taxon').val() : $('#taxon-liste option:selected').data('nom-a-sauver'),
2711 mathias 369
		nomRet = nomHorsListe ? $('#taxon').data('nomRet') : this.taxons[numNomSel]['nom_ret'],
370
		numNomRet = nomHorsListe ? $('#taxon').data('numNomRet') : this.taxons[numNomSel]['num_nom_ret'],
371
		numTaxon = nomHorsListe ? $('#taxon').data('nt') : this.taxons[numNomSel]['num_taxon'],
372
		famille = nomHorsListe ? $('#taxon').data('famille') : this.taxons[numNomSel]['famille'],
373
		referentiel = (numNomSel == undefined) ? '' : this.nomSciReferentiel;
2360 jpm 374
 
2711 mathias 375
	$('#liste-obs').data('obsId'+this.obsNbre, {
2372 jpm 376
		'date' : $('#date').val(),
377
		'notes' : $('#notes').val(),
2360 jpm 378
 
2372 jpm 379
		'nom_sel': nomSel,
380
		'num_nom_sel': numNomSel,
381
		'nom_ret': nomRet,
382
		'num_nom_ret': numNomRet,
383
		'num_taxon': numTaxon,
384
		'famille': famille,
385
		'referentiel': referentiel,
2360 jpm 386
 
2372 jpm 387
		'latitude' : $('#latitude').val(),
388
		'longitude' : $('#longitude').val(),
389
		'commune_nom' : $('#commune-nom').text(),
390
		'commune_code_insee' : $('#commune-code-insee').text(),
391
		'altitude': $('#altitude').text(),
392
		'lieudit': $('#lieudit').val(),
2711 mathias 393
		'milieu': this.getMilieux(),
2372 jpm 394
		'certitude': $('#certitude').val(),
395
 
2360 jpm 396
		//Ajout des champs images
2711 mathias 397
		'image_nom' :this. getNomsImgsOriginales(),
2360 jpm 398
 
399
		// Ajout des champs étendus de l'obs
2711 mathias 400
		'obs_etendue': this.getObsChpEtendus()
2360 jpm 401
	});
2711 mathias 402
};