Subversion Repositories eFlore/Applications.eflore-consultation

Rev

Go to most recent revision | Details | 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
917 aurelien 22
 *
23
 * var URL_BASE_POPUP : url de base pour les popup contenant du code un peu complexe
119 aurelien 24
 */
25
 
724 mathilde 26
var champs_ts = ["#au","#and","#anf","#nom","#bib"];
785 aurelien 27
var autocompletionFicheOuverte = false;
28
var elementAutocompletionSelectionne = null;
29
var nomRechercheEnCours = null;
724 mathilde 30
 
457 jpm 31
$(document).ready(function() {
724 mathilde 32
	ajouterAutocompletion();
969 aurelien 33
	gererAffichageValeursParDefaut();
785 aurelien 34
	gererAccesFicheFlecheDroite();
905 aurelien 35
	gererClicIllustrationsResultats();
36
	gererAccesFicheBouton();
457 jpm 37
});
119 aurelien 38
 
457 jpm 39
/**------------------- Fonctions de gestion de l'autocompletion ---------------------------------*/
724 mathilde 40
function ajouterAutocompletion(){
969 aurelien 41
	ajouterAutocompletionNoms();
42
	$('.champ_autocomplete').each(function(index) {
43
		ajouterAutocompletionAvancee($(this));
44
	});
724 mathilde 45
}
46
 
47
function ajouterAutocompletionAvancee(champs){
969 aurelien 48
	champs.autocomplete({
49
		source: function(requete, add){
50
		// la variable de requête doit être vidée car sinon le parametre "term" est ajouté
51
			requete = "";
52
			var id = champs.attr('id');
53
			var url = encodeURI(getUrlAutocompletionAvancee(id));
54
				$.getJSON(url, requete, function(data) {
55
			var suggestions = [];
56
			suggestions = traiterRetourAvance(data,champs);
57
			add(suggestions);
724 mathilde 58
			});
969 aurelien 59
		},
60
    	html: true
61
	});
724 mathilde 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 = "";
895 aurelien 69
			var url = encodeURI(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
895 aurelien 112
		if(event.keyCode == 39) {
785 aurelien 113
			if(autocompletionFicheOuverte && elementAutocompletionSelectionne != null && nomSciEstDemande()) {
114
				$('#nom').val(elementAutocompletionSelectionne.value);
905 aurelien 115
				if(elementAutocompletionSelectionne.nn != undefined && elementAutocompletionSelectionne.nn != null) {
116
					var url_fiche_taxon = URL_BASE_FICHE_TAXON.replace('{num_taxon}',elementAutocompletionSelectionne.nn);
117
					window.location.href = url_fiche_taxon;
118
				}
785 aurelien 119
				$('#nom').autocomplete( "disable" );
120
				//TODO : ajout d'un message de chargement ?
121
			}
122
		}
895 aurelien 123
 
124
		if(event.keyCode == 13) {
125
			if(autocompletionFicheOuverte && elementAutocompletionSelectionne == null && $('#nom').is(":focus")) {
126
				$('#eflore_nomenclature_submit').click();
127
			}
128
		}
785 aurelien 129
	});
130
}
131
 
905 aurelien 132
function gererAccesFicheBouton() {
133
	$('#eflore_nomenclature_fiche').click(function(event) {
134
		if(elementAutocompletionSelectionne != null && nomSciEstDemande()) {
135
			$('#nom').val(elementAutocompletionSelectionne.value);
136
			if(elementAutocompletionSelectionne.nn != undefined && elementAutocompletionSelectionne.nn != null) {
137
				var url_fiche_taxon = URL_BASE_FICHE_TAXON.replace('{num_taxon}',elementAutocompletionSelectionne.nn);
138
				window.location.href = url_fiche_taxon;
139
			}
140
			event.preventDefault();
141
		}
142
	});
143
}
144
 
119 aurelien 145
function traiterRetourNomsSci(data) {
131 delphine 146
	var suggestions = [];
457 jpm 147
	if (data.resultat != undefined) {
131 delphine 148
		$.each(data.resultat, function(i, val) {
457 jpm 149
			val.nn = i;
150
			var nom = {label : '', value : '', retenu : false};
151
			if (suggestions.length >= AUTOCOMPLETION_ELEMENTS_NBRE) {
152
				nom.label = "...";
153
				nom.value = $('#nom').val();
154
				suggestions.push(nom);
155
				return false;
156
			} else {
157
				nom.label = val.nom_sci_complet;
158
				nom.value = val.nom_sci;
159
				nom.nn = val.nn;
969 aurelien 160
				if(val.retenu != "absent") {
161
					nom.retenu = (val.retenu == 'true') ? true : false;
162
					suggestions.push(nom);
163
				}
457 jpm 164
			}
131 delphine 165
		});
119 aurelien 166
	}
167
	return suggestions;
168
}
169
 
724 mathilde 170
 
171
function traiterRetourAvance(data, champs) {
172
	var suggestions = [];
173
	if (jQuery.type(data) == "array") {
174
		$.each(data[1], function(i, val) {
175
			var ch = {label : '', value : ''};
176
			if (suggestions.length >= AUTOCOMPLETION_ELEMENTS_NBRE) {
177
				ch.label = "...";
178
				ch.value = champs.val();
179
				suggestions.push(ch);
180
				return false;
181
			} else {
182
				ch.label = val;
183
				ch.value = val;
184
				suggestions.push(ch);
185
			}
186
		});
187
	}
188
	return suggestions;
189
}
190
 
119 aurelien 191
function traiterRetourNomsVerna(data) {
131 delphine 192
	var suggestions = [];
457 jpm 193
	if (jQuery.type(data) == "array") {
131 delphine 194
		$.each(data[1], function(i, val){
457 jpm 195
			var nom = {label : '', value : ''};
196
			if (suggestions.length >= AUTOCOMPLETION_ELEMENTS_NBRE) {
197
				nom.label = "...";
198
				nom.value = $('#nom').val();
199
				suggestions.push(nom);
200
				return false;
201
			} else {
202
				nom.label = val;
203
				nom.value = val;
204
				suggestions.push(val);
205
			}
131 delphine 206
		});
119 aurelien 207
	}
208
	return suggestions;
209
}
210
 
105 aurelien 211
 
457 jpm 212
/**------------ Fonctions de gestion des urls d'autocompletion et des fiches ------------------*/
724 mathilde 213
 
214
function getUrlAutocompletionAvancee(parametre) {
215
	var valeur = getValeurMasque(parametre);
216
	var ns_str = getValeurNsStructure(parametre);
217
	var url = URL_SERVICE_AUTOCOMPLETION_NOM_SCI+"?recherche=etendue&"+
218
	"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE +'&masque.'+parametre+'='+valeur+
219
	'&retour.format=oss&distinct=1&ns.structure='+ns_str;
220
	return url;
221
}
222
 
223
function getValeurMasque(parametre) {
224
	var valeur = $('#'+parametre).val();
225
	if (parametre == 'au' ){
226
		valeur = valeur +',(' + valeur + ')';
227
	} else if (parametre == 'bib' ){
228
		valeur = valeur +', %; ' + valeur ;
229
	}
230
	return valeur;
231
}
232
 
233
function getValeurNsStructure(parametre) {
234
	var ns = '';
235
	if (parametre == 'au' || parametre == 'bib'){
236
		ns = parametre +'_ss';
237
	} else {
238
		ns = parametre;
239
	}
240
	return ns;
241
}
242
 
243
 
457 jpm 244
function getUrlAppelCompletion() {
245
	var url = '';
246
	var mots = $('#nom').val();
247
	if (nomSciEstDemande()) {
248
		url = getUrlAutocompletionNomsSci(mots);
249
	} else if (nomVernaculaireEstDemande()) {
250
		mots = mots.replace('  ',' ');
251
		mots = mots.replace(' ','_');
252
		url = getUrlAutocompletionNomsVerna(mots);
253
	}
254
	return url;
255
}
105 aurelien 256
 
457 jpm 257
function getUrlAutocompletionNomsSci(requete) {
258
	var url = getUrlAutocompletion(URL_SERVICE_AUTOCOMPLETION_NOM_SCI, requete, 'min')+
981 jpm 259
		"&ns.structure=au,an"+
260
		"&retour.tri=retenu";
457 jpm 261
	return url;
119 aurelien 262
}
263
 
457 jpm 264
function getUrlAutocompletionNomsVerna(requete) {
265
	var url = getUrlAutocompletion(URL_SERVICE_AUTOCOMPLETION_NOM_VERNA, requete, 'oss')+
266
		"&masque.lg=fra";
267
	return url;
268
}
269
 
270
function getUrlAutocompletion(baseUrl, requete, format) {
271
	var url = baseUrl+"?"+
272
		"masque="+requete+"&"+
273
		"recherche=etendue&"+
274
		"retour.format="+format+"&"+
275
		"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE;
276
	return url;
277
}
278
 
279
/**------------ Fonctions de détection de l'état du formulaire ------------------*/
280
function nomSciEstDemande()  {
281
	var boutonRadioNomSci = $('#type_nom_scientifique');
926 delphine 282
	return (($('#type_nom_vernaculaire').length <= 0) || (boutonRadioNomSci != null && boutonRadioNomSci.attr("checked") != "undefined" && boutonRadioNomSci.attr("checked") == "checked"));
457 jpm 283
}
284
 
285
function nomVernaculaireEstDemande()  {
286
	var boutonRadioNomSci = $('#type_nom_vernaculaire');
926 delphine 287
	return (boutonRadioNomSci.length > 0 && boutonRadioNomSci.attr("checked") != "undefined" && boutonRadioNomSci.attr("checked") == "checked");
457 jpm 288
}
289
 
119 aurelien 290
/**------------ Fonctions de gestion de l'affichage des valeurs par defaut ----------------------*/
969 aurelien 291
function gererAffichageValeursParDefaut() {
724 mathilde 292
		$('input[name="type_nom"]').click(function() {
969 aurelien 293
			changerPlaceHolderNom();
724 mathilde 294
		});
969 aurelien 295
		changerPlaceHolderNom();
973 aurelien 296
		$('input').click(function() {
297
			$(this).attr('placeholder', '');
298
		});
724 mathilde 299
}
300
 
969 aurelien 301
function changerPlaceHolderNom() {
302
	if(nomSciEstDemande()) {
303
		$('#nom').attr('placeholder',VALEUR_DEFAUT_NOM_SCI);
304
	} else {
305
		$('#nom').attr('placeholder',VALEUR_DEFAUT_NOM_VERNA);
119 aurelien 306
	}
307
}
308
 
864 aurelien 309
/**------------ Fonctions de gestion du zoom sur les images affichées dans les résultats de recherche ----------------------*/
310
function gererClicIllustrationsResultats() {
311
	$('.illustration_resultat_cel').click(function() {
917 aurelien 312
		var url = $(this).attr('src');
866 aurelien 313
		var titre = trouverNomTaxon($(this));
984 aurelien 314
		var url = URL_BASE_POPUP+"?module=popup-galerie&action=fiche&num_nom="+$(this).attr('data-num-nom')+"&titre="+titre+"&referentiel="+REFERENTIEL;
929 aurelien 315
		window.open(url, '', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(700)+', height='+(650));
864 aurelien 316
	});
317
 
318
	$('.illustration_resultat_choro').click(function() {
319
		var url = $(this).attr('src').replace('108x101','432x404');
866 aurelien 320
		var titre = 'Chorologie du taxon '+trouverNomTaxon($(this));
864 aurelien 321
		ouvrirFenetreIllustrationResultat(url, titre, 432, 404);
322
	});
323
 
324
	$('.illustration_resultat_coste').click(function() {
325
		var url = $(this).attr('src');
866 aurelien 326
		var titre = 'Illustration de Coste du taxon '+trouverNomTaxon($(this));
864 aurelien 327
		ouvrirFenetreIllustrationResultat(url, titre, 400, 400);
328
	});
329
}
330
 
866 aurelien 331
function trouverNomTaxon(objet) {
332
	nom = "";
333
	if(nomVernaculaireEstDemande()) {
334
		nom = objet.parent().parent().find('a.lien_fiche_eflore').text();
335
	} else {
922 aurelien 336
		nom = objet.parent().find('.nom-sci a.lien_fiche_eflore').text();
866 aurelien 337
	}
338
	return nom;
339
}
340
 
864 aurelien 341
function ouvrirFenetreIllustrationResultat(url, titre, hauteur, largeur) {
929 aurelien 342
	var fenetre = window.open('_blank', '','directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(largeur+17)+', height='+(hauteur+17));
864 aurelien 343
	var tmp = fenetre.document;
344
	tmp.write('<html><head><title>'+titre+'</title>');
345
	tmp.write('</head><body>');
346
	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>');
347
	tmp.write('</body></html>');
348
	tmp.close();
349
}
350
 
119 aurelien 351
/*
352
 * jQuery UI Autocomplete HTML Extension
353
 *
354
 * Copyright 2010, Scott González (http://scottgonzalez.com)
355
 * Dual licensed under the MIT or GPL Version 2 licenses.
356
 *
357
 * http://github.com/scottgonzalez/jquery-ui-extensions
358
 *
359
 * Adaptation par Aurélien Peronnet pour la mise en gras des noms de taxons valides
360
 */
361
(function( $ ) {
457 jpm 362
	var proto = $.ui.autocomplete.prototype,
363
		initSource = proto._initSource;
364
 
365
	function filter( array, term ) {
366
		var matcher = new RegExp( $.ui.autocomplete.escapeRegex(term), "i" );
367
		return $.grep( array, function(value) {
368
			return matcher.test( $( "<div>" ).html( value.label || value.value || value ).text() );
369
		});
370
	}
371
 
372
	$.extend( proto, {
373
		_initSource: function() {
374
			if (this.options.html && $.isArray(this.options.source) ) {
375
				this.source = function( request, response ) {
376
					response( filter( this.options.source, request.term ) );
377
				};
378
			} else {
379
				initSource.call( this );
380
			}
381
		},
382
		_renderItem: function( ul, item) {
383
			if (item.retenu == true) {
384
				item.label = "<strong>"+item.label+"</strong>";
385
			}
785 aurelien 386
			var classe = (nomRechercheEnCours == 'nom_sci' && nomSciEstDemande()) ? 'class="autocompletion_nom"' : '';
387
			return $("<li "+classe+"></li>")
457 jpm 388
				.data("item.autocomplete", item)
389
				.append( $("<a></a>")[ this.options.html ? "html" : "text" ](item.label))
390
				.appendTo(ul);
391
		}
119 aurelien 392
	});
457 jpm 393
})( jQuery );