Subversion Repositories eFlore/Applications.cel

Rev

Rev 1241 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 1241 Rev 1249
Line 1... Line 1...
1
//+---------------------------------------------------------------------------------------------------------+
1
//+---------------------------------------------------------------------------------------------------------+
2
// GÉNÉRAL
2
// GÉNÉRAL
-
 
3
$(document).ready(function() {
-
 
4
	$(window).on('beforeunload', function(event) {
-
 
5
		return 'Êtes vous sûr de vouloir quiter la page?\nLes observations saisies mains non transmises seront perdues.';
-
 
6
	});
-
 
7
});
-
 
8
//+----------------------------------------------------------------------------------------------------------+
-
 
9
// FONCTIONS GÉNÉRIQUES
3
/**
10
/**
4
 * Stope l'évènement courrant quand on clique sur un lien.
11
 * Stope l'évènement courrant quand on clique sur un lien.
5
 * Utile pour Chrome, Safari...
12
 * Utile pour Chrome, Safari...
6
 * @param evenement
13
 * @param evenement
7
 * @return
14
 * @return
8
 */
15
 */
9
function arreter(evenement) {
16
function arreter(evenement) {
10
	if (evenement.stopPropagation) {
17
	if (evenement.stopPropagation) {
11
		evenement.stopPropagation();
18
		evenement.stopPropagation();
12
	}
19
	}
-
 
20
	if (evenement.preventDefault) {
-
 
21
		evenement.preventDefault();
-
 
22
	}
13
	return false;
23
	return false;
14
}
24
}
Line 15... Line 25...
15
 
25
 
16
// TODO : voir si cette fonction est bien utile. Résoud le pb d'un warning sous chrome.
26
function extraireEnteteDebug(jqXHR) {
17
(function(){
27
	var msgDebug = '';
-
 
28
	if (jqXHR.getResponseHeader("X-DebugJrest-Data") != '') {
18
    // remove layerX and layerY
29
		var debugInfos = jQuery.parseJSON(jqXHR.getResponseHeader("X-DebugJrest-Data"));
19
    var all = $.event.props,
30
		if (debugInfos != null) {
20
        len = all.length,
31
			$.each(debugInfos, function (cle, valeur) {
21
        res = [];
32
				msgDebug += valeur + "\n";
-
 
33
			});
-
 
34
		}
22
    while (len--) {
35
	}
23
      var el = all[len];
-
 
24
      if (el != 'layerX' && el != 'layerY') res.push(el);
36
	return msgDebug;
-
 
37
}
25
    }
38
 
-
 
39
function afficherPanneau(selecteur) {
26
    $.event.props = res;
40
	$(selecteur).fadeIn("slow").delay(DUREE_MESSAGE).fadeOut("slow");
Line 27... Line 41...
27
}());
41
}
28
 
42
 
29
//+----------------------------------------------------------------------------------------------------------+
43
//+----------------------------------------------------------------------------------------------------------+
Line 30... Line 44...
30
//UPLOAD PHOTO : Traitement de l'image 
44
//UPLOAD PHOTO : Traitement de l'image 
31
$(document).ready(function() {	
45
$(document).ready(function() {
32
	
46
	
Line 52... Line 66...
52
			$("#form-upload").ajaxSubmit(options);
66
			$("#form-upload").ajaxSubmit(options);
53
			return false;
67
			return false;
54
		});
68
		});
55
	}	
69
	}	
56
});
70
});
-
 
71
 
57
function isCanvasSupported(){
72
function isCanvasSupported(){
58
	var elem = document.createElement('canvas');
73
	var elem = document.createElement('canvas');
59
	return !!(elem.getContext && elem.getContext('2d'));
74
	return !!(elem.getContext && elem.getContext('2d'));
60
}
75
}
Line 93... Line 108...
93
			};
108
			};
94
		})(f);
109
		})(f);
95
	}
110
	}
96
	$("#effacer-miniature").show();
111
	$("#effacer-miniature").show();
97
}
112
}
-
 
113
 
98
function transformerImgEnCanvas(img, thumbwidth, thumbheight, crop, background) {
114
function transformerImgEnCanvas(img, thumbwidth, thumbheight, crop, background) {
99
	var canvas = document.createElement('canvas');
115
	var canvas = document.createElement('canvas');
100
	canvas.width = thumbwidth;
116
	canvas.width = thumbwidth;
101
	canvas.height = thumbheight;
117
	canvas.height = thumbheight;
102
	var dimensions = calculerDimenssions(img.width, img.height, thumbwidth, thumbheight);
118
	var dimensions = calculerDimenssions(img.width, img.height, thumbwidth, thumbheight);
Line 206... Line 222...
206
			var latLng = new google.maps.LatLng(ui.item.latitude, ui.item.longitude);
222
			var latLng = new google.maps.LatLng(ui.item.latitude, ui.item.longitude);
207
			deplacerMarker(latLng);
223
			deplacerMarker(latLng);
208
		}
224
		}
209
	});
225
	});
Line 210... Line 226...
210
	
226
	
211
	$("#geolocaliser").on('click', function() {
-
 
212
		var latitude = $('#latitude').val();
-
 
213
		var longitude = $('#longitude').val();
-
 
214
		latLng = new google.maps.LatLng(latitude, longitude);
-
 
215
		deplacerMarker(latLng);
-
 
Line 216... Line 227...
216
	});
227
	$("#geolocaliser").on('click', geolocaliser);
217
	
-
 
218
	google.maps.event.addListener(marker, 'dragend', function() {
-
 
219
		trouverCommune(marker.getPosition());
-
 
Line 220... Line 228...
220
		mettreAJourMarkerPosition(marker.getPosition());
228
	
221
	});
-
 
222
	
-
 
223
	google.maps.event.addListener(map, 'click', function(event) {
229
	google.maps.event.addListener(marker, 'dragend', surDeplacementMarker);
Line -... Line 230...
-
 
230
	
-
 
231
	google.maps.event.addListener(map, 'click', surClickDansCarte);
-
 
232
});
-
 
233
 
-
 
234
function surDeplacementMarker() {
-
 
235
	trouverCommune(marker.getPosition());
-
 
236
	mettreAJourMarkerPosition(marker.getPosition());
-
 
237
}
-
 
238
 
-
 
239
function surClickDansCarte(event) {
-
 
240
	deplacerMarker(event.latLng);
-
 
241
}
-
 
242
 
-
 
243
function geolocaliser() {
-
 
244
	var latitude = $('#latitude').val();
-
 
245
	var longitude = $('#longitude').val();
224
		deplacerMarker(event.latLng);
246
	latLng = new google.maps.LatLng(latitude, longitude);
225
	});
247
	deplacerMarker(latLng);
226
});
248
}
Line 227... Line 249...
227
 
249
 
Line 351... Line 373...
351
					
373
					
352
					$("#dialogue-erreur .alert-txt").append('<p class="msg-erreur">Erreur Ajax : '+errorThrown+' (type : '+textStatus+') <br />'+erreurMsg+'</p>');
374
					$("#dialogue-erreur .alert-txt").append('<p class="msg-erreur">Erreur Ajax : '+errorThrown+' (type : '+textStatus+') <br />'+erreurMsg+'</p>');
353
				}
375
				}
354
			},
376
			},
355
			complete : function(jqXHR, textStatus) {
-
 
356
				if (DEBUG && jqXHR.getResponseHeader("X-DebugJrest-Data") != '') {
377
			complete : function(jqXHR, textStatus) {
357
					var debugMsg = "";
-
 
358
					debugInfos = jQuery.parseJSON(jqXHR.getResponseHeader("X-DebugJrest-Data"));
378
				var debugMsg = extraireEnteteDebug(jqXHR);
359
					if (debugInfos != null) {
-
 
360
						$.each(debugInfos, function (cle, valeur) {
-
 
361
							debugMsg += valeur + "<br />";
379
				if (debugMsg != '') {
362
						});
380
					if (DEBUG) {
363
						$("#dialogue-erreur .alert-txt").append('<pre class="msg-debug msg">Débogage : '+debugMsg+'</pre>');
381
						$("#dialogue-erreur .alert-txt").append('<pre class="msg-debug msg">Débogage : '+debugMsg+'</pre>');
364
					}
382
					}
365
				}
383
				}
366
				if ($("#dialogue-erreur .msg").length > 0) {
384
				if ($("#dialogue-erreur .msg").length > 0) {
Line 371... Line 389...
371
	});
389
	});
372
}
390
}
373
//+---------------------------------------------------------------------------------------------------------+
391
//+---------------------------------------------------------------------------------------------------------+
374
// IDENTITÉ
392
// IDENTITÉ
375
$(document).ready(function() {
393
$(document).ready(function() {
376
	$("#courriel").on('blur', function() {
394
	$("#courriel").on('blur', requeterIdentite);
-
 
395
	$("#courriel").on('keypress', testerLancementRequeteIdentite);
-
 
396
});
-
 
397
 
-
 
398
function testerLancementRequeteIdentite(event) {
-
 
399
	if (event.which == 13) {
-
 
400
		requeterIdentite();
-
 
401
		event.preventDefault();
-
 
402
		event.stopPropagation();
-
 
403
	}
-
 
404
}
-
 
405
 
-
 
406
function requeterIdentite() {
377
		var courriel = $("#courriel").val();
407
	var courriel = $("#courriel").val();
378
		var urlAnnuaire = "http://www.tela-botanica.org/client/annuaire_nouveau/actuelle/jrest/utilisateur/identite-par-courriel/"+courriel;//http://localhost/applications/annuaire/jrest/
408
	var urlAnnuaire = "http://www.tela-botanica.org/client/annuaire_nouveau/actuelle/jrest/utilisateur/identite-par-courriel/"+courriel;//http://localhost/applications/annuaire/jrest/
379
		$.ajax({
409
	$.ajax({
380
			url : urlAnnuaire,
410
		url : urlAnnuaire,
381
			type : "GET",
411
		type : "GET",
382
			success : function(data, textStatus, jqXHR) {
412
		success : function(data, textStatus, jqXHR) {
-
 
413
			console.log('SUCCESS:'+textStatus);
383
				if (data != undefined) {
414
			if (data != undefined && data[courriel] != undefined) {
384
					var infos = data[courriel];
415
				var infos = data[courriel];
385
					$("#prenom").val(infos.prenom);
416
				$("#prenom").val(infos.prenom);
386
					$("#nom").val(infos.nom);
417
				$("#nom").val(infos.nom);
387
					$("#courriel_confirmation").val(courriel);
418
				$("#courriel_confirmation").val(courriel);
388
				}
-
 
389
			},
-
 
390
			error : function(jqXHR, textStatus, errorThrown) {
419
				$("#prenom, #nom, #courriel_confirmation").attr('disabled', 'disabled');
391
				console.log('ERREUR :'+textStatus);
420
				$("#date").focus();
392
			},
421
			} else {
393
			complete : function(jqXHR, textStatus) {
-
 
394
				console.log('COMPLETE :'+textStatus);
-
 
395
				$("#zone-prenom-nom").removeClass("hidden");
422
				surErreurCompletionCourriel();
396
			}
423
			}
397
		});
424
		},
-
 
425
		error : function(jqXHR, textStatus, errorThrown) {
-
 
426
			console.log('ERREUR :'+textStatus);
-
 
427
			surErreurCompletionCourriel();
-
 
428
		},
-
 
429
		complete : function(jqXHR, textStatus) {
-
 
430
			console.log('COMPLETE :'+textStatus);
-
 
431
			$("#zone-prenom-nom").removeClass("hidden");
-
 
432
			$("#zone-courriel-confirmation").removeClass("hidden");
-
 
433
		}
398
	});
434
	});
399
});
435
}
Line -... Line 436...
-
 
436
 
-
 
437
function surErreurCompletionCourriel() {
-
 
438
	$("#prenom, #nom, #courriel_confirmation").val('');
-
 
439
	$("#prenom, #nom, #courriel_confirmation").removeAttr('disabled');
-
 
440
	afficherPanneau("#dialogue-courriel-introuvable");
-
 
441
}
-
 
442
//+---------------------------------------------------------------------------------------------------------+
-
 
443
//FORMULAIRE VALIDATION
-
 
444
$(document).ready(function() {
-
 
445
	
-
 
446
	
400
 
447
});
401
//+---------------------------------------------------------------------------------------------------------+
448
//+---------------------------------------------------------------------------------------------------------+
402
// FORMULAIRE
449
// FORMULAIRE
Line 403... Line 450...
403
var obsNbre = 0;
450
var obsNbre = 0;
404
 
451
 
405
$(document).ready(function() {
-
 
406
	$(".alert .close").on('click', function() {
-
 
Line 407... Line 452...
407
		$(this).parentsUntil(".zone-alerte", ".alert").hide();
452
$(document).ready(function() {
408
	});
-
 
409
	
-
 
410
	$("#btn-aide").on('click', function() {
-
 
411
		if ($(this).hasClass('btn-warning')) {
-
 
412
			$("[rel=tooltip]").tooltip('enable');
-
 
413
			$(this).removeClass('btn-warning').addClass('btn-success');
-
 
414
			$('#btn-aide-txt', this).text("Désactiver l'aide");
-
 
415
		} else {
-
 
416
			$("[rel=tooltip]").tooltip('disable');
-
 
417
			$(this).removeClass('btn-success').addClass('btn-warning');
-
 
Line -... Line 453...
-
 
453
	$(".alert .close").on('click', fermerPanneauAlert);
Line 418... Line -...
418
			$('#btn-aide-txt', this).text("Activer l'aide");
-
 
419
		}
-
 
420
	});
-
 
421
	
-
 
422
	
-
 
423
	$("#prenom").on("change", function(event) {
-
 
424
		var prenom = new Array();
-
 
425
		var mots = $(this).val().split('-');
-
 
426
        for(var i = 0; i < mots.length; i++) {
-
 
427
        	var mot = mots[i];
-
 
428
        	var motMajuscule = mot.charAt(0).toUpperCase() + mot.slice(1);
454
	
429
        	prenom.push(motMajuscule);
-
 
430
        }
-
 
Line 431... Line -...
431
		$(this).val(prenom.join('-'));
-
 
432
	});
455
	$("#btn-aide").on('click', basculerAffichageAide);
433
	$("#nom").on("change", function(event) {
-
 
434
		$(this).val($(this).val().toUpperCase());
-
 
435
	});
-
 
436
	
-
 
437
	$.datepicker.setDefaults($.datepicker.regional["fr"]);
-
 
438
	$("#date").datepicker({
-
 
439
		dateFormat: "dd/mm/yy",  
-
 
440
		showOn: "button",
-
 
Line 441... Line 456...
441
		buttonImageOnly: true,  
456
	
Line -... Line 457...
-
 
457
	$("#prenom").on("change", formaterPrenom);
-
 
458
	
-
 
459
	$("#nom").on("change", formaterNom);
-
 
460
	
-
 
461
	configurerDatePicker();
-
 
462
	
-
 
463
	ajouterAutocompletionNoms();
-
 
464
	
-
 
465
	configurerFormValidator();
-
 
466
	definirReglesFormValidator();
-
 
467
		
-
 
468
	$("#courriel_confirmation").on('paste', bloquerCopierCollerCourriel);
-
 
469
		
-
 
470
	$("a.afficher-coord").on('click', basculerAffichageCoord);
-
 
471
	
-
 
472
	$("#ajouter-obs").on('click', ajouterObs);
-
 
473
	
442
		buttonImage: CALENDRIER_ICONE_URL,
474
	$(".obs-nbre").on('changement', surChangementNbreObs);
443
		buttonText: "Afficher le calendrier pour saisir la date.",
475
	
444
		showButtonPanel: true
476
	$("body").on('click', ".supprimer-obs", supprimerObs);
445
	});
477
	
446
	$("img.ui-datepicker-trigger").appendTo("#date-icone");
478
	$("#transmettre-obs").on('click', transmettreObs);
Line 492... Line 524...
492
					$(element).next(" span.help-inline").remove();
524
					$(element).next(" span.help-inline").remove();
493
				}
525
				}
494
			}
526
			}
495
		}
527
		}
496
	});
528
	});
-
 
529
}
-
 
530
 
-
 
531
function definirReglesFormValidator() {
497
	$("#form-observateur").validate({
532
	$("#form-observateur").validate({
498
		rules: {
533
		rules: {
499
			courriel : {
534
			courriel : {
500
				required : true,
535
				required : true,
501
				email : true},
536
				email : true},
Line 518... Line 553...
518
		rules: {
553
		rules: {
519
			date : "dateCel",
554
			date : "dateCel",
520
			taxon : "required"
555
			taxon : "required"
521
		}
556
		}
522
	});
557
	});
-
 
558
}
523
	
559
 
-
 
560
function configurerDatePicker() {
524
	$("#courriel_confirmation").on('paste', function(e) {
561
	$.datepicker.setDefaults($.datepicker.regional["fr"]);
525
		$("#dialogue-bloquer-copier-coller").show();
562
	$("#date").datepicker({
-
 
563
		dateFormat: "dd/mm/yy",  
526
		return false;
564
		showOn: "button",
-
 
565
		buttonImageOnly: true,  
-
 
566
		buttonImage: CALENDRIER_ICONE_URL,
-
 
567
		buttonText: "Afficher le calendrier pour saisir la date.",
-
 
568
		showButtonPanel: true
527
	});
569
	});
-
 
570
	$("img.ui-datepicker-trigger").appendTo("#date-icone");
-
 
571
}
528
		
572
 
-
 
573
function fermerPanneauAlert() {
-
 
574
	$(this).parentsUntil(".zone-alerte", ".alert").hide();
-
 
575
}
-
 
576
 
-
 
577
function formaterNom() {
-
 
578
	$(this).val($(this).val().toUpperCase());
-
 
579
}
-
 
580
 
-
 
581
function formaterPrenom() {
-
 
582
	var prenom = new Array();
-
 
583
	var mots = $(this).val().split(' ');
-
 
584
	for (var i = 0; i < mots.length; i++) {
-
 
585
		var mot = mots[i];
-
 
586
		if (mot.indexOf('-') >= 0) {
-
 
587
			var prenomCompose = new Array();
-
 
588
			var motsComposes = mot.split('-');
-
 
589
		    for (var j = 0; j < motsComposes.length; j++) {
-
 
590
		    	var motSimple = motsComposes[j];
-
 
591
		    	var motMajuscule = motSimple.charAt(0).toUpperCase() + motSimple.slice(1);
-
 
592
		    	prenomCompose.push(motMajuscule);
-
 
593
		    }
-
 
594
		    prenom.push(prenomCompose.join('-'));
-
 
595
		} else {
-
 
596
			var motMajuscule = mot.charAt(0).toUpperCase() + mot.slice(1);
-
 
597
			prenom.push(motMajuscule);
-
 
598
		}
-
 
599
	}
-
 
600
	$(this).val(prenom.join(' '));
-
 
601
}
-
 
602
 
529
	//bascule le texte d'afficher à masquer
603
function basculerAffichageAide()  {
-
 
604
	if ($(this).hasClass('btn-warning')) {
-
 
605
		$("[rel=tooltip]").tooltip('enable');
-
 
606
		$(this).removeClass('btn-warning').addClass('btn-success');
-
 
607
		$('#btn-aide-txt', this).text("Désactiver l'aide");
-
 
608
	} else {
-
 
609
		$("[rel=tooltip]").tooltip('disable');
-
 
610
		$(this).removeClass('btn-success').addClass('btn-warning');
-
 
611
		$('#btn-aide-txt', this).text("Activer l'aide");
-
 
612
	}
-
 
613
}
-
 
614
 
-
 
615
function bloquerCopierCollerCourriel() {
530
	$("a.afficher-coord").on('click', function() {
616
	$("#dialogue-bloquer-copier-coller").show();
-
 
617
	return false;
-
 
618
}
-
 
619
 
-
 
620
function basculerAffichageCoord() {
531
		$("a.afficher-coord").toggle();
621
	$("a.afficher-coord").toggle();
532
		$("#coordonnees-geo").toggle('slow');
622
	$("#coordonnees-geo").toggle('slow');
533
		//valeur false pour que le lien ne soit pas suivi
623
	//valeur false pour que le lien ne soit pas suivi
534
		return false;
624
	return false;
535
	});
625
}
536
	
626
 
537
	var obsNumero = 0;
627
function ajouterObs() {
538
	$("#ajouter-obs").on('click', function(e) {
-
 
539
		if (validerFormulaire() == true) {
628
	if (validerFormulaire() == true) {
540
			//rassemble les obs dans un tableau html
-
 
541
			obsNumero = obsNumero + 1;
629
		obsNbre = obsNbre + 1;
542
			obsNbre = obsNbre + 1;
630
		$(".obs-nbre").text(obsNbre);
543
			$(".obs-nbre").text(obsNbre);
631
		$(".obs-nbre").triggerHandler('changement');
-
 
632
		afficherObs();
-
 
633
		stockerObsData();
-
 
634
		supprimerMiniature();
-
 
635
	} else {
-
 
636
		afficherPanneau('#dialogue-form-invalide');
-
 
637
	}
-
 
638
}
-
 
639
 
-
 
640
function afficherObs() {
544
			$("#liste-obs").prepend(
641
	$("#liste-obs").prepend(
545
				'<div id="obs'+obsNumero+'" class="row-fluid obs obs'+obsNumero+'">'+
642
		'<div id="obs'+obsNbre+'" class="row-fluid obs obs'+obsNbre+'">'+
546
					'<div class="span12">'+
643
			'<div class="span12">'+
547
						'<div class="well" >'+
644
				'<div class="well" >'+
548
							'<div class="obs-action pull-right"  rel="tooltip" title="Supprimer cette observation">'+
645
					'<div class="obs-action pull-right"  rel="tooltip" title="Supprimer cette observation">'+
549
								'<button class="btn btn-danger supprimer-obs" value="'+obsNumero+'" title="'+obsNumero+'">'+
646
						'<button class="btn btn-danger supprimer-obs" value="'+obsNbre+'" title="'+obsNbre+'">'+
550
									'<i class="icon-trash icon-white"></i>'+
647
							'<i class="icon-trash icon-white"></i>'+
551
								'</button>'+
648
						'</button>'+
552
							'</div> '+		
649
					'</div> '+		
553
							'<div class="row-fluid">'+	
650
					'<div class="row-fluid">'+	
554
								'<div class="thumbnail span2">'+
651
						'<div class="thumbnail span2">'+
555
									ajouterImgMiniatureAuTransfert()+
652
							ajouterImgMiniatureAuTransfert()+
556
								'</div>'+
653
						'</div>'+
557
								'<div class="span9">'+
654
						'<div class="span9">'+
558
									'<ul class="unstyled">'+
655
							'<ul class="unstyled">'+
559
										'<li>'+
656
								'<li>'+
560
											'<span class="nom-sci">'+$("#taxon").val()+'</span> '+
657
									'<span class="nom-sci">'+$("#taxon").val()+'</span> '+
561
											ajouterNumNomSel()+
658
									ajouterNumNomSel()+
562
											' observé à '+
659
									' observé à '+
563
											'<span class="commune">'+$('#commune-nom').text()+'</span> '+
660
									'<span class="commune">'+$('#commune-nom').text()+'</span> '+
564
											'('+$('#commune-code-insee').text()+') ['+$("#latitude").val()+' / '+$("#longitude").val()+']'+
661
									'('+$('#commune-code-insee').text()+') ['+$("#latitude").val()+' / '+$("#longitude").val()+']'+
565
											' le '+
662
									' le '+
566
											'<span class="date">'+$("#date").val()+'</span>'+
663
									'<span class="date">'+$("#date").val()+'</span>'+
567
										'</li>'+
664
								'</li>'+
568
										'<li>'+
665
								'<li>'+
569
											'<span>Lieu-dit :</span> '+$('#lieudit').val()+' '+
666
									'<span>Lieu-dit :</span> '+$('#lieudit').val()+' '+
570
											'<span>Station :</span> '+$('#station').val()+' '+
667
									'<span>Station :</span> '+$('#station').val()+' '+
571
											'<span>Milieu :</span> '+$('#milieu').val()+' '+
668
									'<span>Milieu :</span> '+$('#milieu').val()+' '+
572
										'</li>'+
669
								'</li>'+
573
										'<li>'+
670
								'<li>'+
574
											'Commentaires : <span class="discretion">'+$("#notes").val()+'</span>'+
671
									'Commentaires : <span class="discretion">'+$("#notes").val()+'</span>'+
575
										'</li>'+
672
								'</li>'+
576
									'</ul>'+
673
							'</ul>'+
577
								'</div>'+
-
 
578
							'</div>'+
-
 
579
						'</div>'+
674
						'</div>'+
580
					'</div>'+
675
					'</div>'+
581
				'</div>');
676
				'</div>'+
-
 
677
			'</div>'+
-
 
678
		'</div>');
-
 
679
}
-
 
680
 
582
			//rassemble les obs dans #liste-obs
681
function stockerObsData() {
583
			$("#liste-obs").data('obsId'+obsNumero, {
682
	$("#liste-obs").data('obsId'+obsNbre, {
584
				'date' : $("#date").val(), 
683
		'date' : $("#date").val(), 
585
				'notes' : $("#notes").val(),
684
		'notes' : $("#notes").val(),
586
				
685
		
587
				'nom_sel' : $("#taxon").val(),
686
		'nom_sel' : $("#taxon").val(),
588
				'num_nom_sel' : $("#taxon").data("numNomSel"),
687
		'num_nom_sel' : $("#taxon").data("numNomSel"),
589
				'nom_ret' : $("#taxon").data("nomRet"),
688
		'nom_ret' : $("#taxon").data("nomRet"),
590
				'num_nom_ret' : $("#taxon").data("numNomRet"),
689
		'num_nom_ret' : $("#taxon").data("numNomRet"),
591
				'num_taxon' : $("#taxon").data("nt"),
690
		'num_taxon' : $("#taxon").data("nt"),
592
				'famille' : $("#taxon").data("famille"),
691
		'famille' : $("#taxon").data("famille"),
593
				'referentiel' : ($("#taxon").data("numNomSel") == undefined ? '' : NOM_SCI_REFERENTIEL),
692
		'referentiel' : ($("#taxon").data("numNomSel") == undefined ? '' : NOM_SCI_REFERENTIEL),
594
				
693
		
595
				'latitude' : $("#latitude").val(),
694
		'latitude' : $("#latitude").val(),
596
				'longitude' : $("#longitude").val(),
695
		'longitude' : $("#longitude").val(),
597
				'commune_nom' : $("#commune-nom").text(),
696
		'commune_nom' : $("#commune-nom").text(),
598
				'commune_code_insee' : $("#commune-code-insee").text(),
697
		'commune_code_insee' : $("#commune-code-insee").text(),
599
				'lieu_dit' : $("#lieu_dit").val(),
698
		'lieu_dit' : $("#lieu_dit").val(),
600
				'station' : $("#station").val(),
699
		'station' : $("#station").val(),
601
				'milieu' : $("#milieu").val(),
700
		'milieu' : $("#milieu").val(),
602
				
701
		
603
				//Ajout des champs images
702
		//Ajout des champs images
604
				'image_nom' : $("#miniature-img").attr('alt'),
703
		'image_nom' : $("#miniature-img").attr('alt'),
605
				'image_b64' : getB64ImgOriginal()
704
		'image_b64' : getB64ImgOriginal()
606
			});
-
 
607
			supprimerMiniature();
-
 
608
			$(".obs-nbre").triggerHandler('changement');
-
 
609
		}
-
 
610
	});
-
 
611
	
-
 
612
	$(".obs-nbre").on('changement', function() {
-
 
613
		if (obsNbre == 0) {
-
 
614
			$("#transmettre-obs").attr('disabled', 'disabled');
-
 
615
			$("#ajouter-obs").removeAttr('disabled');
-
 
616
		} else if (obsNbre > 0 && obsNbre < OBS_MAX_NBRE) {
-
 
617
			$("#transmettre-obs").removeAttr('disabled');
-
 
618
			$("#ajouter-obs").removeAttr('disabled');
-
 
619
		} else if (obsNbre >= OBS_MAX_NBRE) {
-
 
620
			$("#ajouter-obs").attr('disabled', 'disabled');
-
 
621
		}
-
 
622
	});
705
	});
-
 
706
}
-
 
707
 
-
 
708
function surChangementNbreObs() {
-
 
709
	if (obsNbre == 0) {
-
 
710
		$("#transmettre-obs").attr('disabled', 'disabled');
-
 
711
		$("#ajouter-obs").removeAttr('disabled');
-
 
712
	} else if (obsNbre > 0 && obsNbre < OBS_MAX_NBRE) {
-
 
713
		$("#transmettre-obs").removeAttr('disabled');
-
 
714
		$("#ajouter-obs").removeAttr('disabled');
-
 
715
	} else if (obsNbre >= OBS_MAX_NBRE) {
-
 
716
		$("#ajouter-obs").attr('disabled', 'disabled');
-
 
717
		afficherPanneau("#dialogue-bloquer-creer-obs");
-
 
718
	}
-
 
719
}
-
 
720
 
-
 
721
function transmettreObs() {
-
 
722
	var observations = $("#liste-obs").data();
Line -... Line 723...
-
 
723
	
623
	
724
	if (observations == undefined || jQuery.isEmptyObject(observations)) {
624
	$("body").on('click', ".supprimer-obs", supprimerObs);
725
		afficherPanneau("#dialogue-zero-obs");
-
 
726
	} else {
625
	
727
		observations['projet'] = TAG_PROJET;
626
	$("#transmettre-obs").on('click', function(e) {
728
		observations['tag-obs'] = TAG_OBS;
Line 627... Line 729...
627
		var observations = $("#liste-obs").data();
729
		observations['tag-img'] = TAG_IMG;
628
		
730
		
629
		if (observations == undefined || jQuery.isEmptyObject(observations)) {
731
		var utilisateur = new Object();
630
			$("#dialogue-zero-obs").show();
732
		utilisateur.prenom = $("#prenom").val();
631
		} else {
733
		utilisateur.nom = $("#nom").val();
-
 
734
		utilisateur.courriel = $("#courriel").val();
632
			observations['projet'] = TAG_PROJET;
735
		observations['utilisateur'] = utilisateur;
-
 
736
		
-
 
737
		envoyerObsAuCel(observations);
-
 
738
	}
633
			observations['tag-obs'] = TAG_OBS;
739
	return false;
-
 
740
}
-
 
741
 
-
 
742
function envoyerObsAuCel(observations) {
-
 
743
	var erreurMsg = "";
-
 
744
	$.ajax({
-
 
745
		url : SERVICE_SAISIE_URL,
-
 
746
		type : "POST",
-
 
747
		data : observations,
634
			observations['tag-img'] = TAG_IMG;
748
		dataType : "json",
635
			
749
		beforeSend : function() {
636
			var utilisateur = new Object();
750
			$(".alert-txt .msg").remove();	
-
 
751
			$(".alert-txt .msg-erreur").remove();
-
 
752
			$(".alert-txt .msg-debug").remove();
-
 
753
			$("#chargement").show();
-
 
754
		},
-
 
755
		success : function(data, textStatus, jqXHR) {
-
 
756
			$('#dialogue-obs-transaction-ok .alert-txt').append($("#tpl-transmission-ok").clone().html());
-
 
757
			supprimerMiniature();
-
 
758
		},
-
 
759
		statusCode : {
-
 
760
			500 : function(jqXHR, textStatus, errorThrown) {
-
 
761
				erreurMsg += "Erreur 500 :\ntype : "+textStatus+' '+errorThrown+"\n";
-
 
762
		    }
-
 
763
		},
-
 
764
		error : function(jqXHR, textStatus, errorThrown) {
-
 
765
			erreurMsg += "Erreur Ajax :\ntype : "+textStatus+' '+errorThrown+"\n";
-
 
766
			try {
637
			utilisateur.prenom = $("#prenom").val();
767
				reponse = jQuery.parseJSON(jqXHR.responseText);
638
			utilisateur.nom = $("#nom").val();
768
				if (reponse != null) {
-
 
769
					$.each(reponse, function (cle, valeur) {
-
 
770
						erreurMsg += valeur + "\n";
-
 
771
					});
-
 
772
				}
-
 
773
			} catch(e) {
-
 
774
				erreurMsg += "L'erreur n'était pas en JSON.";
-
 
775
			}
-
 
776
		},
-
 
777
		complete : function(jqXHR, textStatus) {
Line 639... Line 778...
639
			utilisateur.courriel = $("#courriel").val();
778
			$("#chargement").hide();
640
			observations['utilisateur'] = utilisateur;
-
 
641
			
-
 
642
			var erreurMsg = "";
-
 
643
			$.ajax({
-
 
644
				url : SERVICE_SAISIE_URL,
-
 
645
				type : "POST",
-
 
646
				data : observations,
-
 
647
				dataType : "json",
-
 
648
				beforeSend : function() {
-
 
649
					$(".msg").remove();	
-
 
650
					$(".msg-erreur").remove();
-
 
651
					$(".msg-debug").remove();
-
 
652
					$("#chargement").show();
-
 
653
				},
-
 
654
				success : function(data, textStatus, jqXHR) {
-
 
655
					$("#dialogue-obs-transaction .alert-txt").append(
-
 
656
						'<p class="msg">Vos observations ont bien été transmises au réseau. '+
-
 
657
						"Elles sont désormais consultables à travers les différents outils de visualisation "+
-
 
658
						'du réseau (<a href="http://www.tela-botanica.org/site:botanique">eFlore</a>, '+
-
 
659
						'<a href="http://www.tela-botanica.org/page:cel_galerie">galerie d\'images</a>, '+
-
 
660
						'<a href="http://www.tela-botanica.org/widget:cel:carto">cartographie (widget)</a>...).'+
-
 
661
						"Si vous souhaitez les modifier ou les supprimer, vous pouvez les retrouvez en vous "+
-
 
662
						'connectant à votre <a href="http://www.tela-botanica.org/appli:cel">Carnet en ligne.</p>');
-
 
663
					supprimerMiniature();
-
 
664
				},
-
 
665
				statusCode : {
-
 
666
					500 : function(jqXHR, textStatus, errorThrown) {
-
 
667
						$("#chargement").hide();
-
 
668
						erreurMsg += "Erreur 500 :\ntype : "+textStatus+' '+errorThrown+"\n";
-
 
669
						if (DEBUG) {
-
 
670
							$("#dialogue-obs-transaction .alert-txt").append('<pre class="msg-erreur">'+erreurMsg+'</pre>');
-
 
671
						}
-
 
672
				    }
-
 
673
				},
-
 
674
				error : function(jqXHR, textStatus, errorThrown) {
-
 
675
					erreurMsg += "Erreur Ajax :\ntype : "+textStatus+' '+errorThrown+"\n";
-
 
676
					try {
-
 
677
						reponse = jQuery.parseJSON(jqXHR.responseText);
-
 
678
						if (reponse != null) {
-
 
679
							$.each(reponse, function (cle, valeur) {
-
 
680
								erreurMsg += valeur + "\n";
-
 
681
							});
-
 
682
						}
-
 
683
					} catch(e) {
-
 
684
						erreurMsg += "L'erreur n'était pas en JSON.";
779
			var debugMsg = extraireEnteteDebug(jqXHR);
685
					}
780
			
686
					
-
 
687
					if (DEBUG) {
-
 
688
						$("#dialogue-obs-transaction .alert-txt").append('<pre class="msg-erreur">'+erreurMsg+'</pre>');
-
 
689
					}
-
 
690
				},
-
 
691
				complete : function(jqXHR, textStatus) {
-
 
692
					$("#chargement").hide();
-
 
693
					var debugMsg = '';
-
 
694
					if (jqXHR.getResponseHeader("X-DebugJrest-Data") != '') {
-
 
695
						debugInfos = jQuery.parseJSON(jqXHR.getResponseHeader("X-DebugJrest-Data"));
-
 
696
						if (debugInfos != null) {
-
 
697
							$.each(debugInfos, function (cle, valeur) {
-
 
698
								debugMsg += valeur + "\n";
-
 
699
							});
-
 
700
						}
-
 
701
					}
-
 
702
					if (erreurMsg != '') {
-
 
703
						$("#dialogue-obs-transaction .alert-txt").append('<p class="msg">'+
-
 
704
								'Une erreur est survenue lors de la transmission de vos observations.'+'<br />'+
-
 
705
								'Vous pouvez signaler le disfonctionnement à <a href="'+
-
 
706
								'mailto:cel@tela-botanica.org'+'?'+
-
 
707
								'subject=Disfonctionnement du widget de saisie Biodiversite34'+
-
 
708
								"&body="+erreurMsg+"\nDébogage :\n"+debugMsg+
-
 
709
								'">cel@tela-botanica.org</a>.'+
-
 
710
								'</p>');
781
			if (erreurMsg != '') {
711
					}
-
 
712
					if (DEBUG) {
-
 
713
						$("#dialogue-obs-transaction .alert-txt").append('<pre class="msg-debug">Débogage : '+debugMsg+'</pre>');
-
 
714
					}
-
 
715
					
-
 
716
					$("#dialogue-obs-transaction").show();
-
 
717
					$("#liste-obs").removeData();
-
 
718
					$('.obs').remove();
782
				if (DEBUG) {
-
 
783
					$("#dialogue-obs-transaction-ko .alert-txt").append('<pre class="msg-erreur">'+erreurMsg+'</pre>');
-
 
784
					$("#dialogue-obs-transaction-ko .alert-txt").append('<pre class="msg-debug">Débogage : '+debugMsg+'</pre>');
-
 
785
				}
-
 
786
				var hrefCourriel = "mailto:cel@tela-botanica.org?"+
-
 
787
					"subject=Disfonctionnement du widget de saisie "+TAG_PROJET+
-
 
788
					"&body="+erreurMsg+"\nDébogage :\n"+debugMsg;
-
 
789
				
-
 
790
				$('#dialogue-obs-transaction-ko .alert-txt').append($("#tpl-transmission-ko").clone()
-
 
791
					.find('.courriel-erreur')
-
 
792
					.attr('href', hrefCourriel)
-
 
793
					.end()
-
 
794
					.html());
-
 
795
				$("#dialogue-obs-transaction-ko").show();
-
 
796
			} else {
-
 
797
				if (DEBUG) {
-
 
798
					$("#dialogue-obs-transaction-ok .alert-txt").append('<pre class="msg-debug">Débogage : '+debugMsg+'</pre>');
719
					obsNumero = 0;
799
				}
720
					initialiserNbreObs();
800
				$("#dialogue-obs-transaction-ok").show();
721
				}
-
 
722
			});
801
				initialiserObs();
723
		}
802
			}					
Line 724... Line 803...
724
		return false;
803
		}
725
	});
804
	});
726
});
805
}
727
 
806
 
Line 754... Line 833...
754
	
833
	
755
	$('.obs'+obsId).remove();
834
	$('.obs'+obsId).remove();
756
	$("#liste-obs").removeData('obsId'+obsId);
835
	$("#liste-obs").removeData('obsId'+obsId);
Line 757... Line 836...
757
}
836
}
758
 
837
 
759
function initialiserNbreObs() {
838
function initialiserObs() {
-
 
839
	obsNbre = 0;
-
 
840
	$(".obs-nbre").text(obsNbre);
-
 
841
	$(".obs-nbre").triggerHandler('changement');
-
 
842
	$("#liste-obs").removeData();
760
	obsNbre = 0;
843
	$('.obs').remove();
Line 761... Line 844...
761
	$(".obs-nbre").text(obsNbre);
844
	$("#dialogue-bloquer-creer-obs").hide();
762
}
845
}
763
 
846