Subversion Repositories eFlore/Applications.eflore-consultation

Rev

Rev 809 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
119 aurelien 1
/**-------------------------- Objets globaux -----------------------------------*/
2
/*
3
 * Les variables suivantes sont ajoutée automatiquement dans le squelette du moteur de
4
 * recherche par php, elles sont commentées ici pour qu'elles n'aient pas l'air
5
 * de sortir de la cuisse de Jupiter
6
 *
457 jpm 7
 * var AUTOCOMPLETION_ELEMENTS_NBRE : indique le nombre d'éléments à afficher dans la liste d'autocomplétion.
8
 *
9
 * var URL_SERVICE_AUTOCOMPLETION_NOM_SCI : url de base du service de complétion de noms scientifiques
119 aurelien 10
 * pour le projet en cours de consultation.
11
 * Exemple : http://localhost/service:eflore:0.1/bdtfx/noms?recherche=etendue&retour.format=min&masque=Ace%mo
12
 *
457 jpm 13
 * var URL_SERVICE_AUTOCOMPLETION_NOM_VERNA : url de base du service de complétion de noms vernaculaires
119 aurelien 14
 * pour le projet en cours de consultation.
131 delphine 15
 * Exemple : http://localhost/service:eflore:0.1/nvjfl/noms-vernaculaires?recherche=etendue&retour.format=oss&masque=aca&masque.lg=fra
119 aurelien 16
 *
457 jpm 17
 * var VALEUR_DEFAUT_NOM_SCI : Contient la valeur par défaut affichée dans le formulaire en mode sci
119 aurelien 18
 * Exemple: Rechercher un nom scientifique
457 jpm 19
 *
20
 * var VALEUR_DEFAUT_NOM_VERNA : Contient la valeur par défaut affichée dans le formulaire en mode verna
119 aurelien 21
 * Exemple: Recherche un nom commun
22
 */
23
 
724 mathilde 24
var champs_ts = ["#au","#and","#anf","#nom","#bib"];
785 aurelien 25
var autocompletionFicheOuverte = false;
26
var elementAutocompletionSelectionne = null;
27
var nomRechercheEnCours = null;
724 mathilde 28
 
457 jpm 29
$(document).ready(function() {
724 mathilde 30
	ajouterAutocompletion();
31
	ajouterActionClicSurTexteRecherche(champs_ts);
32
	gererAffichageValeursParDefaut(champs_ts);
33
	afficherValeurParDefaut(champs_ts);
785 aurelien 34
	gererAccesFicheFlecheDroite();
864 aurelien 35
	gererClicIllustrationsResultats()
457 jpm 36
});
119 aurelien 37
 
457 jpm 38
/**------------------- Fonctions de gestion de l'autocompletion ---------------------------------*/
724 mathilde 39
function ajouterAutocompletion(){
40
		ajouterAutocompletionNoms();
41
		$('.champ_autocomplete').each(function(index) {
42
			ajouterAutocompletionAvancee($(this));
43
		});
44
}
45
 
46
function ajouterAutocompletionAvancee(champs){
47
			champs.autocomplete({
48
				source: function(requete, add){
49
				// la variable de requête doit être vidée car sinon le parametre "term" est ajouté
50
					requete = "";
51
					var id = champs.attr('id');
52
					var url = getUrlAutocompletionAvancee(id);
53
						$.getJSON(url, requete, function(data) {
54
					var suggestions = [];
55
					suggestions = traiterRetourAvance(data,champs);
56
					add(suggestions);
57
					});
58
				},
59
	        	html: true
60
			});
61
 
62
}
785 aurelien 63
 
457 jpm 64
function ajouterAutocompletionNoms() {
65
	$('#nom').autocomplete({
66
		source: function(requete, add){
67
			// la variable de requête doit être vidée car sinon le parametre "term" est ajouté
68
			requete = "";
69
			var url = getUrlAppelCompletion();
724 mathilde 70
			$.getJSON(url, requete, function(data) {
457 jpm 71
				var suggestions = [];
72
				if (nomVernaculaireEstDemande()) {
73
					suggestions = traiterRetourNomsVerna(data);
74
				} else if (nomSciEstDemande()) {
75
					suggestions = traiterRetourNomsSci(data);
76
				}
77
				add(suggestions);
78
            });
79
        },
785 aurelien 80
        search: function(event, ui) {
81
        	nomRechercheEnCours = 'nom_sci';
82
        },
83
        focus: function(event, ui) {
84
        	elementAutocompletionSelectionne = ui.item;
85
        },
86
        open: function(event, ui) {
87
        	autocompletionFicheOuverte = true;
809 aurelien 88
        	var parent = $('.autocompletion_nom.ui-menu-item').parent();
89
        	parent.width(parent.width() + 10);
785 aurelien 90
        },
91
        close: function(event, ui) {
92
        	autocompletionFicheFermee = false;
93
        	nomRechercheEnCours = null;
94
        },
457 jpm 95
        html: true
96
	});
105 aurelien 97
 
459 jpm 98
	$("#nom").bind("autocompleteselect", function(event, ui) {
457 jpm 99
		if (ui.item.retenu == true) {
100
			$("#nom").addClass('ns-retenu');
101
		} else {
102
			$("#nom").removeClass('ns-retenu');
103
		}
104
	});
105 aurelien 105
}
106
 
785 aurelien 107
// gére l'acces direct à une fiche par l'appui sur droite
108
// dans la liste d'autocompletion des noms scientifiques
109
function gererAccesFicheFlecheDroite() {
110
	$(document).keypress(function(event) {
111
		// flèche droite
112
		if(event.keyCode == '39') {
113
			if(autocompletionFicheOuverte && elementAutocompletionSelectionne != null && nomSciEstDemande()) {
114
				$('#nom').val(elementAutocompletionSelectionne.value);
115
				$('#eflore_nomenclature_fiche').click();
116
				$('#nom').autocomplete( "disable" );
117
				//TODO : ajout d'un message de chargement ?
118
			}
119
		}
120
	});
121
}
122
 
119 aurelien 123
function traiterRetourNomsSci(data) {
131 delphine 124
	var suggestions = [];
457 jpm 125
	if (data.resultat != undefined) {
131 delphine 126
		$.each(data.resultat, function(i, val) {
457 jpm 127
			val.nn = i;
128
			var nom = {label : '', value : '', retenu : false};
129
			if (suggestions.length >= AUTOCOMPLETION_ELEMENTS_NBRE) {
130
				nom.label = "...";
131
				nom.value = $('#nom').val();
132
				suggestions.push(nom);
133
				return false;
134
			} else {
135
				nom.label = val.nom_sci_complet;
136
				nom.value = val.nom_sci;
137
				nom.nn = val.nn;
720 delphine 138
				nom.retenu = (val.retenu == 'true') ? true : false;
457 jpm 139
				suggestions.push(nom);
140
			}
131 delphine 141
		});
119 aurelien 142
	}
143
	return suggestions;
144
}
145
 
724 mathilde 146
 
147
function traiterRetourAvance(data, champs) {
148
	var suggestions = [];
149
	if (jQuery.type(data) == "array") {
150
		$.each(data[1], function(i, val) {
151
			var ch = {label : '', value : ''};
152
			if (suggestions.length >= AUTOCOMPLETION_ELEMENTS_NBRE) {
153
				ch.label = "...";
154
				ch.value = champs.val();
155
				suggestions.push(ch);
156
				return false;
157
			} else {
158
				ch.label = val;
159
				ch.value = val;
160
				suggestions.push(ch);
161
			}
162
		});
163
	}
164
	return suggestions;
165
}
166
 
119 aurelien 167
function traiterRetourNomsVerna(data) {
131 delphine 168
	var suggestions = [];
457 jpm 169
	if (jQuery.type(data) == "array") {
131 delphine 170
		$.each(data[1], function(i, val){
457 jpm 171
			var nom = {label : '', value : ''};
172
			if (suggestions.length >= AUTOCOMPLETION_ELEMENTS_NBRE) {
173
				nom.label = "...";
174
				nom.value = $('#nom').val();
175
				suggestions.push(nom);
176
				return false;
177
			} else {
178
				nom.label = val;
179
				nom.value = val;
180
				suggestions.push(val);
181
			}
131 delphine 182
		});
119 aurelien 183
	}
184
	return suggestions;
185
}
186
 
105 aurelien 187
 
457 jpm 188
/**------------ Fonctions de gestion des urls d'autocompletion et des fiches ------------------*/
724 mathilde 189
 
190
function getUrlAutocompletionAvancee(parametre) {
191
	var valeur = getValeurMasque(parametre);
192
	var ns_str = getValeurNsStructure(parametre);
193
	var url = URL_SERVICE_AUTOCOMPLETION_NOM_SCI+"?recherche=etendue&"+
194
	"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE +'&masque.'+parametre+'='+valeur+
195
	'&retour.format=oss&distinct=1&ns.structure='+ns_str;
196
	return url;
197
}
198
 
199
function getValeurMasque(parametre) {
200
	var valeur = $('#'+parametre).val();
201
	if (parametre == 'au' ){
202
		valeur = valeur +',(' + valeur + ')';
203
	} else if (parametre == 'bib' ){
204
		valeur = valeur +', %; ' + valeur ;
205
	}
206
	return valeur;
207
}
208
 
209
function getValeurNsStructure(parametre) {
210
	var ns = '';
211
	if (parametre == 'au' || parametre == 'bib'){
212
		ns = parametre +'_ss';
213
	} else {
214
		ns = parametre;
215
	}
216
	return ns;
217
}
218
 
219
 
457 jpm 220
function getUrlAppelCompletion() {
221
	var url = '';
222
	var mots = $('#nom').val();
223
	if (nomSciEstDemande()) {
224
		url = getUrlAutocompletionNomsSci(mots);
225
	} else if (nomVernaculaireEstDemande()) {
226
		mots = mots.replace('  ',' ');
227
		mots = mots.replace(' ','_');
228
		url = getUrlAutocompletionNomsVerna(mots);
229
	}
230
	return url;
231
}
105 aurelien 232
 
457 jpm 233
function getUrlAutocompletionNomsSci(requete) {
234
	var url = getUrlAutocompletion(URL_SERVICE_AUTOCOMPLETION_NOM_SCI, requete, 'min')+
235
		"&ns.structure=au,an";
236
	return url;
119 aurelien 237
}
238
 
457 jpm 239
function getUrlAutocompletionNomsVerna(requete) {
240
	var url = getUrlAutocompletion(URL_SERVICE_AUTOCOMPLETION_NOM_VERNA, requete, 'oss')+
241
		"&masque.lg=fra";
242
	return url;
243
}
244
 
245
function getUrlAutocompletion(baseUrl, requete, format) {
246
	var url = baseUrl+"?"+
247
		"masque="+requete+"&"+
248
		"recherche=etendue&"+
249
		"retour.format="+format+"&"+
250
		"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE;
251
	return url;
252
}
253
 
254
/**------------ Fonctions de détection de l'état du formulaire ------------------*/
255
function nomSciEstDemande()  {
256
	var boutonRadioNomSci = $('#type_nom_scientifique');
257
	return (boutonRadioNomSci.attr("checked") != "undefined" && boutonRadioNomSci.attr("checked") == "checked");
258
}
259
 
260
function nomVernaculaireEstDemande()  {
261
	var boutonRadioNomSci = $('#type_nom_vernaculaire');
262
	return (boutonRadioNomSci.attr("checked") != "undefined" && boutonRadioNomSci.attr("checked") == "checked");
263
}
264
 
119 aurelien 265
/**------------ Fonctions de gestion de l'affichage des valeurs par defaut ----------------------*/
724 mathilde 266
function ajouterActionClicSurTexteRecherche(champs) {
267
	$.each(champs, function(index, value) {
268
		$(value).click(function() {
269
			if (formulaireAfficheValeurParDefaut(value)) {
270
				$(value).val('');
271
			}
272
			if ($(value).hasClass('valeur-defaut-recherche')) {
273
				$(value).removeClass('valeur-defaut-recherche');
274
			}
275
		});
119 aurelien 276
	});
277
}
278
 
724 mathilde 279
function formulaireAfficheValeurParDefaut(champ) {
280
	valeur_form = $(champ).val();
278 aurelien 281
	valeur_form = $.trim(valeur_form);
724 mathilde 282
	return ( valeur_form == '' || valeur_form == VALEUR_DEFAUT_NOM_SCI || valeur_form == VALEUR_DEFAUT_NOM_VERNA
283
			|| valeur_form == VALEUR_DEFAUT_AU || valeur_form == VALEUR_DEFAUT_BIB || valeur_form == VALEUR_DEFAUT_DATE );
119 aurelien 284
}
285
 
724 mathilde 286
function gererAffichageValeursParDefaut(champs) {
287
		$('input[name="type_nom"]').click(function() {
288
			afficherValeurParDefautNom();
289
		});
290
		$.each(champs, function(index, value) {
291
			$(value).focus(function() {
292
				$(value).removeClass('valeur-defaut-recherche');
293
				if (formulaireAfficheValeurParDefaut(value)) {
294
					$(value).val('');
295
				} else {
296
					$(value).select();
297
				}
298
			});
299
		});
300
}
301
 
302
function afficherValeurParDefaut(champs){
303
	$.each(champs, function(index, value) {
304
		if (value == '#nom') {
305
			afficherValeurParDefautNom();
306
		}else{
307
			afficherValeurParDefautAvance(value);
119 aurelien 308
		}
309
	});
310
}
311
 
724 mathilde 312
function afficherValeurParDefautNom() {
119 aurelien 313
	if($('#nom') != undefined && $('#nom').val() != undefined) {
278 aurelien 314
		valeur_form = $('#nom').val();
315
		valeur_form = $.trim(valeur_form);
724 mathilde 316
		if (formulaireAfficheValeurParDefaut('#nom')) {
457 jpm 317
			if (nomSciEstDemande()) {
318
	    		$('#nom').val(VALEUR_DEFAUT_NOM_SCI);
119 aurelien 319
	    	} else {
457 jpm 320
	    		$('#nom').val(VALEUR_DEFAUT_NOM_VERNA);
119 aurelien 321
	    	}
322
			$('#nom').addClass('valeur-defaut-recherche');
323
		}
466 aurelien 324
 
325
		if (nomSciEstDemande()) {
326
			$('#eflore_nomenclature_fiche').show();
327
		} else {
328
			$('#eflore_nomenclature_fiche').hide();
329
		}
119 aurelien 330
	}
331
}
332
 
724 mathilde 333
 
334
function afficherValeurParDefautAvance(champs) {
785 aurelien 335
	if($(champs) != undefined && $(champs).val() != undefined) {
336
		valeur_form = $(champs).val();
337
		valeur_form = $.trim(valeur_form);
338
		if (formulaireAfficheValeurParDefaut(champs)) {
339
			if (champs == "#au") {
340
				$(champs).val(VALEUR_DEFAUT_AU);
341
 
342
			}else if (champs == "#bib" ) {
343
				$(champs).val(VALEUR_DEFAUT_BIB);
344
			} else {
345
				$(champs).val(VALEUR_DEFAUT_DATE);
724 mathilde 346
			}
785 aurelien 347
			$(champs).addClass('valeur-defaut-recherche');
724 mathilde 348
		}
349
 
785 aurelien 350
	}
724 mathilde 351
}
352
 
864 aurelien 353
/**------------ Fonctions de gestion du zoom sur les images affichées dans les résultats de recherche ----------------------*/
354
function gererClicIllustrationsResultats() {
355
	$('.illustration_resultat_cel').click(function() {
356
		var url = $(this).attr('src')/*.replace('CS','XL')*/;
357
		var titre = $(this).parent().find('a.lien_fiche_eflore').text();
358
		ouvrirFenetreIllustrationResultat(url, titre, 400, 400);
359
	});
360
 
361
	$('.illustration_resultat_choro').click(function() {
362
		var url = $(this).attr('src').replace('108x101','432x404');
363
		var titre = 'Chorologie du taxon '+$(this).parent().find('a.lien_fiche_eflore').text();
364
		ouvrirFenetreIllustrationResultat(url, titre, 432, 404);
365
	});
366
 
367
	$('.illustration_resultat_coste').click(function() {
368
		var url = $(this).attr('src');
369
		var titre = 'Illustration de Coste du taxon '+$(this).parent().find('a.lien_fiche_eflore').text();
370
		ouvrirFenetreIllustrationResultat(url, titre, 400, 400);
371
	});
372
}
373
 
374
function ouvrirFenetreIllustrationResultat(url, titre, hauteur, largeur) {
375
	var fenetre = window.open('_blank', titre,'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(largeur+17)+', height='+(hauteur+17));
376
	var tmp = fenetre.document;
377
	tmp.write('<html><head><title>'+titre+'</title>');
378
	tmp.write('</head><body>');
379
	tmp.write('<p style="height='+hauteur+'px;text-align:center;line-height='+hauteur+'px;"><img id="image_agrandie" height="'+hauteur+'" width="'+largeur+'" style="vertical-align:middle;" src="'+url+'" /></p>');
380
	tmp.write('</body></html>');
381
	tmp.close();
382
}
383
 
119 aurelien 384
/*
385
 * jQuery UI Autocomplete HTML Extension
386
 *
387
 * Copyright 2010, Scott González (http://scottgonzalez.com)
388
 * Dual licensed under the MIT or GPL Version 2 licenses.
389
 *
390
 * http://github.com/scottgonzalez/jquery-ui-extensions
391
 *
392
 * Adaptation par Aurélien Peronnet pour la mise en gras des noms de taxons valides
393
 */
394
(function( $ ) {
457 jpm 395
	var proto = $.ui.autocomplete.prototype,
396
		initSource = proto._initSource;
397
 
398
	function filter( array, term ) {
399
		var matcher = new RegExp( $.ui.autocomplete.escapeRegex(term), "i" );
400
		return $.grep( array, function(value) {
401
			return matcher.test( $( "<div>" ).html( value.label || value.value || value ).text() );
402
		});
403
	}
404
 
405
	$.extend( proto, {
406
		_initSource: function() {
407
			if (this.options.html && $.isArray(this.options.source) ) {
408
				this.source = function( request, response ) {
409
					response( filter( this.options.source, request.term ) );
410
				};
411
			} else {
412
				initSource.call( this );
413
			}
414
		},
415
		_renderItem: function( ul, item) {
416
			if (item.retenu == true) {
417
				item.label = "<strong>"+item.label+"</strong>";
418
			}
785 aurelien 419
			var classe = (nomRechercheEnCours == 'nom_sci' && nomSciEstDemande()) ? 'class="autocompletion_nom"' : '';
420
			return $("<li "+classe+"></li>")
457 jpm 421
				.data("item.autocomplete", item)
422
				.append( $("<a></a>")[ this.options.html ? "html" : "text" ](item.label))
423
				.appendTo(ul);
424
		}
119 aurelien 425
	});
457 jpm 426
})( jQuery );