Subversion Repositories eFlore/Applications.eflore-consultation

Rev

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