Subversion Repositories eFlore/Applications.cel

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
1537 jpm 1
//+---------------------------------------------------------------------------------------------------------+
2
// GÉNÉRAL
3
$(document).ready(function() {
4
	if (DEBUG == false) {
5
		$(window).on('beforeunload', function(event) {
6
			return 'Êtes vous sûr de vouloir quiter la page?\nLes observations saisies mais non transmises seront perdues.';
7
		});
8
	}
9
});
10
//+----------------------------------------------------------------------------------------------------------+
11
// FONCTIONS GÉNÉRIQUES
12
/**
13
 * Stope l'évènement courrant quand on clique sur un lien.
14
 * Utile pour Chrome, Safari...
15
 * @param evenement
16
 * @return
17
 */
18
function arreter(evenement) {
19
	if (evenement.stopPropagation) {
20
		evenement.stopPropagation();
21
	}
22
	if (evenement.preventDefault) {
23
		evenement.preventDefault();
24
	}
25
	return false;
26
}
27
 
28
function extraireEnteteDebug(jqXHR) {
29
	var msgDebug = '';
30
	if (jqXHR.getResponseHeader('X-DebugJrest-Data') != '') {
31
		var debugInfos = jQuery.parseJSON(jqXHR.getResponseHeader('X-DebugJrest-Data'));
32
		if (debugInfos != null) {
33
			$.each(debugInfos, function (cle, valeur) {
34
				msgDebug += valeur + "\n";
35
			});
36
		}
37
	}
38
	return msgDebug;
39
}
40
 
41
function afficherPanneau(selecteur) {
42
	$(selecteur).fadeIn('slow').delay(DUREE_MESSAGE).fadeOut('slow');
43
}
44
 
45
//+----------------------------------------------------------------------------------------------------------+
46
//UPLOAD PHOTO : Traitement de l'image
47
$(document).ready(function() {
48
	$('.effacer-miniature').click(function () {
49
		supprimerMiniatures($(this));
50
	});
51
 
52
	$('#photo-placeholder').click(function(event) {
1540 jpm 53
		$('#fichier').click();
1537 jpm 54
	});
55
 
56
	$('#fichier').bind('change', function (e) {
57
		arreter(e);
58
		var options = {
59
			success: afficherMiniature, // post-submit callback
60
			dataType: 'xml', // 'xml', 'script', or 'json' (expected server response type)
61
			resetForm: true // reset the form after successful submit
62
		};
1540 jpm 63
		$('#miniature').append(
64
			'<img id="miniature-chargement" class="miniature" alt="chargement" src="'+CHARGEMENT_IMAGE_URL+'"/>');
1537 jpm 65
		$('#ajouter-obs').attr('disabled', 'disabled');
66
		if(verifierFormat($('#fichier').val())) {
67
			$('#form-upload').ajaxSubmit(options);
68
		} else {
1540 jpm 69
			window.alert("Le format de fichier n'est pas supporté, les formats acceptés sont "+	$('#fichier').attr('accept'));
1537 jpm 70
		}
71
		return false;
72
	});
73
 
74
	$('.effacer-miniature').on('click', function() {
75
		$(this).parent().remove();
76
	});
77
});
78
 
79
function verifierFormat(nom) {
80
	var parts = nom.split('.');
81
	extension = parts[parts.length - 1];
82
	return (extension.toLowerCase() == 'jpeg' || extension.toLowerCase() == 'jpg');
83
}
84
 
85
function afficherMiniature(reponse) {
86
	if (DEBUG) {
87
		var debogage = $('debogage', reponse).text();
88
		console.log('Débogage upload : ' + debogage);
89
	}
90
	var message = $('message', reponse).text();
91
	if (message != '') {
92
		$('#miniature-msg').append(message);
93
	} else {
94
		$('#miniatures').append(creerWidgetMiniature(reponse));
95
	}
96
	$('#ajouter-obs').removeAttr('disabled');
97
}
98
 
99
function creerWidgetMiniature(reponse) {
100
	var miniatureUrl = $('miniature-url', reponse).text(),
101
		imgNom = $('image-nom', reponse).text(),
102
		html =
103
			'<div class="miniature">'+
104
				'<img class="miniature-img" class="miniature" alt="'+imgNom+'" src="'+miniatureUrl+'"/>'+
105
				'<button class="effacer-miniature" type="button">Effacer</button>'+
106
			'</div>'
107
	return html;
108
}
109
 
110
function supprimerMiniatures() {
111
	$('#miniatures').empty();
112
	$('#miniature-msg').empty();
113
}
114
 
115
//+----------------------------------------------------------------------------------------------------------+
116
// GOOGLE MAP
1540 jpm 117
var map,
118
	marker,
119
	latLng,
120
	geocoder;
1537 jpm 121
 
122
$(document).ready(function() {
123
	initialiserGoogleMap();
124
 
125
	// Autocompletion du champ adresse
1540 jpm 126
	$('#carte-recherche').on('focus', function() {
1537 jpm 127
		$(this).select();
128
	});
1540 jpm 129
	$('#carte-recherche').on('mouseup', function(event) {// Pour Safari...
1537 jpm 130
		event.preventDefault();
131
	});
132
 
1540 jpm 133
	$('#carte-recherche').keypress(function(e) {
1537 jpm 134
		if (e.which == 13) {
135
			e.preventDefault();
136
		}
137
	});
138
 
1540 jpm 139
	$('#carte-recherche').autocomplete({
1537 jpm 140
		//Cette partie utilise geocoder pour extraire des valeurs d'adresse
141
		source: function(request, response) {
142
 
143
			geocoder.geocode( {'address': request.term+', France', 'region' : 'fr' }, function(results, status) {
144
				if (status == google.maps.GeocoderStatus.OK) {
145
					response($.map(results, function(item) {
146
						var retour = {
147
							label: item.formatted_address,
148
							value: item.formatted_address,
149
							latitude: item.geometry.location.lat(),
150
							longitude: item.geometry.location.lng()
151
						};
152
						return retour;
153
					}));
154
				} else {
155
					afficherErreurGoogleMap(status);
156
				}
157
			});
158
		},
159
		// Cette partie est executee a la selection d'une adresse
160
		select: function(event, ui) {
161
			var latLng = new google.maps.LatLng(ui.item.latitude, ui.item.longitude);
162
			deplacerMarker(latLng);
163
		}
164
	});
165
 
1540 jpm 166
	$('#geolocaliser').on('click', geolocaliser);
1537 jpm 167
 
168
	google.maps.event.addListener(marker, 'dragend', surDeplacementMarker);
169
 
170
	google.maps.event.addListener(map, 'click', surClickDansCarte);
171
});
172
 
173
function initialiserGoogleMap(){
174
	// Carte
1540 jpm 175
	var latLng = new google.maps.LatLng(46.30871, 2.54395),// Centre de la France
176
		zoomDefaut = 5;
177
		options = {
178
			zoom: zoomDefaut,
179
			center: latLng,
180
			mapTypeId: google.maps.MapTypeId.HYBRID,
181
			mapTypeControlOptions: {
182
				mapTypeIds: ['OSM',
183
					google.maps.MapTypeId.ROADMAP,
184
					google.maps.MapTypeId.HYBRID,
185
					google.maps.MapTypeId.SATELLITE,
186
					google.maps.MapTypeId.TERRAIN]}
187
		};
1537 jpm 188
 
189
	// Ajout de la couche OSM à la carte
190
	osmMapType = new google.maps.ImageMapType({
191
		getTileUrl: function(coord, zoom) {
1540 jpm 192
			return 'http://tile.openstreetmap.org/' + zoom + '/' + coord.x + '/' + coord.y + '.png';
1537 jpm 193
		},
194
		tileSize: new google.maps.Size(256, 256),
195
		isPng: true,
196
		alt: 'OpenStreetMap',
197
		name: 'OSM',
198
		maxZoom: 19
199
	});
200
 
201
	// Création de la carte Google
202
	map = new google.maps.Map(document.getElementById('map-canvas'), options); //affiche la google map dans la div map_canvas
203
	map.mapTypes.set('OSM', osmMapType);
204
 
205
	// Création du Geocoder
206
	geocoder = new google.maps.Geocoder();
207
 
208
	// Marqueur google draggable
209
	marker = new google.maps.Marker({
210
		map: map,
211
		draggable: true,
212
		title: 'Ma station',
213
		icon: GOOGLE_MAP_MARQUEUR_URL,
214
		position: latLng
215
	});
216
 
217
	initialiserMarker(latLng);
218
 
219
	// Tentative de geocalisation
1540 jpm 220
 
1537 jpm 221
	if (navigator.geolocation) {
222
		navigator.geolocation.getCurrentPosition(function(position) {
1540 jpm 223
			var latitude = position.coords.latitude,
224
				longitude = position.coords.longitude;
1537 jpm 225
			latLng = new google.maps.LatLng(latitude, longitude);
1540 jpm 226
 
1537 jpm 227
			deplacerMarker(latLng);
228
		});
229
	}
230
}
231
 
232
function surDeplacementMarker() {
233
	trouverCommune(marker.getPosition());
234
	mettreAJourMarkerPosition(marker.getPosition());
235
}
236
 
237
function surClickDansCarte(event) {
238
	deplacerMarker(event.latLng);
239
}
240
 
1540 jpm 241
function geolocaliser(event) {
242
	var latitude = $('#latitude').val(),
243
		longitude = $('#longitude').val();
1537 jpm 244
	latLng = new google.maps.LatLng(latitude, longitude);
245
	deplacerMarker(latLng);
1540 jpm 246
	arreter(event);
1537 jpm 247
}
248
 
249
function initialiserMarker(latLng) {
250
	if (marker != undefined) {
251
		marker.setPosition(latLng);
252
		map.setCenter(latLng);
1540 jpm 253
		mettreAJourMarkerPosition(latLng);
254
		trouverCommune(latLng);
1537 jpm 255
	}
256
}
257
 
258
function deplacerMarker(latLng) {
259
	if (marker != undefined) {
260
		marker.setPosition(latLng);
261
		map.setCenter(latLng);
262
		mettreAJourMarkerPosition(latLng);
263
		trouverCommune(latLng);
264
	}
265
}
266
 
267
function mettreAJourMarkerPosition(latLng) {
1540 jpm 268
	var lat = latLng.lat().toFixed(5),
269
		lng = latLng.lng().toFixed(5);
1537 jpm 270
	remplirChampLatitude(lat);
271
	remplirChampLongitude(lng);
272
}
273
 
274
function remplirChampLatitude(latDecimale) {
275
	var lat = Math.round(latDecimale * 100000) / 100000;
276
	$('#latitude').val(lat);
277
}
278
 
279
function remplirChampLongitude(lngDecimale) {
280
	var lng = Math.round(lngDecimale * 100000) / 100000;
281
	$('#longitude').val(lng);
282
}
283
 
284
function trouverCommune(pos) {
285
	$(function() {
1540 jpm 286
		var url_service = SERVICE_NOM_COMMUNE_URL,
287
			urlNomCommuneFormatee = url_service.replace('{lat}', pos.lat()).replace('{lon}', pos.lng());
1537 jpm 288
		$.ajax({
1540 jpm 289
			url: urlNomCommuneFormatee,
290
			type: 'GET',
291
			dataType: 'jsonp',
292
			beforeSend: function() {
293
				$('.commune-info').empty();
294
				$('#dialogue-erreur .alert-txt').empty();
1537 jpm 295
			},
1540 jpm 296
			success: function(data, textStatus, jqXHR) {
297
				$('.commune-info').empty();
298
				$('#commune-nom').append(data.nom);
299
				$('#commune-code-insee').append(data.codeINSEE);
300
				$('#marqueur-commune').data('commune', {'nom' : data.nom, 'codeInsee' : data.codeINSEE});
1537 jpm 301
			},
1540 jpm 302
			statusCode: {
303
				500: function(jqXHR, textStatus, errorThrown) {
1537 jpm 304
					if (DEBUG) {
1540 jpm 305
						$('#dialogue-erreur .alert-txt').append('<p id="msg">Un problème est survenu lors de l\'appel au service fournissante le nom des communes.</p>');
1537 jpm 306
						reponse = jQuery.parseJSON(jqXHR.responseText);
307
						var erreurMsg = "";
308
						if (reponse != null) {
309
							$.each(reponse, function (cle, valeur) {
1540 jpm 310
								erreurMsg += valeur + '<br />';
1537 jpm 311
							});
312
						}
313
 
1540 jpm 314
						$('#dialogue-erreur .alert-txt').append(
315
							'<p class="msg-erreur">Erreur 500 : '+errorThrown+'<br />'+erreurMsg+'</p>');
1537 jpm 316
					}
1540 jpm 317
				}
1537 jpm 318
			},
1540 jpm 319
			error: function(jqXHR, textStatus, errorThrown) {
1537 jpm 320
				if (DEBUG) {
1540 jpm 321
					$('#dialogue-erreur .alert-txt').append(
322
						'<p class="msg">Une erreur Ajax est survenue lors de la transmission de vos observations.</p>');
1537 jpm 323
					reponse = jQuery.parseJSON(jqXHR.responseText);
1540 jpm 324
					var erreurMsg = '';
1537 jpm 325
					if (reponse != null) {
326
						$.each(reponse, function (cle, valeur) {
1540 jpm 327
							erreurMsg += valeur + '<br />';
1537 jpm 328
						});
329
					}
330
 
1540 jpm 331
					$('#dialogue-erreur .alert-txt').append(
332
						'<p class="msg-erreur">Erreur Ajax : '+errorThrown+' (type : '+textStatus+') <br />'+erreurMsg+'</p>');
1537 jpm 333
				}
334
			},
1540 jpm 335
			complete: function(jqXHR, textStatus) {
1537 jpm 336
				var debugMsg = extraireEnteteDebug(jqXHR);
337
				if (debugMsg != '') {
338
					if (DEBUG) {
339
						$("#dialogue-erreur .alert-txt").append('<pre class="msg-debug msg">Débogage : '+debugMsg+'</pre>');
340
					}
341
				}
342
				if ($("#dialogue-erreur .msg").length > 0) {
343
					$("#dialogue-erreur").show();
344
				}
345
			}
346
		});
347
	});
348
}
349
//+---------------------------------------------------------------------------------------------------------+
350
// IDENTITÉ
351
$(document).ready(function() {
352
	$('#courriel').on('blur', requeterIdentite);
353
	$('#courriel').on('keypress', testerLancementRequeteIdentite);
354
});
355
 
356
function testerLancementRequeteIdentite(event) {
357
	if (event.which == 13) {
358
		requeterIdentite();
359
		event.preventDefault();
360
		event.stopPropagation();
361
	}
362
}
363
 
364
function requeterIdentite() {
365
	var courriel = $('#courriel').val();
366
	//TODO: mettre ceci en paramètre de config
367
	var urlAnnuaire = SERVICE_ANNUAIRE_ID_URL + courriel;
368
	$.ajax({
1540 jpm 369
		url: urlAnnuaire,
370
		type: 'GET',
371
		success: function(data, textStatus, jqXHR) {
1537 jpm 372
			console.log('SUCCESS:'+textStatus);
373
			if (data != undefined && data[courriel] != undefined) {
374
				var infos = data[courriel];
375
				$('#id_utilisateur').val(infos.id);
376
				$('#prenom').val(infos.prenom);
377
				$('#nom').val(infos.nom);
378
				$('#courriel_confirmation').val(courriel);
379
				$('#prenom, #nom, #courriel_confirmation').attr('disabled', 'disabled');
380
				$('#date').focus();
381
			} else {
382
				surErreurCompletionCourriel();
383
			}
384
		},
1540 jpm 385
		error: function(jqXHR, textStatus, errorThrown) {
1537 jpm 386
			console.log('ERREUR :'+textStatus);
387
			surErreurCompletionCourriel();
388
		},
1540 jpm 389
		complete: function(jqXHR, textStatus) {
1537 jpm 390
			console.log('COMPLETE :'+textStatus);
391
			$('#zone-prenom-nom').removeClass('hidden');
392
			$('#zone-courriel-confirmation').removeClass('hidden');
393
		}
394
	});
395
}
396
 
397
function surErreurCompletionCourriel() {
398
	$('#prenom, #nom, #courriel_confirmation').val('');
399
	$('#prenom, #nom, #courriel_confirmation').removeAttr('disabled');
400
	afficherPanneau('#dialogue-courriel-introuvable');
401
}
402
//+---------------------------------------------------------------------------------------------------------+
403
// FORMULAIRE
404
var obsNbre = 0;
405
 
406
$(document).ready(function() {
407
	// Sliders
408
	transformerEnSlider('#presence-zone-vegetalise');
409
	transformerEnSlider('#hauteur-batiment-avoisinant');
410
	transformerEnSlider('#periodicite-traitement-phyto');
411
	transformerEnSlider('#resistance-traitement-phyto');
412
	transformerEnSlider('#vitesse-croissance');
413
 
1540 jpm 414
	// Afficher/Cacher champs cachés par défaut
1537 jpm 415
	$('#periodicite-traitement-phyto').on('change', function() {
416
		if ($(this).val() === 'jamais') {
417
			$('#datp-zone').removeClass('hidden');
418
		} else {
1540 jpm 419
			$('#datp-zone').addClass('hidden');
1537 jpm 420
		}
421
	});
422
	$('#taxon-liste').on('change', function() {
423
		if ($(this).val() === '?') {
424
			$('#taxon-input-groupe').removeClass('hidden');
425
		} else {
1540 jpm 426
			$('#taxon-input-groupe').addClass('hidden');
1537 jpm 427
		}
428
	});
429
 
430
	$('.alert .close').on('click', fermerPanneauAlert);
431
 
432
	$('[rel=tooltip]').tooltip('enable');
433
	$('#btn-aide').on('click', basculerAffichageAide);
434
 
435
	$('#prenom').on('change', formaterPrenom);
436
	$('#nom').on('change', formaterNom);
437
 
438
	configurerDatePicker('#date');
439
	configurerDatePicker('#date-arret-traitement-phyto');
1540 jpm 440
 
1537 jpm 441
	ajouterAutocompletionNoms();
1540 jpm 442
 
1537 jpm 443
	configurerFormValidator();
444
	definirReglesFormValidator();
445
 
446
	$('#courriel_confirmation').on('paste', bloquerCopierCollerCourriel);
447
 
448
	$('a.afficher-coord').on('click', basculerAffichageCoord);
449
 
450
	$('#ajouter-obs').on('click', ajouterObs);
451
 
452
	$('.obs-nbre').on('changement', surChangementNbreObs);
453
 
454
	$('body').on('click', '.supprimer-obs', supprimerObs);
455
 
456
	$('#transmettre-obs').on('click', transmettreObs);
457
 
458
	$('body').on('click', '.defilement-miniatures-gauche', function(event) {
459
		event.preventDefault();
460
		defilerMiniatures($(this));
461
	});
462
 
463
	$('body').on('click', '.defilement-miniatures-droite', function(event) {
464
		event.preventDefault();
465
		defilerMiniatures($(this));
466
	});
1540 jpm 467
 
468
	$('.dropdown-menu input, .dropdown-menu label').on('click', function(event) {
469
		event.stopPropagation();
470
	});
471
 
472
	$('input#hauteur-plante').on('blur', function() {
473
		// if there's a bad value
474
		var valeur = $(this).val();
475
		console.log(valeur);
476
		if (! valeur.match(/^[0-9]+$/)) {
477
			// replace it with nothing
478
			var nouvelleValeur = valeur.replace(/[^0-9]/g, '');
479
			$(this).val(nouvelleValeur);
480
		}
481
	});
1537 jpm 482
});
483
 
484
function transformerEnSlider(selector) {
485
	$(selector).each(function(index, el) {
486
		// hide the element
487
		$(el).addClass('slider-on');
488
 
489
		// add the slider to each element
490
		var slider = $( '<div class="slider-holder"><div class="horizontal-slider"></div></div>' ).
491
			insertAfter( el ).find('.horizontal-slider').slider({
492
				min: 1,
493
				max: el.options.length,
494
				range: 'min',
495
				value: el.selectedIndex + 1,
496
				slide: function( event, ui ) {
497
					el.selectedIndex = ui.value - 1;
498
					slider.find('a').text(el.options[el.selectedIndex].text);
499
				},
500
				stop: function() {
501
					$(el).change();
502
				}
503
			});
504
 
505
		slider.find('a').text(el.options[el.selectedIndex].text);
506
 
507
		// Create a legend under the slider so we can see the options
508
		var options = [];
509
		for (var option in $(el).children()) {
510
			if (!isNaN(parseInt(option))) {
511
				options.push(el.options[option].text);
512
			}
513
		}
514
		// the width of each legend/option
515
		var width = (slider.width() / (options.length - 1));
516
 
517
		// Add the legend. Half the width of the first and last options for display consistency.
518
		slider.after('<div class="slider-legend"><p style="width:' + (width / 2) + 'px;text-align:left;">' +
519
			options.join('</p><p style="width:' + width + 'px;">') +'</p></div>')
520
			.parent().find('.slider-legend p:last-child').css('width', width / 2)
521
			.css('text-align', 'right');
522
 
523
		// if there are too many options so that the text is wider than the width, then hide the text
524
		var lastChild = slider.parent().find('.slider-legend p:last-child');
525
		if (lastChild[0].clientWidth < lastChild[0].scrollWidth) {
526
			slider.parent().find('.slider-legend p').css('text-indent', '200%');
527
		}
528
	});
529
}
530
 
531
function configurerFormValidator() {
532
	$.validator.addMethod(
533
		'dateCel',
534
		function (value, element) {
535
			return value == '' || (/^[0-9]{2}[-\/][0-9]{2}[-\/][0-9]{4}$/.test(value));
536
		},
537
		'Format : jj/mm/aaaa. Date incomplète, utiliser 0, exemple : 00/12/2011.');
538
 
539
	$.extend($.validator.defaults, {
1540 jpm 540
		highlight: function(element) {
541
			$(element).closest('.control-group').removeClass('success').addClass('error');
1537 jpm 542
		},
1540 jpm 543
		success: function(element) {
544
			element.text('OK!').addClass('valid')
545
				.closest('.control-group').removeClass('error').addClass('success');
546
			if (element.attr('id') == 'taxon' && $('#taxon').val() != '') {
547
				// Si le taxon n'est pas lié au référentiel, on vide le data associé
548
				if ($('#taxon').data('value') != $('#taxon').val()) {
549
					$('#taxon').data('numNomSel', '');
550
					$('#taxon').data('nomRet', '');
551
					$('#taxon').data('numNomRet', '');
552
					$('#taxon').data('nt', '');
553
					$('#taxon').data('famille', '');
1537 jpm 554
				}
555
			}
556
		}
557
	});
558
}
559
 
560
function definirReglesFormValidator() {
561
	$('#form-observateur').validate({
562
		rules: {
563
			courriel: {
564
				required: true,
565
				email: true},
566
			courriel_confirmation: {
567
				required: true,
568
				equalTo: '#courriel'}
569
		}
570
	});
571
	$('#form-station').validate({
572
		rules: {
573
			latitude : {
574
				range: [-90, 90]},
1540 jpm 575
			longitude: {
1537 jpm 576
				range: [-180, 180]}
577
		}
578
	});
579
	$('#form-obs').validate({
580
		rules: {
581
			date: 'dateCel',
1540 jpm 582
			'taxon-liste': 'required'
1537 jpm 583
		}
584
	});
585
}
586
 
587
function configurerDatePicker(selector) {
588
	$.datepicker.setDefaults($.datepicker.regional['fr']);
589
	$(selector).datepicker({
590
		dateFormat: 'dd/mm/yy',
591
		showOn: 'button',
592
		buttonImageOnly: true,
593
		buttonImage: CALENDRIER_ICONE_URL,
594
		buttonText: 'Afficher le calendrier pour saisir la date.',
595
		showButtonPanel: true
596
	});
597
	$(selector + ' + img.ui-datepicker-trigger').appendTo(selector + '-icone.add-on');
598
}
599
 
600
function fermerPanneauAlert() {
601
	$(this).parentsUntil('.zone-alerte', '.alert').hide();
602
}
603
 
604
function formaterNom() {
605
	$(this).val($(this).val().toUpperCase());
606
}
607
 
608
function formaterPrenom() {
1540 jpm 609
	var prenom = new Array(),
610
		mots = $(this).val().split(' ');
1537 jpm 611
	for (var i = 0; i < mots.length; i++) {
612
		var mot = mots[i];
613
		if (mot.indexOf('-') >= 0) {
1540 jpm 614
			var prenomCompose = new Array(),
615
				motsComposes = mot.split('-');
1537 jpm 616
			for (var j = 0; j < motsComposes.length; j++) {
1540 jpm 617
				var motSimple = motsComposes[j],
618
					motMajuscule = motSimple.charAt(0).toUpperCase() + motSimple.slice(1);
1537 jpm 619
				prenomCompose.push(motMajuscule);
620
			}
621
			prenom.push(prenomCompose.join('-'));
622
		} else {
623
			var motMajuscule = mot.charAt(0).toUpperCase() + mot.slice(1);
624
			prenom.push(motMajuscule);
625
		}
626
	}
627
	$(this).val(prenom.join(' '));
628
}
629
 
630
function basculerAffichageAide()  {
631
	if ($(this).hasClass('btn-warning')) {
632
		$('[rel=tooltip]').tooltip('enable');
633
		$(this).removeClass('btn-warning').addClass('btn-success');
1540 jpm 634
		$('#btn-aide-txt', this).text("Désactiver l'aide");
1537 jpm 635
	} else {
636
		$('[rel=tooltip]').tooltip('disable');
637
		$(this).removeClass('btn-success').addClass('btn-warning');
638
		$('#btn-aide-txt', this).text("Activer l'aide");
639
	}
640
}
641
 
642
function bloquerCopierCollerCourriel() {
643
	afficherPanneau('#dialogue-bloquer-copier-coller');
644
	return false;
645
}
646
 
647
function basculerAffichageCoord() {
1540 jpm 648
	$('.afficher-coord-action').toggle();
1537 jpm 649
	$('#coordonnees-geo').toggle('slow');
650
	//valeur false pour que le lien ne soit pas suivi
651
	return false;
652
}
653
 
654
function ajouterObs() {
655
	if (validerFormulaire() == true) {
656
		obsNbre = obsNbre + 1;
657
		$('.obs-nbre').text(obsNbre);
658
		$('.obs-nbre').triggerHandler('changement');
659
		afficherObs();
660
		stockerObsData();
661
		supprimerMiniatures();
1540 jpm 662
		$('#taxon').val('').data('numNomSel', undefined).removeClass('ns-retenu');
1537 jpm 663
	} else {
664
		afficherPanneau('#dialogue-form-invalide');
665
	}
666
}
667
 
668
function afficherObs() {
1540 jpm 669
	var numNomSel = ($('#taxon-liste').val() == '?') ? $('#taxon').data('numNomSel') : $('#taxon-liste').val(),
670
		taxon = ($('#taxon-liste').val() == '?') ? $('#taxon').val() : taxons[numNomSel]['nom_sel'],
671
		referentiel = (numNomSel == undefined) ? '' : '['+NOM_SCI_PROJET+']',
672
		commune = $('#commune-nom').text(),
673
		codeInsee = $('#commune-code-insee').text(),
674
		lat = $('input[name="latitude"]').val(),
675
		lng = $('input[name="longitude"]').val(),
676
		date = $('#date').val(),
677
		site = $('#station').val(),
678
		milieux = getMilieux(),
679
		notes = $('#notes').val();
680
 
1537 jpm 681
	$('#liste-obs').prepend(
682
		'<div id="obs'+obsNbre+'" class="row-fluid obs obs'+obsNbre+'">'+
683
			'<div class="span12">'+
684
				'<div class="well">'+
685
					'<div class="obs-action pull-right" rel="tooltip" data-placement="bottom" '+
686
						'title="Supprimer cette observation de la liste à transmettre">'+
687
						'<button class="btn btn-danger supprimer-obs" value="'+obsNbre+'" title="'+obsNbre+'">'+
688
							'<i class="icon-trash icon-white"></i>'+
689
						'</button>'+
690
					'</div> '+
691
					'<div class="row-fluid">'+
692
						'<div class="thumbnail span2">'+
693
							ajouterImgMiniatureAuTransfert()+
694
						'</div>'+
695
						'<div class="span9">'+
696
							'<ul class="unstyled">'+
697
								'<li>'+
1540 jpm 698
									'<span class="nom-sci">' + taxon + '</span> ' +
699
									formaterNumNomSel(numNomSel)+
700
									'<span class="referentiel-obs">' + referentiel + '</span>' +
701
									' observé à ' +
702
									'<span class="commune">' + commune + '</span> ' +
703
									'(' + codeInsee + ') [' + lat +' / ' + lng + ']' +
704
									' le ' +
705
									'<span class="date">' + date + '</span>' +
706
								'</li>' +
707
								'<li>' +
708
									'<span>Site :</span> ' + site + ' ' +
709
									'<span>Milieu :</span> ' + milieux + ' ' +
710
								'</li>' +
711
								'<li>' +
712
									'Commentaires : <span class="discretion">' + notes + '</span>'+
1537 jpm 713
								'</li>'+
714
							'</ul>'+
715
						'</div>'+
716
					'</div>'+
717
				'</div>'+
718
			'</div>'+
719
		'</div>');
720
}
721
 
1540 jpm 722
function getMilieux() {
723
	var milieuxStr = '',
724
		milieux = [];
725
	$('input:checkbox[name="milieux"]:checked').each(function() {
726
		milieux.push($(this).val());
727
	});
728
 
729
	milieuxStr = Array.prototype.slice.call(milieux).join(', ');
730
	return milieuxStr;
731
}
732
 
733
function ajouterImgMiniatureAuTransfert() {
734
	var html = '',
735
		miniatures = '',
736
		premiere = true;
737
	if ($('#miniatures img').length >= 1) {
738
		$('#miniatures img').each(function() {
739
			var visible = premiere ? 'miniature-selectionnee' : 'miniature-cachee',
740
				css = $(this).hasClass('b64') ? 'miniature b64' : 'miniature',
741
				src = $(this).attr('src'),
742
				alt = $(this).attr('alt');
743
			premiere = false;
744
			miniature = '<img class="'+css+' '+visible+'"  alt="'+alt+'"src="'+src+'" />';
745
			miniatures += miniature;
746
		});
747
		visible = ($('#miniatures img').length > 1) ? '' : 'defilement-miniatures-cache';
748
		var html =
749
			'<div class="defilement-miniatures">'+
750
				'<a href="#" class="defilement-miniatures-gauche '+visible+'">&#60;</a>'+
751
				miniatures+
752
				'<a href="#" class="defilement-miniatures-droite '+visible+'">&#62;</a>'+
753
			'</div>';
754
	} else {
755
		html = '<img class="miniature" alt="Aucune photo"src="'+PAS_DE_PHOTO_ICONE_URL+'" />';
756
	}
757
	return html;
758
}
759
 
760
function formaterNumNomSel(numNomSel) {
761
	var nn = '';
762
 
763
	if (numNomSel == undefined) {
764
		nn = '<span class="alert-error">[non lié au référentiel]</span>';
765
	} else {
766
		nn = '<span class="nn">[nn'+numNomSel+']</span>';
767
	}
768
	return nn;
769
}
770
 
1537 jpm 771
function stockerObsData() {
772
	$('#liste-obs').data('obsId'+obsNbre, {
773
		'date' : $('#date').val(),
774
		'notes' : $('#notes').val(),
775
 
776
		'nom_sel' : $('#taxon').val(),
777
		'num_nom_sel' : $('#taxon').data('numNomSel'),
778
		'nom_ret' : $('#taxon').data('nomRet'),
779
		'num_nom_ret' : $('#taxon').data('numNomRet'),
780
		'num_taxon' : $('#taxon').data('nt'),
781
		'famille' : $('#taxon').data('famille'),
782
		'referentiel' : ($('#taxon').data('numNomSel') == undefined ? '' : NOM_SCI_REFERENTIEL),
783
 
784
		'latitude' : $('#latitude').val(),
785
		'longitude' : $('#longitude').val(),
786
		'commune_nom' : $('#commune-nom').text(),
787
		'commune_code_insee' : $('#commune-code-insee').text(),
788
		'lieudit' : $('#lieudit').val(),
789
		'station' : $('#station').val(),
790
		'milieu' : $('#milieu').val(),
791
 
792
		//Ajout des champs images
793
		'image_nom' : getNomsImgsOriginales(),
794
		'image_b64' : getB64ImgsOriginales()
795
	});
796
}
797
 
798
function surChangementReferentiel() {
799
	NOM_SCI_PROJET = $('#referentiel').val();
800
	NOM_SCI_REFERENTIEL = NOM_SCI_PROJET+':'+PROJETS_VERSIONS[NOM_SCI_PROJET];
801
	$('#taxon').val('');
802
}
803
 
804
function surChangementNbreObs() {
805
	if (obsNbre == 0) {
806
		$('#transmettre-obs').attr('disabled', 'disabled');
807
		$('#ajouter-obs').removeAttr('disabled');
808
	} else if (obsNbre > 0 && obsNbre < OBS_MAX_NBRE) {
809
		$('#transmettre-obs').removeAttr('disabled');
810
		$('#ajouter-obs').removeAttr('disabled');
811
	} else if (obsNbre >= OBS_MAX_NBRE) {
812
		$('#ajouter-obs').attr('disabled', 'disabled');
813
		afficherPanneau('#dialogue-bloquer-creer-obs');
814
	}
815
}
816
 
817
function transmettreObs() {
818
	var observations = $('#liste-obs').data();
819
	console.log(observations);
820
 
821
	if (observations == undefined || jQuery.isEmptyObject(observations)) {
822
		afficherPanneau('#dialogue-zero-obs');
823
	} else {
824
		observations['projet'] = TAG_PROJET;
825
		observations['tag-obs'] = TAG_OBS;
826
		observations['tag-img'] = TAG_IMG;
827
 
828
		var utilisateur = new Object();
829
		utilisateur.id_utilisateur = $('#id_utilisateur').val();
830
		utilisateur.prenom = $('#prenom').val();
831
		utilisateur.nom = $('#nom').val();
832
		utilisateur.courriel = $('#courriel').val();
833
		observations['utilisateur'] = utilisateur;
834
		envoyerObsAuCel(observations);
835
	}
836
	return false;
837
}
838
 
839
function envoyerObsAuCel(observations) {
840
	var erreurMsg = '';
841
	$.ajax({
1540 jpm 842
		url: SERVICE_SAISIE_URL,
843
		type: 'POST',
844
		data: observations,
845
		dataType: 'json',
846
		beforeSend: function() {
1537 jpm 847
			$('#dialogue-obs-transaction-ko').hide();
848
			$('#dialogue-obs-transaction-ok').hide();
849
			$('.alert-txt .msg').remove();
850
			$('.alert-txt .msg-erreur').remove();
851
			$('.alert-txt .msg-debug').remove();
852
			$('#chargement').show();
853
		},
1540 jpm 854
		success: function(data, textStatus, jqXHR) {
1537 jpm 855
			$('#dialogue-obs-transaction-ok .alert-txt').append($('#tpl-transmission-ok').clone().html());
856
			supprimerMiniatures();
857
		},
1540 jpm 858
		statusCode: {
859
			500: function(jqXHR, textStatus, errorThrown) {
1537 jpm 860
				erreurMsg += "Erreur 500 :\ntype : " + textStatus + ' ' + errorThrown + "\n";
1540 jpm 861
			}
1537 jpm 862
		},
1540 jpm 863
		error: function(jqXHR, textStatus, errorThrown) {
1537 jpm 864
			erreurMsg += "Erreur Ajax :\ntype : " + textStatus + ' ' + errorThrown + "\n";
865
			try {
866
				reponse = jQuery.parseJSON(jqXHR.responseText);
867
				if (reponse != null) {
868
					$.each(reponse, function (cle, valeur) {
869
						erreurMsg += valeur + "\n";
870
					});
871
				}
872
			} catch(e) {
873
				erreurMsg += "L'erreur n'était pas en JSON.";
874
			}
875
		},
1540 jpm 876
		complete: function(jqXHR, textStatus) {
1537 jpm 877
			$('#chargement').hide();
878
			var debugMsg = extraireEnteteDebug(jqXHR);
879
 
880
			if (erreurMsg != '') {
881
				if (DEBUG) {
882
					$('#dialogue-obs-transaction-ko .alert-txt').append('<pre class="msg-erreur">' + erreurMsg + '</pre>');
883
					$('#dialogue-obs-transaction-ko .alert-txt').append('<pre class="msg-debug">Débogage : ' + debugMsg + '</pre>');
884
				}
1540 jpm 885
				var hrefCourriel = 'mailto:cel@tela-botanica.org?' +
886
					'subject=Disfonctionnement du widget de saisie ' + TAG_PROJET +
887
					'&body=' + erreurMsg + "\nDébogage :\n" + debugMsg;
1537 jpm 888
 
889
				$('#dialogue-obs-transaction-ko .alert-txt').append($('#tpl-transmission-ko').clone()
890
					.find('.courriel-erreur')
891
					.attr('href', hrefCourriel)
892
					.end()
893
					.html());
894
				$('#dialogue-obs-transaction-ko').show();
895
			} else {
896
				if (DEBUG) {
897
					$('#dialogue-obs-transaction-ok .alert-txt').append('<pre class="msg-debug">Débogage : ' + debugMsg + '</pre>');
898
				}
899
				$('#dialogue-obs-transaction-ok').show();
900
			}
901
			initialiserObs();
902
		}
903
	});
904
}
905
 
906
function validerFormulaire() {
907
	$observateur = $('#form-observateur').valid();
908
	$station = $('#form-station').valid();
909
	$obs = $('#form-obs').valid();
910
	return ($observateur == true && $station == true && $obs == true) ? true : false;
911
}
912
 
913
function getNomsImgsOriginales() {
914
	var noms = new Array();
915
	$('.miniature-img').each(function() {
916
		noms.push($(this).attr('alt'));
917
	});
918
	return noms;
919
}
920
 
921
function getB64ImgsOriginales() {
922
	var b64 = new Array();
923
	$('.miniature-img').each(function() {
924
		if ($(this).hasClass('b64')) {
925
			b64.push($(this).attr('src'));
926
		} else if ($(this).hasClass('b64-canvas')) {
927
			b64.push($(this).data('b64'));
928
		}
929
	});
930
	return b64;
931
}
932
 
933
function supprimerObs() {
934
	var obsId = $(this).val();
935
	// Problème avec IE 6 et 7
936
	if (obsId == 'Supprimer') {
937
		obsId = $(this).attr('title');
938
	}
939
	obsNbre = obsNbre - 1;
940
	$('.obs-nbre').text(obsNbre);
941
	$('.obs-nbre').triggerHandler('changement');
942
 
943
	$('.obs'+obsId).remove();
944
	$('#liste-obs').removeData('obsId' + obsId);
945
}
946
 
947
function initialiserObs() {
948
	obsNbre = 0;
949
	$('.obs-nbre').text(obsNbre);
950
	$('.obs-nbre').triggerHandler('changement');
951
	$('#liste-obs').removeData();
952
	$('.obs').remove();
953
	$('#dialogue-bloquer-creer-obs').hide();
954
}
955
 
956
 
957
function defilerMiniatures(element) {
1540 jpm 958
	var miniatureSelectionne = element.siblings('img.miniature-selectionnee');
1537 jpm 959
	miniatureSelectionne.removeClass('miniature-selectionnee');
960
	miniatureSelectionne.addClass('miniature-cachee');
961
	var miniatureAffichee = miniatureSelectionne;
962
 
963
	if(element.hasClass('defilement-miniatures-gauche')) {
964
		if(miniatureSelectionne.prev('.miniature').length != 0) {
965
			miniatureAffichee = miniatureSelectionne.prev('.miniature');
966
		} else {
1540 jpm 967
			miniatureAffichee = miniatureSelectionne.siblings('.miniature').last();
1537 jpm 968
		}
969
	} else {
970
		if(miniatureSelectionne.next('.miniature').length != 0) {
971
			miniatureAffichee = miniatureSelectionne.next('.miniature');
972
		} else {
1540 jpm 973
			miniatureAffichee = miniatureSelectionne.siblings('.miniature').first();
1537 jpm 974
		}
975
	}
976
	miniatureAffichee.addClass('miniature-selectionnee');
977
	miniatureAffichee.removeClass('miniature-cachee');
978
}
979
 
980
//+---------------------------------------------------------------------------------------------------------+
981
// AUTO-COMPLÉTION Noms Scientifiques
982
 
983
function ajouterAutocompletionNoms() {
984
	$('#taxon').autocomplete({
985
		source: function(requete, add){
986
			// la variable de requête doit être vidée car sinon le parametre "term" est ajouté
987
 
988
			var url = getUrlAutocompletionNomsSci();
989
			$.getJSON(url, function(data) {
990
				console.log(data);
991
				var suggestions = traiterRetourNomsSci(data);
992
				add(suggestions);
993
			});
994
		},
995
		html: true
996
	});
997
 
1540 jpm 998
	$('#taxon').bind('autocompleteselect', function(event, ui) {
999
		$('#taxon').data(ui.item);
1537 jpm 1000
		if (ui.item.retenu == true) {
1540 jpm 1001
			$('#taxon').addClass('ns-retenu');
1537 jpm 1002
		} else {
1540 jpm 1003
			$('#taxon').removeClass('ns-retenu');
1537 jpm 1004
		}
1005
	});
1006
}
1007
 
1008
function getUrlAutocompletionNomsSci() {
1540 jpm 1009
	var mots = $('#taxon').val(),
1010
		url = SERVICE_AUTOCOMPLETION_NOM_SCI_URL_TPL.replace('{referentiel}',NOM_SCI_PROJET);
1537 jpm 1011
	url = url.replace('{masque}', mots);
1012
	return url;
1013
}
1014
 
1015
function traiterRetourNomsSci(data) {
1540 jpm 1016
	var suggestions = [];
1537 jpm 1017
	if (data.resultat != undefined) {
1018
		$.each(data.resultat, function(i, val) {
1019
			val.nn = i;
1540 jpm 1020
			var nom = {label: '', value: '', nt: '', nomSel: '', nomSelComplet: '', numNomSel: '',
1021
				nomRet: '', numNomRet: '', famille: '', retenu: false
1537 jpm 1022
			};
1023
			if (suggestions.length >= AUTOCOMPLETION_ELEMENTS_NBRE) {
1540 jpm 1024
				nom.label = '...';
1537 jpm 1025
				nom.value = $('#taxon').val();
1026
				suggestions.push(nom);
1027
				return false;
1028
			} else {
1029
				nom.label = val.nom_sci_complet;
1030
				nom.value = val.nom_sci_complet;
1031
				nom.nt = val.num_taxonomique;
1032
				nom.nomSel = val.nom_sci;
1033
				nom.nomSelComplet = val.nom_sci_complet;
1034
				nom.numNomSel = val.nn;
1035
				nom.nomRet = val.nom_retenu_complet;
1540 jpm 1036
				nom.numNomRet = val['nom_retenu.id'];
1537 jpm 1037
				nom.famille = val.famille;
1038
				nom.retenu = (val.retenu == 'false') ? false : true;
1039
 
1040
				suggestions.push(nom);
1540 jpm 1041
			}
1537 jpm 1042
		});
1043
	}
1044
	return suggestions;
1045
}
1046
 
1047
/*
1048
 * jQuery UI Autocomplete HTML Extension
1049
 *
1050
 * Copyright 2010, Scott González (http://scottgonzalez.com)
1051
 * Dual licensed under the MIT or GPL Version 2 licenses.
1052
 *
1053
 * http://github.com/scottgonzalez/jquery-ui-extensions
1054
 *
1055
 * Adaptation par Aurélien Peronnet pour la mise en gras des noms de taxons valides
1056
 */
1540 jpm 1057
(function($) {
1537 jpm 1058
	var proto = $.ui.autocomplete.prototype,
1059
		initSource = proto._initSource;
1060
 
1540 jpm 1061
	function filter(array, term) {
1062
		var matcher = new RegExp($.ui.autocomplete.escapeRegex(term), 'i');
1063
		return $.grep(array, function(value) {
1064
			return matcher.test($('<div>').html(value.label || value.value || value).text());
1537 jpm 1065
		});
1066
	}
1067
 
1540 jpm 1068
	$.extend(proto, {
1537 jpm 1069
		_initSource: function() {
1540 jpm 1070
			if (this.options.html && $.isArray(this.options.source)) {
1537 jpm 1071
				this.source = function( request, response ) {
1540 jpm 1072
					response(filter(this.options.source, request.term));
1537 jpm 1073
				};
1074
			} else {
1540 jpm 1075
				initSource.call(this);
1537 jpm 1076
			}
1077
		},
1540 jpm 1078
		_renderItem: function(ul, item) {
1537 jpm 1079
			if (item.retenu == true) {
1540 jpm 1080
				item.label = '<strong>'+item.label+'</strong>';
1537 jpm 1081
			}
1082
 
1540 jpm 1083
			return $('<li></li>')
1084
				.data('item.autocomplete', item)
1085
				.append($('<a></a>')[this.options.html ? 'html' : 'text'](item.label))
1086
				.appendTo(ul);
1537 jpm 1087
		}
1088
	});
1540 jpm 1089
})(jQuery);