Subversion Repositories eFlore/Applications.cel

Rev

Rev 2408 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 2408 Rev 2709
Line 1... Line -...
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
 
-
 
49
	$(".effacer-miniature").click(function () {
-
 
50
		supprimerMiniatures($(this));
-
 
51
	});
-
 
52
 
-
 
53
	$("#fichier").bind('change', function (e) {
-
 
54
		arreter(e);
-
 
55
		var options = {
-
 
56
			success: afficherMiniature, // post-submit callback
-
 
57
			dataType: 'xml', // 'xml', 'script', or 'json' (expected server response type)
-
 
58
			resetForm: true // reset the form after successful submit
-
 
59
		};
-
 
60
		$("#miniature").append('<img id="miniature-chargement" class="miniature" alt="chargement" src="'+CHARGEMENT_IMAGE_URL+'"/>');
-
 
61
		$("#ajouter-obs").attr('disabled', 'disabled');
-
 
62
		if(verifierFormat($("#fichier").val())) {
-
 
63
			$("#form-upload").ajaxSubmit(options);
-
 
64
		} else {
-
 
65
			$('#form-upload')[0].reset();
-
 
66
			window.alert("Le format de fichier n'est pas supporté, les formats acceptés sont "+	$("#fichier").attr("accept"));
-
 
67
		}
-
 
68
		return false;
-
 
69
	});
-
 
70
 
-
 
71
	if (ESPECE_IMPOSEE) {
-
 
72
		$("#taxon").attr("disabled", "disabled");
-
 
73
		$("#taxon-input-groupe").attr("title","");
-
 
74
		var infosAssociee = new Object();
-
 
75
		infosAssociee.label = INFOS_ESPECE_IMPOSEE.nom_sci_complet;
-
 
76
		infosAssociee.value = INFOS_ESPECE_IMPOSEE.nom_sci_complet;
-
 
77
		infosAssociee.nt = INFOS_ESPECE_IMPOSEE.num_taxonomique;
-
 
78
		infosAssociee.nomSel = INFOS_ESPECE_IMPOSEE.nom_sci;
-
 
79
		infosAssociee.nomSelComplet = INFOS_ESPECE_IMPOSEE.nom_sci_complet;
-
 
80
		infosAssociee.numNomSel = INFOS_ESPECE_IMPOSEE.id;
-
 
81
		infosAssociee.nomRet = INFOS_ESPECE_IMPOSEE["nom_retenu.libelle"];
-
 
82
		infosAssociee.numNomRet = INFOS_ESPECE_IMPOSEE["nom_retenu.id"];
-
 
83
		infosAssociee.famille = INFOS_ESPECE_IMPOSEE.famille;
-
 
84
		infosAssociee.retenu = (INFOS_ESPECE_IMPOSEE.retenu == 'false') ? false : true;
-
 
85
		$("#taxon").data(infosAssociee);
-
 
86
	}
-
 
87
 
-
 
88
	$('.effacer-miniature').live('click', function() {
-
 
89
		$(this).parent().remove();
-
 
90
	});
-
 
91
});
-
 
92
 
-
 
93
function verifierFormat(nom) {
-
 
94
	var parts = nom.split('.');
-
 
95
	extension = parts[parts.length - 1];
-
 
96
	return (extension.toLowerCase() == 'jpeg' || extension.toLowerCase() == 'jpg');
-
 
97
}
-
 
98
 
-
 
99
function afficherMiniature(reponse) {
-
 
100
	if (DEBUG) {
-
 
101
		var debogage = $("debogage", reponse).text();
-
 
102
		//console.log("Débogage upload : "+debogage);
-
 
103
	}
-
 
104
	var message = $("message", reponse).text();
-
 
105
	if (message != '') {
-
 
106
		$("#miniature-msg").append(message);
-
 
107
	} else {
-
 
108
		$("#miniatures").append(creerWidgetMiniature(reponse));
-
 
109
	}
-
 
110
	$('#ajouter-obs').removeAttr('disabled');
-
 
111
}
-
 
112
 
-
 
113
function creerWidgetMiniature(reponse) {
-
 
114
	var miniatureUrl = $("miniature-url", reponse).text();
-
 
115
	var imgNom = $("image-nom", reponse).text();
-
 
116
	var html =
-
 
117
		'<div class="miniature">'+
-
 
118
			'<img class="miniature-img" class="miniature" alt="'+imgNom+'" src="'+miniatureUrl+'"/>'+
-
 
119
			'<button class="effacer-miniature" type="button">Effacer</button>'+
-
 
120
		'</div>'
-
 
121
	return html;
-
 
122
}
-
 
123
 
-
 
124
function supprimerMiniatures() {
-
 
125
	$("#miniatures").empty();
-
 
126
	$("#miniature-msg").empty();
-
 
127
}
-
 
128
 
-
 
129
//Initialise l'autocomplétion de la commune, en fonction du référentiel
-
 
130
function initialiserAutocompleteCommune() {
-
 
131
	var geocoderOptions = {
-
 
132
	};
-
 
133
	var addressSuffix = '';
-
 
134
 
-
 
135
	switch(NOM_SCI_REFERENTIEL) {
-
 
136
		case 'isfan':
-
 
137
			// Si des résultats se trouvent dans ce rectangle, ils apparaîtront en premier.
-
 
138
			// Ça marche moyen...
-
 
139
			geocoderOptions.bounds = new google.maps.LatLngBounds(
-
 
140
				new google.maps.LatLng(20.756114, -22.023927),
-
 
141
				new google.maps.LatLng(38.065392, 33.78662)
-
 
142
			);
-
 
143
			break;
-
 
144
		case 'apd':
-
 
145
			geocoderOptions.bounds = new google.maps.LatLngBounds(
-
 
146
					new google.maps.LatLng(-6.708254, -26.154786),
-
 
147
					new google.maps.LatLng(27.488781, 30.490722)
-
 
148
				);
-
 
149
			break;
-
 
150
		case 'bdtfx':
-
 
151
		case 'bdtxa':
-
 
152
			geocoderOptions.region = 'fr';
-
 
153
			addressSuffix = ', France';
-
 
154
	}
-
 
155
 
-
 
156
	$("#carte-recherche").autocomplete({
-
 
157
		//Cette partie utilise geocoder pour extraire des valeurs d'adresse
-
 
158
		source: function(request, response) {
-
 
159
			geocoderOptions.address = request.term + addressSuffix;
-
 
160
			geocoder.geocode( geocoderOptions, function(results, status) {
-
 
161
				if (status == google.maps.GeocoderStatus.OK) {
-
 
162
					response($.map(results, function(item) {
-
 
163
						var retour = {
-
 
164
							label: item.formatted_address,
-
 
165
							value: item.formatted_address,
-
 
166
							latitude: item.geometry.location.lat(),
-
 
167
							longitude: item.geometry.location.lng()
-
 
168
						};
-
 
169
						return retour;
-
 
170
					}));
-
 
171
				} else {
-
 
172
					afficherErreurGoogleMap(status);
-
 
173
				}
-
 
174
			});
-
 
175
		},
-
 
176
		// Cette partie est executee a la selection d'une adresse
-
 
177
		select: function(event, ui) {
-
 
178
			var latLng = new google.maps.LatLng(ui.item.latitude, ui.item.longitude);
-
 
179
			deplacerMarker(latLng);
-
 
180
		}
-
 
181
	});
-
 
182
 
-
 
183
	// Autocompletion du champ adresse
-
 
184
	$("#carte-recherche").on('focus', function() {
-
 
185
		$(this).select();
-
 
186
	});
-
 
187
	$("#carte-recherche").on('mouseup', function(event) {// Pour Safari...
-
 
188
		event.preventDefault();
-
 
189
	});
-
 
190
 
-
 
191
	$("#carte-recherche").keypress(function(e) {
-
 
192
		if (e.which == 13) {
-
 
193
			e.preventDefault();
-
 
194
		}
-
 
195
	});
-
 
196
};
-
 
197
 
-
 
198
//+----------------------------------------------------------------------------------------------------------+
-
 
199
// GOOGLE MAP
-
 
200
var map;
-
 
201
var marker;
-
 
202
var latLng;
-
 
203
var geocoder;
-
 
204
 
-
 
205
$(document).ready(function() {
-
 
206
	initialiserGoogleMap();
-
 
207
	initialiserAutocompleteCommune();
-
 
208
});
-
 
209
 
-
 
210
function afficherErreurGoogleMap(status) {
-
 
211
	if (DEBUG) {
-
 
212
		$('#dialogue-google-map .contenu').empty().append(
-
 
213
			'<pre class="msg-erreur">'+
-
 
214
			"Le service de Géocodage de Google Map a échoué à cause de l'erreur : "+status+
-
 
215
			'</pre>');
-
 
216
		afficherPanneau('#dialogue-google-map');
-
 
217
	}
-
 
218
}
-
 
219
 
-
 
220
function surDeplacementMarker() {
1
function WidgetSaisieAmbrosia() {	
221
	trouverCommune(marker.getPosition());
-
 
222
	mettreAJourMarkerPosition(marker.getPosition());
-
 
223
}
-
 
224
 
-
 
225
function surClickDansCarte(event) {
-
 
226
	deplacerMarker(event.latLng);
-
 
227
}
2
}
-
 
3
WidgetSaisieAmbrosia.prototype = new WidgetSaisie();
Line 228... Line -...
228
 
-
 
229
function geolocaliser() {
-
 
230
	var latitude = $('#latitude').val();
-
 
231
	var longitude = $('#longitude').val();
-
 
232
	latLng = new google.maps.LatLng(latitude, longitude);
-
 
233
	deplacerMarker(latLng);
-
 
234
}
-
 
235
 
-
 
236
function initialiserGoogleMap(){
-
 
237
	// Carte
-
 
238
	var latLng = new google.maps.LatLng(46.30871, 2.54395);// Centre de la France
-
 
239
	var zoomDefaut = 5;
-
 
240
 
-
 
241
	var options = {
-
 
242
		zoom: zoomDefaut,
-
 
243
		center: latLng,
-
 
244
		mapTypeId: google.maps.MapTypeId.HYBRID,
-
 
245
		mapTypeControlOptions: {
-
 
246
			mapTypeIds: ['OSM', google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.HYBRID, google.maps.MapTypeId.SATELLITE, google.maps.MapTypeId.TERRAIN]}
-
 
247
	};
-
 
248
 
-
 
249
	// Ajout de la couche OSM à la carte
-
 
250
	osmMapType = new google.maps.ImageMapType({
-
 
251
		getTileUrl: function(coord, zoom) {
-
 
252
			return "http://tile.openstreetmap.org/" +
-
 
253
			zoom + "/" + coord.x + "/" + coord.y + ".png";
-
 
254
		},
-
 
255
		tileSize: new google.maps.Size(256, 256),
-
 
256
		isPng: true,
-
 
257
		alt: 'OpenStreetMap',
-
 
258
		name: 'OSM',
-
 
259
		maxZoom: 19
-
 
260
	});
-
 
261
 
-
 
262
	// Création de la carte Google
-
 
263
	map = new google.maps.Map(document.getElementById('map-canvas'), options); //affiche la google map dans la div map_canvas
-
 
264
	map.mapTypes.set('OSM', osmMapType);
-
 
265
 
-
 
266
	// Création du Geocoder
-
 
267
	geocoder = new google.maps.Geocoder();
-
 
268
 
-
 
269
	// Marqueur google draggable
-
 
270
	marker = new google.maps.Marker({
-
 
271
		map: map,
-
 
272
		draggable: true,
-
 
273
		title: 'Ma station',
-
 
274
		icon: GOOGLE_MAP_MARQUEUR_URL,
-
 
275
		position: latLng
-
 
276
	});
-
 
277
 
-
 
Line 278... Line -...
278
	initialiserMarker(latLng);
-
 
279
 
-
 
280
	// Tentative de geocalisation
4
 
281
	if (navigator.geolocation) {
-
 
282
		navigator.geolocation.getCurrentPosition(function(position) {
-
 
283
			var latitude = position.coords.latitude;
-
 
284
			var longitude = position.coords.longitude;
-
 
285
			latLng = new google.maps.LatLng(latitude, longitude);
-
 
286
			deplacerMarker(latLng);
-
 
287
		});
-
 
288
	}
-
 
289
 
-
 
290
	// intéraction carte
-
 
291
	$("#geolocaliser").on('click', geolocaliser);
-
 
292
	google.maps.event.addListener(marker, 'dragend', surDeplacementMarker);
-
 
293
	google.maps.event.addListener(map, 'click', surClickDansCarte);
-
 
294
}
-
 
295
 
-
 
296
function initialiserMarker(latLng) {
-
 
297
	if (marker != undefined) {
-
 
298
		marker.setPosition(latLng);
-
 
299
		map.setCenter(latLng);
-
 
300
	}
-
 
301
}
-
 
302
 
-
 
303
function deplacerMarker(latLng) {
-
 
304
	if (marker != undefined) {
-
 
305
		marker.setPosition(latLng);
-
 
306
		map.setCenter(latLng);
-
 
307
		mettreAJourMarkerPosition(latLng);
-
 
308
		trouverCommune(latLng);
-
 
309
	}
-
 
310
}
-
 
311
 
-
 
312
function mettreAJourMarkerPosition(latLng) {
-
 
313
	var lat = latLng.lat().toFixed(5);
-
 
314
	var lng = latLng.lng().toFixed(5);
-
 
315
	remplirChampLatitude(lat);
-
 
316
	remplirChampLongitude(lng);
-
 
317
}
-
 
318
 
-
 
319
function remplirChampLatitude(latDecimale) {
-
 
320
	var lat = Math.round(latDecimale * 100000) / 100000;
-
 
321
	$('#latitude').val(lat);
-
 
322
}
-
 
323
 
-
 
324
function remplirChampLongitude(lngDecimale) {
-
 
325
	var lng = Math.round(lngDecimale * 100000) / 100000;
-
 
326
	$('#longitude').val(lng);
-
 
327
}
-
 
328
 
-
 
329
function trouverCommune(pos) {
-
 
330
	$(function() {
-
 
331
 
-
 
332
		var url_service = SERVICE_NOM_COMMUNE_URL;
-
 
333
 
-
 
334
		var urlNomCommuneFormatee = url_service.replace('{lat}', pos.lat()).replace('{lon}', pos.lng());
-
 
335
		$.ajax({
-
 
336
			url : urlNomCommuneFormatee,
-
 
337
			type : "GET",
-
 
338
			dataType : "jsonp",
-
 
339
			beforeSend : function() {
-
 
340
				$(".commune-info").empty();
-
 
341
				$("#dialogue-erreur .alert-txt").empty();
-
 
342
			},
-
 
343
			success : function(data, textStatus, jqXHR) {
-
 
344
				$(".commune-info").empty();
-
 
345
				$("#commune-nom").append(data.nom);
-
 
346
				$("#commune-code-insee").append(data.codeINSEE);
-
 
347
				$("#marqueur-commune").data('commune', {'nom' : data.nom, 'codeInsee' : data.codeINSEE});
-
 
348
			},
-
 
349
			statusCode : {
-
 
350
			    500 : function(jqXHR, textStatus, errorThrown) {
-
 
351
					if (DEBUG) {
-
 
352
						$("#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>');
-
 
353
						reponse = jQuery.parseJSON(jqXHR.responseText);
-
 
354
						var erreurMsg = "";
-
 
355
						if (reponse != null) {
-
 
356
							$.each(reponse, function (cle, valeur) {
-
 
357
								erreurMsg += valeur + "<br />";
-
 
358
							});
-
 
359
						}
-
 
360
 
-
 
361
						$("#dialogue-erreur .alert-txt").append('<p class="msg-erreur">Erreur 500 : '+errorThrown+"<br />"+erreurMsg+'</p>');
-
 
362
					}
-
 
363
			    }
-
 
364
			},
-
 
365
			error : function(jqXHR, textStatus, errorThrown) {
-
 
366
				if (DEBUG) {
-
 
367
					$("#dialogue-erreur .alert-txt").append('<p class="msg">Une erreur Ajax est survenue lors de la transmission de vos observations.</p>');
5
 
368
					reponse = jQuery.parseJSON(jqXHR.responseText);
-
 
369
					var erreurMsg = "";
-
 
370
					if (reponse != null) {
-
 
371
						$.each(reponse, function (cle, valeur) {
-
 
372
							erreurMsg += valeur + "<br />";
-
 
373
						});
-
 
374
					}
-
 
375
 
-
 
376
					$("#dialogue-erreur .alert-txt").append('<p class="msg-erreur">Erreur Ajax : '+errorThrown+' (type : '+textStatus+') <br />'+erreurMsg+'</p>');
-
 
377
				}
-
 
378
			},
-
 
379
			complete : function(jqXHR, textStatus) {
-
 
380
				var debugMsg = extraireEnteteDebug(jqXHR);
-
 
381
				if (debugMsg != '') {
-
 
382
					if (DEBUG) {
-
 
383
						$("#dialogue-erreur .alert-txt").append('<pre class="msg-debug msg">Débogage : '+debugMsg+'</pre>');
-
 
384
					}
-
 
385
				}
-
 
386
				if ($("#dialogue-erreur .msg").length > 0) {
-
 
387
					$("#dialogue-erreur").show();
-
 
388
				}
-
 
389
			}
-
 
390
		});
-
 
391
	});
-
 
392
}
-
 
393
//+---------------------------------------------------------------------------------------------------------+
-
 
394
// IDENTITÉ
-
 
395
$(document).ready(function() {
-
 
396
	$("#courriel").on('blur', requeterIdentite);
-
 
397
	$("#courriel").on('keypress', testerLancementRequeteIdentite);
-
 
398
});
-
 
399
 
-
 
400
function testerLancementRequeteIdentite(event) {
-
 
401
	if (event.which == 13) {
-
 
402
		requeterIdentite();
-
 
403
		event.preventDefault();
-
 
404
		event.stopPropagation();
-
 
405
	}
-
 
406
}
-
 
407
 
-
 
408
function requeterIdentite() {
-
 
409
	var courriel = $("#courriel").val();
-
 
410
	//TODO: mettre ceci en paramètre de config
-
 
411
	var urlAnnuaire = SERVICE_ANNUAIRE_ID_URL+courriel;
-
 
412
	$.ajax({
-
 
413
		url : urlAnnuaire,
-
 
414
		type : "GET",
-
 
415
		success : function(data, textStatus, jqXHR) {
-
 
416
			//console.log('SUCCESS:'+textStatus);
-
 
417
			if (data != undefined && data[courriel] != undefined) {
-
 
418
				var infos = data[courriel];
-
 
419
				$("#id_utilisateur").val(infos.id);
-
 
420
				$("#prenom").val(infos.prenom);
-
 
421
				$("#nom").val(infos.nom);
-
 
422
				$("#courriel_confirmation").val(courriel);
-
 
423
				$("#prenom, #nom, #courriel_confirmation").attr('disabled', 'disabled');
6
WidgetSaisieAmbrosia.prototype.initEvts = function() {
424
				$("#date").focus();
-
 
425
			} else {
-
 
426
				surErreurCompletionCourriel();
-
 
427
			}
-
 
428
		},
7
	var lthis = this;
429
		error : function(jqXHR, textStatus, errorThrown) {
-
 
430
			//console.log('ERREUR :'+textStatus);
-
 
431
			surErreurCompletionCourriel();
-
 
432
		},
-
 
433
		complete : function(jqXHR, textStatus) {
-
 
434
			//console.log('COMPLETE :'+textStatus);
-
 
435
			$("#zone-prenom-nom").removeClass("hidden");
-
 
436
			$("#zone-courriel-confirmation").removeClass("hidden");
-
 
437
		}
-
 
438
	});
-
 
439
}
-
 
440
 
-
 
441
function surErreurCompletionCourriel() {
-
 
442
	$("#prenom, #nom, #courriel_confirmation").val('');
-
 
443
	$("#prenom, #nom, #courriel_confirmation").removeAttr('disabled');
-
 
444
	afficherPanneau("#dialogue-courriel-introuvable");
-
 
445
}
-
 
446
//+---------------------------------------------------------------------------------------------------------+
-
 
447
//FORMULAIRE
-
 
448
$(document).ready(function() {
-
 
449
	if (OBS_ID != '') {
-
 
450
		chargerInfoObs();
-
 
451
	}
-
 
452
});
-
 
453
 
-
 
454
function chargerInfoObs() {
-
 
455
	var urlObs = SERVICE_OBS_URL + '/' + OBS_ID;
-
 
456
	$.ajax({
-
 
457
		url: urlObs,
-
 
458
		type: 'GET',
-
 
459
		success: function(data, textStatus, jqXHR) {
-
 
460
			if (data != undefined && data != "") {
-
 
461
				prechargerForm(data);
-
 
462
			}
-
 
463
			// TODO: voir s'il est pertinent d'indiquer quelque chose en cas d'erreur ou d'obs
-
 
464
			// inexistante
-
 
465
		},
-
 
466
		error: function(jqXHR, textStatus, errorThrown) {
-
 
467
			// TODO: cf TODO ci-dessus
-
 
468
		}
-
 
469
	});
-
 
470
}
-
 
471
 
-
 
472
function prechargerForm(data) {
-
 
473
 
-
 
474
	$("#milieu").val(data.milieu);
-
 
475
 
-
 
476
	$("#carte-recherche").val(data.zoneGeo);
-
 
477
	$("#commune-nom").text(data.zoneGeo);
-
 
478
 
-
 
479
	if(data.hasOwnProperty("codeZoneGeo")) {
-
 
480
		// TODO: trouver un moyen qui fonctionne lorsqu'on aura d'autres référentiels que INSEE
-
 
481
		$("#commune-code-insee").text(data.codeZoneGeo.replace('INSEE-C:', ''));
-
 
482
	}
-
 
483
 
-
 
484
	if(data.hasOwnProperty("latitude") && data.hasOwnProperty("longitude")) {
-
 
485
		var latLng = new google.maps.LatLng(data.latitude, data.longitude);
-
 
486
		mettreAJourMarkerPosition(latLng);
-
 
487
		marker.setPosition(latLng);
-
 
488
		 map.setCenter(latLng);
-
 
489
	    map.setZoom(16);
-
 
490
	}
-
 
491
}
-
 
492
 
-
 
493
var obsNbre = 0;
-
 
494
 
-
 
Line 495... Line 8...
495
$(document).ready(function() {
8
	// super()
496
	$(".alert .close").on('click', fermerPanneauAlert);
9
	WidgetSaisie.prototype.initEvts.call(this);
497
 
10
 
498
	$("body").on('click', ".fermer", function(event) {
11
	$("body").on('click', ".fermer", function(event) {
-
 
12
			event.preventDefault();
Line 499... Line -...
499
			event.preventDefault();
-
 
500
			basculerOuvertureFermetureCadre($(this).find('.icone'));
-
 
501
	});
-
 
502
 
-
 
503
	$('.has-tooltip').tooltip('enable');
-
 
504
	$("#btn-aide").on('click', basculerAffichageAide);
-
 
505
 
-
 
506
	$("#prenom").on("change", formaterPrenom);
13
			lthis.basculerOuvertureFermetureCadre($(this).find('.icone'));
507
 
-
 
508
	$("#nom").on("change", formaterNom);
-
 
509
 
-
 
510
	configurerDatePicker();
-
 
511
 
-
 
512
	ajouterAutocompletionNoms();
-
 
513
 
-
 
514
	configurerFormValidator();
-
 
515
	definirReglesFormValidator();
-
 
516
 
-
 
517
	$("#courriel_confirmation").on('paste', bloquerCopierCollerCourriel);
-
 
518
 
-
 
519
	$("a.afficher-coord").on('click', basculerAffichageCoord);
-
 
520
 
-
 
521
	$("#ajouter-obs").on('click', ajouterObs);
-
 
522
 
-
 
523
	$(".obs-nbre").on('changement', surChangementNbreObs);
-
 
524
 
-
 
525
	$("body").on('click', ".supprimer-obs", supprimerObs);
-
 
526
 
-
 
527
	$("#transmettre-obs").on('click', transmettreObs);
-
 
528
 
-
 
529
	$("#referentiel").on('change', surChangementReferentiel);
-
 
530
 
-
 
531
	$("body").on('click', ".defilement-miniatures-gauche", function(event) {
-
 
532
			event.preventDefault();
-
 
533
			defilerMiniatures($(this));
-
 
534
	});
-
 
535
 
-
 
536
	$("body").on('click', ".defilement-miniatures-droite", function(event) {
-
 
537
		event.preventDefault();
-
 
538
		defilerMiniatures($(this));
14
	});
539
	});
15
};
540
});
16
 
541
 
17
// @TODO harmoniser
542
function configurerFormValidator() {
18
WidgetSaisieAmbrosia.prototype.configurerFormValidator = function() {
543
	$.validator.addMethod(
19
	$.validator.addMethod(
Line 566... Line 42...
566
					$('#taxon').data('famille', '');
42
					$('#taxon').data('famille', '');
567
				}
43
				}
568
			}
44
			}
569
		}
45
		}
570
	});
46
	});
571
}
47
};
Line 572... Line 48...
572
 
48
 
573
function definirReglesFormValidator() {
49
WidgetSaisieAmbrosia.prototype.definirReglesFormValidator = function() {
574
	$('#form-observateur').validate({
50
	$('#form-observateur').validate({
575
		rules: {
51
		rules: {
576
			courriel : {
52
			courriel : {
577
				required : true,
53
				required : true,
Line 607... Line 83...
607
			} else {
83
			} else {
608
				error.insertAfter(element);
84
				error.insertAfter(element);
609
			}
85
			}
610
		}
86
		}
611
	});
87
	});
612
}
-
 
613
 
-
 
614
function configurerDatePicker() {
-
 
615
	$.datepicker.setDefaults($.datepicker.regional["fr"]);
-
 
616
	$("#date").datepicker({
-
 
617
		dateFormat: "dd/mm/yy",
-
 
618
		maxDate: new Date,
-
 
619
		showOn: "button",
-
 
620
		buttonImageOnly: true,
-
 
621
		buttonImage: CALENDRIER_ICONE_URL,
-
 
622
		buttonText: "Afficher le calendrier pour saisir la date.",
-
 
623
		showButtonPanel: true,
-
 
624
		onSelect: function(date) {
-
 
625
			$(this).valid();
-
 
626
		}
-
 
627
	});
-
 
628
	$("img.ui-datepicker-trigger").appendTo("#date-icone");
-
 
629
}
-
 
630
 
-
 
631
function fermerPanneauAlert() {
-
 
632
	$(this).parentsUntil(".zone-alerte", ".alert").hide();
-
 
633
}
-
 
634
 
-
 
635
function formaterNom() {
-
 
636
	$(this).val($(this).val().toUpperCase());
-
 
637
}
-
 
638
 
-
 
639
function formaterPrenom() {
-
 
640
	var prenom = new Array();
-
 
641
	var mots = $(this).val().split(' ');
-
 
642
	for (var i = 0; i < mots.length; i++) {
-
 
643
		var mot = mots[i];
-
 
644
		if (mot.indexOf('-') >= 0) {
-
 
645
			var prenomCompose = new Array();
-
 
646
			var motsComposes = mot.split('-');
-
 
647
		    for (var j = 0; j < motsComposes.length; j++) {
-
 
648
		    	var motSimple = motsComposes[j];
-
 
649
		    	var motMajuscule = motSimple.charAt(0).toUpperCase() + motSimple.slice(1);
-
 
650
		    	prenomCompose.push(motMajuscule);
-
 
651
		    }
-
 
652
		    prenom.push(prenomCompose.join('-'));
-
 
653
		} else {
-
 
654
			var motMajuscule = mot.charAt(0).toUpperCase() + mot.slice(1);
-
 
655
			prenom.push(motMajuscule);
-
 
656
		}
-
 
657
	}
-
 
658
	$(this).val(prenom.join(' '));
-
 
659
}
88
};
Line 660... Line 89...
660
 
89
 
661
function basculerOuvertureFermetureCadre(element) {
90
WidgetSaisieAmbrosia.prototype.basculerOuvertureFermetureCadre = function(element) {
662
	if (element.hasClass('icon-plus-sign')) {
91
	if (element.hasClass('icon-plus-sign')) {
663
		element.removeClass('icon-plus-sign').addClass('icon-minus-sign');
92
		element.removeClass('icon-plus-sign').addClass('icon-minus-sign');
664
	} else {
93
	} else {
665
		element.removeClass('icon-minus-sign').addClass('icon-plus-sign');
94
		element.removeClass('icon-minus-sign').addClass('icon-plus-sign');
666
	}
-
 
667
}
-
 
668
 
-
 
669
function basculerAffichageAide()  {
-
 
670
	if ($(this).hasClass('btn-warning')) {
-
 
671
		$('.has-tooltip').tooltip('enable');
-
 
672
		$(this).removeClass('btn-warning').addClass('btn-success');
-
 
673
		$('#btn-aide-txt', this).text("Désactiver l'aide");
-
 
674
	} else {
-
 
675
		$('.has-tooltip').tooltip('disable');
-
 
676
		$(this).removeClass('btn-success').addClass('btn-warning');
-
 
677
		$('#btn-aide-txt', this).text("Activer l'aide");
-
 
678
	}
-
 
679
}
-
 
680
 
-
 
681
function bloquerCopierCollerCourriel() {
-
 
682
	afficherPanneau("#dialogue-bloquer-copier-coller");
-
 
683
	return false;
-
 
684
}
-
 
685
 
-
 
686
function basculerAffichageCoord() {
-
 
687
	$("a.afficher-coord").toggle();
-
 
688
	$("#coordonnees-geo").toggle('slow');
-
 
689
	//valeur false pour que le lien ne soit pas suivi
-
 
690
	return false;
-
 
691
}
-
 
692
 
-
 
693
function ajouterObs() {
-
 
694
	if (validerFormulaire() == true) {
-
 
695
		obsNbre = obsNbre + 1;
-
 
696
		$(".obs-nbre").text(obsNbre);
-
 
697
		$(".obs-nbre").triggerHandler('changement');
-
 
698
		afficherObs();
-
 
699
		stockerObsData();
-
 
700
		supprimerMiniatures();
-
 
701
		if(!ESPECE_IMPOSEE) {
-
 
702
			$("#taxon").val("");
-
 
703
			$("#taxon").data("numNomSel",undefined);
-
 
704
		}
-
 
705
		$('#barre-progression-upload').attr('aria-valuemax', obsNbre);
-
 
706
		$('#barre-progression-upload .sr-only').text('0/'+obsNbre+" observations transmises");
-
 
707
	} else {
-
 
708
		afficherPanneau('#dialogue-form-invalide');
-
 
709
	}
95
	}
Line -... Line 96...
-
 
96
};
710
}
97
 
711
 
98
// @TODO harmoniser si espèce ou référentiel figés
712
function afficherObs() {
99
WidgetSaisieAmbrosia.prototype.afficherObs = function() {
713
	$("#liste-obs").prepend(
100
	$("#liste-obs").prepend(
714
		'<div id="obs'+obsNbre+'" class="row-fluid obs obs'+obsNbre+'">'+
101
		'<div id="obs'+this.obsNbre+'" class="row-fluid obs obs'+this.obsNbre+'">'+
715
			'<div class="span12">'+
102
			'<div class="span12">'+
716
				'<div class="well">'+
103
				'<div class="well">'+
717
					'<div class="obs-action pull-right has-tooltip" data-placement="bottom" '+
104
					'<div class="obs-action pull-right has-tooltip" data-placement="bottom" '+
718
						'title="Supprimer cette observation de la liste à transmettre">'+
105
						'title="Supprimer cette observation de la liste à transmettre">'+
719
						'<button class="btn btn-danger supprimer-obs" value="'+obsNbre+'" title="'+obsNbre+'">'+
106
						'<button class="btn btn-danger supprimer-obs" value="'+this.obsNbre+'" title="'+this.obsNbre+'">'+
720
							'<i class="icon-trash icon-white"></i>'+
107
							'<i class="icon-trash icon-white"></i>'+
721
						'</button>'+
108
						'</button>'+
722
					'</div> '+
109
					'</div> '+
723
					'<div class="row-fluid">'+
110
					'<div class="row-fluid">'+
724
						'<div class="thumbnail span2">'+
111
						'<div class="thumbnail span2">'+
725
							ajouterImgMiniatureAuTransfert()+
112
						this.ajouterImgMiniatureAuTransfert()+
726
						'</div>'+
113
						'</div>'+
727
						'<div class="span9">'+
114
						'<div class="span9">'+
728
							'<ul class="unstyled">'+
115
							'<ul class="unstyled">'+
729
								'<li>'+
116
								'<li>'+
730
									'<span class="nom-sci">'+$("#taxon").val()+'</span> '+
117
									'<span class="nom-sci">'+$("#taxon").val()+'</span> '+
731
									ajouterNumNomSel()+
118
									this.ajouterNumNomSel()+
732
									' observé à '+
119
									' observé à '+
733
									'<span class="commune">'+$('#commune-nom').text()+'</span> '+
120
									'<span class="commune">'+$('#commune-nom').text()+'</span> '+
734
									'('+$('#commune-code-insee').text()+') ['+$("#latitude").val()+' / '+$("#longitude").val()+']'+
121
									'('+$('#commune-code-insee').text()+') ['+$("#latitude").val()+' / '+$("#longitude").val()+']'+
Line 754... Line 141...
754
						'</div>'+
141
						'</div>'+
755
					'</div>'+
142
					'</div>'+
756
				'</div>'+
143
				'</div>'+
757
			'</div>'+
144
			'</div>'+
758
		'</div>');
145
		'</div>');
759
}
-
 
760
 
-
 
761
function stockerObsData() {
-
 
762
	$("#liste-obs").data('obsId'+obsNbre, {
-
 
763
		'date' : $("#date").val(),
-
 
764
		'notes' : $("#notes").val(),
-
 
765
 
-
 
766
		'nom_sel' : $("#taxon").val(),
-
 
767
		'num_nom_sel' : $("#taxon").data("numNomSel"),
-
 
768
		'nom_ret' : $("#taxon").data("nomRet"),
-
 
769
		'num_nom_ret' : $("#taxon").data("numNomRet"),
-
 
770
		'num_taxon' : $("#taxon").data("nt"),
-
 
771
		'famille' : $("#taxon").data("famille"),
-
 
772
		'referentiel' : ($("#taxon").data("numNomSel") == undefined ? '' : NOM_SCI_REFERENTIEL),
-
 
773
 
-
 
774
		'latitude' : $("#latitude").val(),
-
 
775
		'longitude' : $("#longitude").val(),
-
 
776
		'commune_nom' : $("#commune-nom").text(),
-
 
777
		'commune_code_insee' : $("#commune-code-insee").text(),
-
 
778
		'lieudit' : $("#lieudit").val(),
-
 
779
		'station' : $("#station").val(),
-
 
780
		'milieu' : $("#milieu").val(),
-
 
781
 
-
 
782
		//Ajout des champs images
-
 
783
		'image_nom' : getNomsImgsOriginales(),
-
 
784
		'image_b64' : getB64ImgsOriginales(),
-
 
785
 
-
 
786
		// Ajout des champs étendus de l'obs
-
 
787
		'obs_etendue': getObsChpEtendus()
-
 
788
	});
-
 
789
}
-
 
790
 
-
 
791
function getObsChpEtendus() {
-
 
792
	var champs = [];
-
 
793
 
-
 
794
	$('.obs-chp-etendu').each(function() {
-
 
795
		var valeur = $(this).val(),
-
 
796
			cle = $(this).attr('name'),
-
 
797
			label = $(this).data('label');
-
 
798
		if (valeur != '') {
-
 
799
			var chpEtendu = {cle: cle, label: label, valeur: valeur};
-
 
800
			champs.push(chpEtendu);
-
 
801
		}
-
 
802
	});
-
 
803
	return champs;
-
 
804
}
-
 
805
 
-
 
806
function surChangementReferentiel() {
-
 
807
	NOM_SCI_REFERENTIEL = $('#referentiel').val();
-
 
808
	$('#taxon').val('');
-
 
809
	initialiserAutocompleteCommune();
-
 
810
	initialiserGoogleMap();
-
 
811
}
-
 
812
 
-
 
813
function surChangementNbreObs() {
-
 
814
	if (obsNbre == 0) {
-
 
815
		$("#transmettre-obs").attr('disabled', 'disabled');
-
 
816
		$("#ajouter-obs").removeAttr('disabled');
-
 
817
	} else if (obsNbre > 0 && obsNbre < OBS_MAX_NBRE) {
-
 
818
		$("#transmettre-obs").removeAttr('disabled');
-
 
819
		$("#ajouter-obs").removeAttr('disabled');
-
 
820
	} else if (obsNbre >= OBS_MAX_NBRE) {
-
 
821
		$("#ajouter-obs").attr('disabled', 'disabled');
-
 
822
		afficherPanneau("#dialogue-bloquer-creer-obs");
-
 
823
	}
-
 
824
}
-
 
825
 
-
 
826
var nbObsEnCours = 1;
-
 
827
var totalObsATransmettre = 0;
-
 
828
function transmettreObs() {
-
 
829
	var observations = $("#liste-obs").data();
-
 
830
	if (observations == undefined || jQuery.isEmptyObject(observations)) {
-
 
831
		afficherPanneau("#dialogue-zero-obs");
-
 
832
	} else {
-
 
833
		nbObsEnCours = 1;
-
 
834
		nbObsTransmises = 0;
-
 
835
		totalObsATransmettre = $.map(observations, function(n, i) { return i; }).length;
-
 
836
		depilerObsPourEnvoi();
-
 
837
	}
-
 
838
	return false;
-
 
839
}
-
 
840
 
-
 
841
function depilerObsPourEnvoi() {
-
 
842
	var observations = $("#liste-obs").data();
-
 
843
	// la boucle est factice car on utilise un tableau
-
 
844
	// dont on a besoin de n'extraire que le premier élément
-
 
845
	// or javascript n'a pas de méthode cross browsers pour extraire les clés
-
 
846
	// TODO: utiliser var.keys quand ça sera plus répandu
-
 
847
	// ou bien utiliser un vrai tableau et pas un objet
-
 
848
	for (var obsNum in observations) {
-
 
849
		obsATransmettre = new Object();
-
 
850
 
-
 
851
	    obsATransmettre['projet'] = TAG_PROJET;
-
 
852
	    obsATransmettre['tag-obs'] = TAG_OBS;
-
 
853
	    obsATransmettre['tag-img'] = TAG_IMG;
-
 
854
 
-
 
855
		var utilisateur = new Object();
-
 
856
		utilisateur.id_utilisateur = $("#id_utilisateur").val();
-
 
857
		utilisateur.prenom = $("#prenom").val();
-
 
858
		utilisateur.nom = $("#nom").val();
-
 
859
		utilisateur.courriel = $("#courriel").val();
-
 
860
		obsATransmettre['utilisateur'] = utilisateur;
-
 
861
		obsATransmettre[obsNum] = observations[obsNum];
-
 
862
		var idObsNumerique = obsNum.replace('obsId', '');
-
 
863
		if (idObsNumerique != '') {
-
 
864
			envoyerObsAuCel(idObsNumerique, obsATransmettre);
-
 
865
		}
-
 
866
 
-
 
867
		break;
-
 
868
	}
-
 
869
}
-
 
870
 
-
 
871
var nbObsTransmises = 0;
-
 
872
function mettreAJourProgression() {
-
 
873
	nbObsTransmises++;
-
 
874
	var pct = (nbObsTransmises/totalObsATransmettre)*100;
-
 
875
	$('#barre-progression-upload').attr('aria-valuenow', nbObsTransmises);
-
 
876
	$('#barre-progression-upload').attr('style', "width: "+pct+"%");
-
 
877
	$('#barre-progression-upload .sr-only').text(nbObsTransmises+"/"+totalObsATransmettre+" observations transmises");
-
 
878
 
-
 
879
	if(obsNbre == 0) {
-
 
880
		$('.progress').removeClass('active');
-
 
881
		$('.progress').removeClass('progress-striped');
-
 
882
	}
-
 
883
}
146
};
884
 
-
 
885
function envoyerObsAuCel(idObs, observation) {
-
 
886
	var erreurMsg = "";
-
 
887
	$.ajax({
-
 
888
		url : SERVICE_SAISIE_URL,
-
 
889
		type : "POST",
-
 
890
		data : observation,
-
 
891
		dataType : "json",
-
 
892
		beforeSend : function() {
-
 
893
			$("#dialogue-obs-transaction-ko").hide();
-
 
894
			$("#dialogue-obs-transaction-ok").hide();
-
 
895
			$(".alert-txt .msg").remove();
-
 
896
			$(".alert-txt .msg-erreur").remove();
-
 
897
			$(".alert-txt .msg-debug").remove();
-
 
898
			$("#chargement").show();
-
 
899
		},
-
 
900
		success : function(data, textStatus, jqXHR) {
-
 
901
			// mise à jour du nombre d'obs à transmettre
-
 
902
			// et suppression de l'obs
-
 
903
			supprimerObsParId(idObs);
-
 
904
			nbObsEnCours++;
-
 
905
			// mise à jour du statut
-
 
906
			mettreAJourProgression();
-
 
907
			if(obsNbre > 0) {
-
 
908
				// dépilement de la suivante
-
 
909
				depilerObsPourEnvoi();
-
 
910
			}
-
 
911
		},
-
 
912
		statusCode : {
-
 
913
			500 : function(jqXHR, textStatus, errorThrown) {
-
 
914
				erreurMsg += "Erreur 500 :\ntype : "+textStatus+' '+errorThrown+"\n";
-
 
915
		    }
-
 
916
		},
-
 
917
		error : function(jqXHR, textStatus, errorThrown) {
-
 
918
			erreurMsg += "Erreur Ajax :\ntype : "+textStatus+' '+errorThrown+"\n";
-
 
919
			try {
-
 
920
				reponse = jQuery.parseJSON(jqXHR.responseText);
-
 
921
				if (reponse != null) {
-
 
922
					$.each(reponse, function (cle, valeur) {
-
 
923
						erreurMsg += valeur + "\n";
-
 
924
					});
-
 
925
				}
-
 
926
			} catch(e) {
-
 
927
				erreurMsg += "L'erreur n'était pas en JSON.";
-
 
928
			}
-
 
929
		},
-
 
930
		complete : function(jqXHR, textStatus) {
-
 
931
			var debugMsg = extraireEnteteDebug(jqXHR);
-
 
932
 
-
 
933
			if (erreurMsg != '') {
-
 
934
				if (DEBUG) {
-
 
935
					$("#dialogue-obs-transaction-ko .alert-txt").append('<pre class="msg-erreur">'+erreurMsg+'</pre>');
-
 
936
					$("#dialogue-obs-transaction-ko .alert-txt").append('<pre class="msg-debug">Débogage : '+debugMsg+'</pre>');
-
 
937
				}
-
 
938
				var hrefCourriel = "mailto:cel_remarques@tela-botanica.org?"+
-
 
939
					"subject=Dysfonctionnement du widget de saisie "+TAG_PROJET+
-
 
940
					"&body="+erreurMsg+"%0D%0ADébogage :%0D%0A"+debugMsg;
-
 
941
 
-
 
942
				// mise en valeur de l'obs en erreur + scroll vers celle ci en changeant le hash
-
 
943
				$('#obs'+idObs+' div div').addClass('obs-erreur');
-
 
944
				window.location.hash = "obs"+idObs;
-
 
945
 
-
 
946
				$('#dialogue-obs-transaction-ko .alert-txt').append($("#tpl-transmission-ko").clone()
-
 
947
					.find('.courriel-erreur')
-
 
948
					.attr('href', hrefCourriel)
-
 
949
					.end()
-
 
950
					.html());
-
 
951
				$("#dialogue-obs-transaction-ko").show();
-
 
952
				$("#chargement").hide();
-
 
953
				initialiserBarreProgression();
-
 
954
			} else {
-
 
955
				if (DEBUG) {
-
 
956
					$("#dialogue-obs-transaction-ok .alert-txt").append('<pre class="msg-debug">Débogage : '+debugMsg+'</pre>');
-
 
957
				}
-
 
958
				if(obsNbre == 0) {
-
 
959
					setTimeout(function() {
-
 
960
						$("#chargement").hide();
-
 
961
						$('#dialogue-obs-transaction-ok .alert-txt').append($('#tpl-transmission-ok').clone().html());
-
 
962
						$("#dialogue-obs-transaction-ok").show();
-
 
963
						window.location.hash = "dialogue-obs-transaction-ok";
-
 
964
						initialiserObs();
-
 
965
					}, 1500);
-
 
966
 
-
 
967
				}
-
 
968
			}
-
 
969
		}
-
 
970
	});
-
 
971
}
-
 
972
 
-
 
973
function validerFormulaire() {
-
 
974
	$observateur = $("#form-observateur").valid();
-
 
975
	$station = $("#form-station").valid();
-
 
976
	$obs = $("#form-obs").valid();
-
 
977
	return ($observateur == true && $station == true && $obs == true) ? true : false;
-
 
978
}
-
 
979
 
-
 
980
function getNomsImgsOriginales() {
-
 
981
	var noms = new Array();
-
 
982
	$(".miniature-img").each(function() {
-
 
983
		noms.push($(this).attr('alt'));
-
 
984
	});
-
 
985
	return noms;
-
 
986
}
-
 
987
 
-
 
988
function getB64ImgsOriginales() {
-
 
989
	var b64 = new Array();
-
 
990
	$(".miniature-img").each(function() {
-
 
991
		if ($(this).hasClass('b64')) {
-
 
992
			b64.push($(this).attr('src'));
-
 
993
		} else if ($(this).hasClass('b64-canvas')) {
-
 
994
			b64.push($(this).data('b64'));
-
 
995
		}
-
 
996
	});
-
 
997
 
-
 
998
	return b64;
-
 
999
}
-
 
1000
 
-
 
1001
function supprimerObs() {
-
 
1002
	var obsId = $(this).val();
-
 
1003
	// Problème avec IE 6 et 7
-
 
1004
	if (obsId == "Supprimer") {
-
 
1005
		obsId = $(this).attr("title");
-
 
1006
	}
-
 
1007
	supprimerObsParId(obsId);
-
 
1008
}
-
 
1009
 
-
 
1010
function supprimerObsParId(obsId) {
-
 
1011
	obsNbre = obsNbre - 1;
-
 
1012
	$(".obs-nbre").text(obsNbre);
-
 
1013
	$(".obs-nbre").triggerHandler('changement');
-
 
1014
	$('.obs'+obsId).remove();
-
 
1015
	$("#liste-obs").removeData('obsId'+obsId);
-
 
1016
}
-
 
1017
 
-
 
1018
function initialiserBarreProgression() {
-
 
1019
	$('#barre-progression-upload').attr('aria-valuenow', 0);
-
 
1020
	$('#barre-progression-upload').attr('style', "width: 0%");
-
 
1021
	$('#barre-progression-upload .sr-only').text("0/0 observations transmises");
-
 
1022
	$('.progress').addClass('active');
-
 
1023
	$('.progress').addClass('progress-striped');
-
 
1024
}
-
 
1025
 
-
 
1026
function initialiserObs() {
-
 
1027
	obsNbre = 0;
-
 
1028
	nbObsTransmises = 0;
-
 
1029
	nbObsEnCours = 0;
-
 
1030
	totalObsATransmettre = 0;
-
 
1031
	initialiserBarreProgression();
-
 
1032
	$(".obs-nbre").text(obsNbre);
-
 
1033
	$(".obs-nbre").triggerHandler('changement');
-
 
1034
	$("#liste-obs").removeData();
-
 
1035
	$('.obs').remove();
-
 
1036
	$("#dialogue-bloquer-creer-obs").hide();
-
 
1037
}
-
 
1038
 
-
 
1039
function ajouterImgMiniatureAuTransfert() {
-
 
1040
	var html = '';
-
 
1041
	var miniatures = '';
-
 
1042
	var premiere = true;
-
 
1043
	if ($("#miniatures img").length >= 1) {
-
 
1044
		$("#miniatures img").each(function() {
-
 
1045
			var visible = premiere ? 'miniature-selectionnee' : 'miniature-cachee';
-
 
1046
			premiere = false;
-
 
1047
			var css = $(this).hasClass('b64') ? 'miniature b64' : 'miniature';
-
 
1048
			var src = $(this).attr("src");
-
 
1049
			var alt = $(this).attr("alt");
-
 
1050
			miniature = '<img class="'+css+' '+visible+'"  alt="'+alt+'"src="'+src+'" />';
-
 
1051
			miniatures += miniature;
-
 
1052
		});
-
 
1053
		visible = ($("#miniatures img").length > 1) ? '' : 'defilement-miniatures-cache';
-
 
1054
		var html =
-
 
1055
			'<div class="defilement-miniatures">'+
-
 
1056
				'<a href="#" class="defilement-miniatures-gauche '+visible+'">&#60;</a>'+
-
 
1057
				miniatures+
-
 
1058
				'<a href="#" class="defilement-miniatures-droite '+visible+'">&#62;</a>'+
-
 
1059
			'</div>';
-
 
1060
	} else {
-
 
1061
		html = '<img class="miniature" alt="Aucune photo"src="'+PAS_DE_PHOTO_ICONE_URL+'" />';
-
 
1062
	}
-
 
1063
	return html;
-
 
1064
}
-
 
1065
 
-
 
1066
function defilerMiniatures(element) {
-
 
1067
 
-
 
1068
	var miniatureSelectionne = element.siblings("img.miniature-selectionnee");
-
 
1069
	miniatureSelectionne.removeClass('miniature-selectionnee');
-
 
1070
	miniatureSelectionne.addClass('miniature-cachee');
-
 
1071
	var miniatureAffichee = miniatureSelectionne;
-
 
1072
 
-
 
1073
	if(element.hasClass('defilement-miniatures-gauche')) {
-
 
1074
		if(miniatureSelectionne.prev('.miniature').length != 0) {
-
 
1075
			miniatureAffichee = miniatureSelectionne.prev('.miniature');
-
 
1076
		} else {
-
 
1077
			miniatureAffichee = miniatureSelectionne.siblings(".miniature").last();
-
 
1078
		}
-
 
1079
	} else {
-
 
1080
		if(miniatureSelectionne.next('.miniature').length != 0) {
-
 
1081
			miniatureAffichee = miniatureSelectionne.next('.miniature');
-
 
1082
		} else {
-
 
1083
			miniatureAffichee = miniatureSelectionne.siblings(".miniature").first();
-
 
1084
		}
-
 
1085
	}
-
 
1086
	//console.log(miniatureAffichee);
-
 
1087
	miniatureAffichee.addClass('miniature-selectionnee');
-
 
1088
	miniatureAffichee.removeClass('miniature-cachee');
-
 
1089
}
-
 
Line -... Line 147...
-
 
147
 
1090
 
148
// @TODO harmoniser
1091
function ajouterNumNomSel() {
149
WidgetSaisieAmbrosia.prototype.ajouterNumNomSel = function() {
1092
	var nn = '';
150
	var nn = '';
1093
	if ($("#taxon").data("numNomSel") == undefined) {
151
	if ($("#taxon").data("numNomSel") == undefined) {
1094
		nn = '<span class="alert-error">[non lié au référentiel]</span>';
152
		nn = '<span class="alert-error">[non lié au référentiel]</span>';
1095
	} else {
153
	} else {
1096
		nn = '<span class="nn">['+
154
		nn = '<span class="nn">['+
1097
			'<span class="referentiel-obs">'+($("#taxon").data("numNomSel") == undefined ? '' : NOM_SCI_REFERENTIEL+'-')+'</span>'+
155
			'<span class="referentiel-obs">'+($("#taxon").data("numNomSel") == undefined ? '' : this.nomSciReferentiel + '-')+'</span>'+
1098
			'nn'+$("#taxon").data("numNomSel")+
156
			'nn'+$("#taxon").data("numNomSel")+
1099
			']</span>';
157
			']</span>';
1100
	}
158
	}
1101
	return nn;
-
 
1102
}
-
 
1103
 
-
 
1104
//+---------------------------------------------------------------------------------------------------------+
-
 
1105
// AUTO-COMPLÉTION Noms Scientifiques
-
 
1106
 
-
 
1107
function ajouterAutocompletionNoms() {
-
 
1108
	$('#taxon').autocomplete({
-
 
1109
		source: function(requete, add){
-
 
1110
			// la variable de requête doit être vidée car sinon le parametre "term" est ajouté
-
 
1111
			requete = "";
-
 
1112
			var url = getUrlAutocompletionNomsSci();
-
 
1113
			$.getJSON(url, requete, function(data) {
-
 
1114
				var suggestions = traiterRetourNomsSci(data);
-
 
1115
				add(suggestions);
-
 
1116
            });
-
 
1117
        },
-
 
1118
        html: true
-
 
1119
	});
-
 
1120
 
-
 
1121
	$( "#taxon" ).bind("autocompleteselect", function(event, ui) {
-
 
1122
		$("#taxon").data(ui.item);
-
 
1123
		if (ui.item.retenu == true) {
-
 
1124
			$("#taxon").addClass('ns-retenu');
-
 
1125
		} else {
-
 
1126
			$("#taxon").removeClass('ns-retenu');
-
 
1127
		}
-
 
1128
	});
-
 
1129
}
-
 
1130
 
-
 
1131
function getUrlAutocompletionNomsSci() {
-
 
1132
	var mots = $('#taxon').val();
-
 
1133
	var url = SERVICE_AUTOCOMPLETION_NOM_SCI_URL_TPL.replace('{referentiel}',NOM_SCI_REFERENTIEL);
-
 
1134
	url = url.replace('{masque}', mots);
-
 
1135
	return url;
-
 
1136
}
-
 
1137
 
-
 
1138
function traiterRetourNomsSci(data) {
-
 
1139
	var suggestions = [];
-
 
1140
	if (data.resultat != undefined) {
-
 
1141
		$.each(data.resultat, function(i, val) {
-
 
1142
			val.nn = i;
-
 
1143
			var nom = {label : '', value : '', nt : '', nomSel : '', nomSelComplet : '', numNomSel : '',
-
 
1144
				nomRet : '', numNomRet : '', famille : '', retenu : false
-
 
1145
			};
-
 
1146
			if (suggestions.length >= AUTOCOMPLETION_ELEMENTS_NBRE) {
-
 
1147
				nom.label = "...";
-
 
1148
				nom.value = $('#taxon').val();
-
 
1149
				suggestions.push(nom);
-
 
1150
				return false;
-
 
1151
			} else {
-
 
1152
				nom.label = val.nom_sci_complet;
-
 
1153
				nom.value = val.nom_sci_complet;
-
 
1154
				nom.nt = val.num_taxonomique;
-
 
1155
				nom.nomSel = val.nom_sci;
-
 
1156
				nom.nomSelComplet = val.nom_sci_complet;
-
 
1157
				nom.numNomSel = val.nn;
-
 
1158
				nom.nomRet = val.nom_retenu_complet;
-
 
1159
				nom.numNomRet = val["nom_retenu.id"];
-
 
1160
				nom.famille = val.famille;
-
 
1161
				// Tester dans ce sens, permet de considérer "absent" comme "false" => est-ce opportun ?
-
 
1162
				// en tout cas c'est harmonisé avec le CeL
-
 
1163
				nom.retenu = (val.retenu == 'true') ? true : false;
-
 
1164
 
-
 
1165
				suggestions.push(nom);
-
 
1166
			}
-
 
1167
		});
-
 
1168
	}
-
 
1169
 
-
 
1170
	return suggestions;
-
 
1171
}
-
 
1172
 
-
 
1173
/*
-
 
1174
 * jQuery UI Autocomplete HTML Extension
-
 
1175
 *
-
 
1176
 * Copyright 2010, Scott González (http://scottgonzalez.com)
-
 
1177
 * Dual licensed under the MIT or GPL Version 2 licenses.
-
 
1178
 *
-
 
1179
 * http://github.com/scottgonzalez/jquery-ui-extensions
-
 
1180
 *
-
 
1181
 * Adaptation par Aurélien Peronnet pour la mise en gras des noms de taxons valides
-
 
1182
 */
-
 
1183
(function( $ ) {
-
 
1184
	var proto = $.ui.autocomplete.prototype,
-
 
1185
		initSource = proto._initSource;
-
 
1186
 
-
 
1187
	function filter( array, term ) {
-
 
1188
		var matcher = new RegExp( $.ui.autocomplete.escapeRegex(term), "i" );
-
 
1189
		return $.grep( array, function(value) {
-
 
1190
			return matcher.test( $( "<div>" ).html( value.label || value.value || value ).text() );
-
 
1191
		});
-
 
1192
	}
-
 
1193
 
-
 
1194
	$.extend( proto, {
-
 
1195
		_initSource: function() {
-
 
1196
			if ( this.options.html && $.isArray(this.options.source) ) {
-
 
1197
				this.source = function( request, response ) {
-
 
1198
					response( filter( this.options.source, request.term ) );
-
 
1199
				};
-
 
1200
			} else {
-
 
1201
				initSource.call( this );
-
 
1202
			}
-
 
1203
		},
-
 
1204
		_renderItem: function( ul, item) {
-
 
1205
			if (item.retenu == true) {
-
 
1206
				item.label = "<strong>"+item.label+"</strong>";
-
 
1207
			}
-
 
1208
 
-
 
1209
			return $( "<li></li>" )
-
 
1210
				.data( "item.autocomplete", item )
-
 
1211
				.append( $( "<a></a>" )[ this.options.html ? "html" : "text" ]( item.label ) )
-
 
1212
				.appendTo( ul );
-
 
1213
		}
-
 
1214
	});
-
 
1215
})( jQuery );
159
	return nn;
-
 
160
};