Subversion Repositories eFlore/Applications.eflore-consultation

Compare Revisions

No changes between revisions

Ignore whitespace Rev 1213 → Rev 1214

/tags/v5.4-decaisne/presentations/scripts/recherche.js
New file
0,0 → 1,397
/**-------------------------- Objets globaux -----------------------------------*/
/*
* Les variables suivantes sont ajoutée automatiquement dans le squelette du moteur de
* recherche par php, elles sont commentées ici pour qu'elles n'aient pas l'air
* de sortir de la cuisse de Jupiter
*
* var AUTOCOMPLETION_ELEMENTS_NBRE : indique le nombre d'éléments à afficher dans la liste d'autocomplétion.
*
* var URL_SERVICE_AUTOCOMPLETION_NOM_SCI : url de base du service de complétion de noms scientifiques
* pour le projet en cours de consultation.
* Exemple : http://localhost/service:eflore:0.1/bdtfx/noms?recherche=etendue&retour.format=min&masque=Ace%mo
*
* var URL_SERVICE_AUTOCOMPLETION_NOM_VERNA : url de base du service de complétion de noms vernaculaires
* pour le projet en cours de consultation.
* Exemple : http://localhost/service:eflore:0.1/nvjfl/noms-vernaculaires?recherche=etendue&retour.format=oss&masque=aca&masque.lg=fra
*
* var VALEUR_DEFAUT_NOM_SCI : Contient la valeur par défaut affichée dans le formulaire en mode sci
* Exemple: Rechercher un nom scientifique
*
* var VALEUR_DEFAUT_NOM_VERNA : Contient la valeur par défaut affichée dans le formulaire en mode verna
* Exemple: Recherche un nom commun
*
* var URL_BASE_POPUP : url de base pour les popup contenant du code un peu complexe
*/
 
var champs_ts = ["#au","#and","#anf","#nom","#bib"];
var autocompletionFicheOuverte = false;
var elementAutocompletionSelectionne = null;
var nomRechercheEnCours = null;
 
$(document).ready(function() {
initialiserMoteur();
});
 
function initialiserMoteur() {
ajouterAutocompletion();
gererAffichageValeursParDefaut();
gererAccesFicheFlecheDroite();
gererClicIllustrationsResultats();
gererAccesFicheBouton();
}
 
/**------------------- Fonctions de gestion de l'autocompletion ---------------------------------*/
function ajouterAutocompletion(){
ajouterAutocompletionNoms();
$('.champ_autocomplete').each(function(index) {
ajouterAutocompletionAvancee($(this));
});
}
 
function ajouterAutocompletionAvancee(champs){
champs.autocomplete({
source: function(requete, add){
// la variable de requête doit être vidée car sinon le parametre "term" est ajouté
requete = "";
var id = champs.attr('id');
var url = encodeURI(getUrlAutocompletionAvancee(id));
$.getJSON(url, requete, function(data) {
var suggestions = [];
suggestions = traiterRetourAvance(data,champs);
add(suggestions);
});
},
html: true
});
}
 
function ajouterAutocompletionNoms() {
$('#nom').autocomplete({
source: function(requete, add){
// la variable de requête doit être vidée car sinon le parametre "term" est ajouté
requete = "";
var url = encodeURI(getUrlAppelCompletion());
$.getJSON(url, requete, function(data) {
var suggestions = [];
if (nomVernaculaireEstDemande()) {
suggestions = traiterRetourNomsVerna(data);
} else if (nomSciEstDemande()) {
suggestions = traiterRetourNomsSci(data);
}
add(suggestions);
});
},
search: function(event, ui) {
nomRechercheEnCours = 'nom_sci';
},
focus: function(event, ui) {
elementAutocompletionSelectionne = ui.item;
},
open: function(event, ui) {
autocompletionFicheOuverte = true;
var parent = $('.autocompletion_nom.ui-menu-item').parent();
parent.width(parent.width() + 10);
},
close: function(event, ui) {
autocompletionFicheFermee = false;
nomRechercheEnCours = null;
},
html: true
});
$("#nom").bind("autocompleteselect", function(event, ui) {
if (ui.item.retenu == true) {
$("#nom").addClass('ns-retenu');
} else {
$("#nom").removeClass('ns-retenu');
}
});
}
 
// gére l'acces direct à une fiche par l'appui sur droite
// dans la liste d'autocompletion des noms scientifiques
function gererAccesFicheFlecheDroite() {
$(document).keypress(function(event) {
// flèche droite
if(event.keyCode == 39) {
if(autocompletionFicheOuverte && elementAutocompletionSelectionne != null && nomSciEstDemande()) {
$('#nom').val(elementAutocompletionSelectionne.value);
if(elementAutocompletionSelectionne.nn != undefined && elementAutocompletionSelectionne.nn != null) {
var url_fiche_taxon = URL_BASE_FICHE_TAXON.replace('{num_taxon}',elementAutocompletionSelectionne.nn);
window.location.href = url_fiche_taxon;
}
$('#nom').autocomplete( "disable" );
//TODO : ajout d'un message de chargement ?
}
}
if(event.keyCode == 13) {
if(autocompletionFicheOuverte && elementAutocompletionSelectionne == null && $('#nom').is(":focus")) {
$('#eflore_nomenclature_submit').click();
}
}
});
}
 
function gererAccesFicheBouton() {
$('#eflore_nomenclature_fiche').click(function(event) {
if(elementAutocompletionSelectionne != null && nomSciEstDemande()) {
$('#nom').val(elementAutocompletionSelectionne.value);
if(elementAutocompletionSelectionne.nn != undefined && elementAutocompletionSelectionne.nn != null) {
var url_fiche_taxon = URL_BASE_FICHE_TAXON.replace('{num_taxon}',elementAutocompletionSelectionne.nn);
window.location.href = url_fiche_taxon;
}
event.preventDefault();
}
});
}
 
function traiterRetourNomsSci(data) {
var suggestions = [];
if (data.resultat != undefined) {
$.each(data.resultat, function(i, val) {
val.nn = i;
var nom = {label : '', value : '', retenu : false};
if (suggestions.length >= AUTOCOMPLETION_ELEMENTS_NBRE) {
nom.label = "...";
nom.value = $('#nom').val();
suggestions.push(nom);
return false;
} else {
nom.label = val.nom_sci_complet;
nom.value = val.nom_sci;
nom.nn = val.nn;
if(val.retenu != "absent") {
nom.retenu = (val.retenu == 'true') ? true : false;
suggestions.push(nom);
}
}
});
}
return suggestions;
}
 
 
function traiterRetourAvance(data, champs) {
var suggestions = [];
if (jQuery.type(data) == "array") {
$.each(data[1], function(i, val) {
var ch = {label : '', value : ''};
if (suggestions.length >= AUTOCOMPLETION_ELEMENTS_NBRE) {
ch.label = "...";
ch.value = champs.val();
suggestions.push(ch);
return false;
} else {
ch.label = val;
ch.value = val;
suggestions.push(ch);
}
});
}
return suggestions;
}
 
function traiterRetourNomsVerna(data) {
var suggestions = [];
if (jQuery.type(data) == "array") {
$.each(data[1], function(i, val){
var nom = {label : '', value : ''};
if (suggestions.length >= AUTOCOMPLETION_ELEMENTS_NBRE) {
nom.label = "...";
nom.value = $('#nom').val();
suggestions.push(nom);
return false;
} else {
nom.label = val;
nom.value = val;
suggestions.push(val);
}
});
}
return suggestions;
}
 
 
/**------------ Fonctions de gestion des urls d'autocompletion et des fiches ------------------*/
 
function getUrlAutocompletionAvancee(parametre) {
var valeur = getValeurMasque(parametre);
var ns_str = getValeurNsStructure(parametre);
var url = URL_SERVICE_AUTOCOMPLETION_NOM_SCI+"?recherche=etendue&"+
"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE +'&masque.'+parametre+'='+valeur+
'&retour.format=oss&distinct=1&ns.structure='+ns_str;
return url;
}
 
function getValeurMasque(parametre) {
var valeur = $('#'+parametre).val();
if (parametre == 'au' ){
valeur = valeur +',(' + valeur + ')';
} else if (parametre == 'bib' ){
valeur = valeur +', %; ' + valeur ;
}
return valeur;
}
 
function getValeurNsStructure(parametre) {
var ns = '';
if (parametre == 'au' || parametre == 'bib'){
ns = parametre +'_ss';
} else {
ns = parametre;
}
return ns;
}
 
 
function getUrlAppelCompletion() {
var url = '';
var mots = $('#nom').val();
if (nomSciEstDemande()) {
url = getUrlAutocompletionNomsSci(mots);
} else if (nomVernaculaireEstDemande()) {
mots = mots.replace(' ',' ');
mots = mots.replace(' ','_');
url = getUrlAutocompletionNomsVerna(mots);
}
return url;
}
 
function getUrlAutocompletionNomsSci(requete) {
var url = getUrlAutocompletion(URL_SERVICE_AUTOCOMPLETION_NOM_SCI, requete, 'min')+
"&ns.structure=au,an"+
"&retour.tri=retenu";
return url;
}
 
function getUrlAutocompletionNomsVerna(requete) {
var url = getUrlAutocompletion(URL_SERVICE_AUTOCOMPLETION_NOM_VERNA, requete, 'oss')+
"&masque.lg=fra";
return url;
}
 
function getUrlAutocompletion(baseUrl, requete, format) {
var url = baseUrl+"?"+
"masque="+requete+"&"+
"recherche=etendue&"+
"retour.format="+format+"&"+
"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE;
return url;
}
 
/**------------ Fonctions de détection de l'état du formulaire ------------------*/
function nomSciEstDemande() {
var boutonRadioNomSci = $('#type_nom_scientifique');
return (($('#type_nom_vernaculaire').length <= 0) || (boutonRadioNomSci != null && boutonRadioNomSci.attr("checked") != "undefined" && boutonRadioNomSci.attr("checked") == "checked"));
}
 
function nomVernaculaireEstDemande() {
var boutonRadioNomSci = $('#type_nom_vernaculaire');
return (boutonRadioNomSci.length > 0 && boutonRadioNomSci.attr("checked") != "undefined" && boutonRadioNomSci.attr("checked") == "checked");
}
 
/**------------ Fonctions de gestion de l'affichage des valeurs par defaut ----------------------*/
function gererAffichageValeursParDefaut() {
$('input[name="type_nom"]').click(function() {
changerPlaceHolderNom();
});
changerPlaceHolderNom();
$('input').click(function() {
$(this).attr('placeholder', '');
});
}
 
function changerPlaceHolderNom() {
if(nomSciEstDemande()) {
$('#nom').attr('placeholder',VALEUR_DEFAUT_NOM_SCI);
} else {
$('#nom').attr('placeholder',VALEUR_DEFAUT_NOM_VERNA);
}
}
 
/**------------ Fonctions de gestion du zoom sur les images affichées dans les résultats de recherche ----------------------*/
function gererClicIllustrationsResultats() {
$('.illustration_resultat_cel').click(function() {
var url = $(this).attr('src');
var titre = trouverNomTaxon($(this));
var url = URL_BASE_POPUP+"?module=popup-galerie&action=fiche&num_nom="+$(this).attr('data-num-nom')+"&titre="+titre+"&referentiel="+REFERENTIEL;
window.open(url, '', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(700)+', height='+(650));
});
$('.illustration_resultat_choro').click(function() {
var url = $(this).attr('src').replace('108x101','432x404');
var titre = 'Chorologie du taxon '+trouverNomTaxon($(this));
ouvrirFenetreIllustrationResultat(url, titre, 432, 404);
});
$('.illustration_resultat_coste').click(function() {
var url = $(this).attr('src');
var titre = 'Illustration de Coste du taxon '+trouverNomTaxon($(this));
ouvrirFenetreIllustrationResultat(url, titre, 400, 400);
});
}
 
function trouverNomTaxon(objet) {
nom = "";
if(nomVernaculaireEstDemande()) {
nom = objet.parent().parent().find('a.lien_fiche_eflore').text();
} else {
nom = objet.parent().find('.nom-sci a.lien_fiche_eflore').text();
}
return nom;
}
 
function ouvrirFenetreIllustrationResultat(url, titre, hauteur, largeur) {
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));
var tmp = fenetre.document;
tmp.write('<html><head><title>'+titre+'</title>');
tmp.write('</head><body>');
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>');
tmp.write('</body></html>');
tmp.close();
}
 
/*
* jQuery UI Autocomplete HTML Extension
*
* Copyright 2010, Scott González (http://scottgonzalez.com)
* Dual licensed under the MIT or GPL Version 2 licenses.
*
* http://github.com/scottgonzalez/jquery-ui-extensions
*
* Adaptation par Aurélien Peronnet pour la mise en gras des noms de taxons valides
*/
(function( $ ) {
var proto = $.ui.autocomplete.prototype,
initSource = proto._initSource;
function filter( array, term ) {
var matcher = new RegExp( $.ui.autocomplete.escapeRegex(term), "i" );
return $.grep( array, function(value) {
return matcher.test( $( "<div>" ).html( value.label || value.value || value ).text() );
});
}
$.extend( proto, {
_initSource: function() {
if (this.options.html && $.isArray(this.options.source) ) {
this.source = function( request, response ) {
response( filter( this.options.source, request.term ) );
};
} else {
initSource.call( this );
}
},
_renderItem: function( ul, item) {
if (item.retenu == true) {
item.label = "<strong>"+item.label+"</strong>";
}
var classe = (nomRechercheEnCours == 'nom_sci' && nomSciEstDemande()) ? 'class="autocompletion_nom"' : '';
return $("<li "+classe+"></li>")
.data("item.autocomplete", item)
.append( $("<a></a>")[ this.options.html ? "html" : "text" ](item.label))
.appendTo(ul);
}
});
})( jQuery );
Property changes:
Added: svn:executable
+*
\ No newline at end of property
/tags/v5.4-decaisne/presentations/scripts/eflore.js
New file
0,0 → 1,20
/**
* Contient les fonction JS communes à l'ensemble des parties d'eflore (popup.php, index.php).
*
*/
 
$(document).ready(function() {
$('body').on('click', 'a.lien-externe, a.lien_externe', ouvrirFenetreExterne);
$('body').on('click', 'a.mailto', ouvrirPopUpContact);
});
 
function ouvrirFenetreExterne(event) {
event.preventDefault();
top.open($(this).attr('href'));
}
 
function ouvrirPopUpContact(event) {
event.preventDefault();
window.open($(this).attr('href'), "Contact",
'height=500, width=500, top=100, left=100, toolbar=no, menubar=no, location=no, resizable=yes, scrollbars=yes, status=no');
}
/tags/v5.4-decaisne/presentations/scripts/fiche-synthese.js
New file
0,0 → 1,663
//+----------------------------------------------------------------------------------------------------------+
// Onglets et Portlets
/**
* Les variables suivantes ont été ajoutée par php
*
* var urlTexteBrutSectionWikiTpl : url pour obtenir le texte brut d'une section de wiki
* var urlEditionSectionWikiTpl : url pour éditer une section du wiki
* var urlTexteFormateSectionWikiTpl : url pour obtenir le texte formaté en html d'une section de wiki
* var pageWikiTaxon : url pour obtenir le texte formaté en html d'une section de wiki
* var urlPopup = url de base pour les popup contenant du code un peu complexe
*
*/
 
/**
* Variables globales du script
*/
var modules = Array();
var tableauOnglets = Array();
var nbOngletsInvisibles = 0;
var ongletSyntheseCharge = true;
var ongletIllustrationsCharge = false;
 
/** Classe Module
* Définit un module de type portlet
**/
function Module(id, module, onglet, statique) {
 
// Variables de classe : identifiant, titre, et le HTML du résumé à afficher dans le contenu
this.id = id;
this.titre;
this.htmlResume;
this.statique = statique;
 
// Les objets Portlet et Onglet que l'ont garde en mémoire pour pouvoir y accéder facilement
this.portlet = module;
this.onglet;
 
// creerPortlet
// Créer l'objet Portlet HTML à afficher et le stocker dans les variables de classe
this.creerPortlet = function() {
var objet = this;
 
var titre = $(module).children('.titre');
titre.className = 'titre ui-widget-header ui-corner-all';
titre.id = 'titre-' + this.id;
var lienTitre = $(module).children('.titre').children('a');
lienTitre.attr('href','#'+this.id);
lienTitre.click(function() {
if (objet.onglet.is(':visible')) {
$('#zone_onglets').tabs('select', '#ui-tabs-'+objet.id);
}
return false;
});
lienTitre.hover(function() {
if (!objet.ongletEstAffiche()) {
$(this).css({"color":"white"});
} else {
$(this).css({"color":"#E78F08"});
}
});
lienTitre.mouseout(function() {
$(this).css({"color":"white"});
});
 
var contenu = $(module).children('.contenu');
contenu.id = 'contenu-' + this.id;
contenu.className ='contenu';
 
var lienToggle = document.createElement('span');
lienToggle.className = 'lienToggle ui-icon ui-icon-minusthick';
$(titre).append(lienToggle);
$(lienToggle).click(function() {
objet.afficherCacherModule();
});
 
this.portlet = module;
return module;
}
this.ongletEstAffiche = function() {
return $(this.onglet.selector).is(':visible');
}
 
// Crée l'objet Onglet HTML
this.creerOnglet = function() {
var objet = this;
this.onglet = onglet;
}
// Initialisation de l'objet
this.creerPortlet();
this.creerOnglet();
// Accesseurs de la classe
this.getOnglet = function() {
return this.onglet;
}
this.getPortlet = function() {
return this.portlet;
}
// fonctions d'affichage et cachage (je sais pas si on dit ça comme ça) des onglets
this.afficherCacherModule = function() {
$(this.portlet).find(".lienToggle").toggleClass("ui-icon-plusthick");
$(this.portlet).find(".lienToggle").toggleClass("ui-icon-minusthick");
$(this.portlet).find(".titreOnglet").toggleClass("pasDeCurseur");
$(this.portlet).find(".contenu").toggle();
}
}
 
function selectionnerOngletSynthese() {
// Suppression des classes css qui mettent en surbrillance l'onglet actif
$('#zone_onglets > ul > li').removeClass('ui-tabs-selected');
$('#zone_onglets > ul > li').removeClass('ui-state-active');
// application de ces même classes css à l'onglet "acceuil" qui est un onglet "articifiel"
$('#onglet_synthese').addClass('ui-tabs-selected');
$('#onglet_synthese').addClass('ui-state-active');
$('a.lien_retour_synthese').hide();
}
 
 
function deselectionnerOngletSynthese() {
// Suppression des classes css qui mettent en surbrillance l'onglet actif sur l'onglet acceuil
$('#onglet_synthese').removeClass('ui-tabs-selected');
$('#onglet_synthese').removeClass('ui-state-active');
$('a.lien_retour_synthese').show();
}
 
function getUrlVars() {
var vars = [], hash;
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
for (var i = 0; i < hashes.length; i++) {
hash = hashes[i].split('=');
vars.push(hash[0]);
vars[hash[0]] = hash[1];
}
return vars;
}
 
function selectionnerOngletParDefautOuEnregistre() {
// Si un onglet est précisé dans l'url
// Récupération de l'adresse de l'onglet sélectionné
var urlVars = getUrlVars();
if (urlVars['onglet'] == undefined) {
// Si pas d'onglet enregistré, selection du premier par défaut
// Si c'est l'onglet fiche, on le sélectionne artificiellement
selectionnerOngletSynthese();
$('.ui-tabs-panel').hide();
$('#synthese').show();
} else {
ongletSyntheseCharge = false;
}
var cookieOnglet = obtenirOngletCookiePourPage();
// On réouvre le dernier onglet consulté, à voir si on garde ça en prod, en tout cas c'est
// pratique pendant le développement
if (cookieOnglet && cookieOnglet != 'ui-tabs-1') {
$('#zone_onglets').tabs("select", '#'+cookieOnglet);
} else {
selectionnerOngletSynthese();
$('.ui-tabs-panel').hide();
$('#synthese').show();
}
}
 
function afficherOngletsPourNiveau() {
/* affiche les onglets par default selon niveau*/
for (indice in tableauOnglets) {
var ongletEnCours = tableauOnglets[indice];
titre_onglet = ongletEnCours.titre;
titre_onglet = $.trim(titre_onglet);
if (!Array.indexOf) {
Array.prototype.indexOf = function (obj, start) {
for (var i = (start || 0); i < this.length; i++) {
if (this[i] == obj) {
return i;
}
}
return -1;
}
}
if (ongletsDefaut.indexOf(titre_onglet) == -1) {
ongletEnCours.afficherCacherModule();
nbOngletsInvisibles++;
}
}
}
 
function surSelectionOnglet(event,ui) {
// Récupération de l'adresse de l'onglet sélectionné
var url = ui.tab.href;
// le fragment suivant le # dans l'url contient l'id de l'onglet
var fragmentsAncre = url.split('#');
fancyboxinitialise = false;
if (fragmentsAncre.length > 0) {
var ancre = fragmentsAncre[fragmentsAncre.length - 1];
// Si c'est un onglet correspondant à un projet, on cache la synthèse et le plugin
// chargera son contenu dans l'espace approprié
if (ancre != 'ui-tabs-1') {
var panel = $(ui.panel);
if (panel.is(":empty")) {
panel.append("<div class='tab-chargement'>Chargement des informations...</div>")
}
 
deselectionnerOngletSynthese();
$('.ui-tabs-panel').show();
$('#zone_contenu_fiche').hide();
enregistrerOngletCookiePourPage(ancre);
} else {
if (ongletSyntheseCharge) {
// Si c'est l'onglet fiche, on le sélectionne artificiellement
selectionnerOngletSynthese();
$('.ui-tabs-panel').hide();
$('#zone_contenu_fiche').show();
enregistrerOngletCookiePourPage(ancre);
return false;
} else {
window.location = url;
}
}
}
return true;
}
 
function obtenirOngletCookiePourPage() {
var urlVars = getUrlVars();
var id_cookie = 'onglet_eflore';
if (urlVars['num_nom']) {
id_cookie += '_'+urlVars['num_nom'];
}
return $.cookie(id_cookie) ? $.cookie(id_cookie) : null;
}
 
function enregistrerOngletCookiePourPage(valeur) {
var urlVars = getUrlVars();
var id_cookie = 'onglet_eflore';
if(urlVars['num_nom'] && urlVars['num_nom'] != undefined) {
id_cookie += '_'+urlVars['num_nom'];
}
$.cookie(id_cookie, valeur);
}
 
function lierModulesEtOnglets() {
var i = 1;
//Parcourir la totalité des modules générés et les lier grâce à la classe Module
$(".module").each(function () {
i++;
identifiantOnglet = "#zone_onglets>ul>li:nth-child(" + i +")";
var module = new Module(i, this, $(identifiantOnglet));
var titre = $(this).children('h3').text();
module.titre = titre;
tableauOnglets[identifiantOnglet] = module;
});
$(".lien-onglet").each(function() {
var urlOnglet = $(this).attr('href');
var urlVars = urlOnglet.slice(urlOnglet.indexOf('?') + 1);
urlBase = base_url_application_onglets+"?"+urlVars;
urlOnglet = urlBase.replace('action=fiche','action=onglet');
$(this).attr('href', urlOnglet);
});
}
 
//+----------------------------------------------------------------------------------------------------------+
// Wikini Flora
var htmlWikiOriginal = '';
var objetContenuWiki = null;
 
function getTemplateFormulaireEditionWiki(page, section, texte) {
var urlWebServiceWiki = getUrlEditionPourPageEtSection(page, section);
var formulaire =
'<form method="post" id="formulaire_edition_wiki" name="formulaire_edition_wiki" action="'+urlWebServiceWiki+'">'+
'<div>'+
'<textarea id="pageContenu" name="pageContenu" class="champ_edition_wiki">'+texte+'</textarea>'+
'</div>'+
'<input type="hidden" name="pageSectionTitre" id="pageSectionTitre" value="'+section+'" />'+
'<input type="submit" text="sauver" />'+
'<input class="bouton_annuler_edition" type="button" value="annuler" />';
'</form>';
return formulaire;
}
 
function getSection() {
return objetContenuWiki.attr("title");
}
 
function getPageWikiTaxon() {
return pageWikiTaxon;
}
 
function getUrlEditionPourPageEtSection(page, section) {
return urlEditionSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
}
 
function getUrlTextePourPageSectionBrute(page, section) {
return urlTexteBrutSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
}
 
function getUrlTextePourPageSectionFormatee(page, section) {
return urlTexteFormateSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
}
 
function remplacerContenuWikiParFormulaireEdition(objet_contenu) {
objetContenuWiki = objet_contenu;
var adresse = getUrlEditionPourPageEtSection(getPageWikiTaxon(), getSection());
htmlWikiOriginal = objet_contenu.html();
$.getJSON(adresse, function(data) {
$(objetContenuWiki).removeClass('editable_sur_clic').html(getTemplateFormulaireEditionWiki(getPageWikiTaxon(), getSection(), data.texte));
});
}
 
function gererEvenementsWiki() {
//TODO: ajout automatique d'un lien ouvrant une page d'aide (un popup) au formatage des pages wikini
$('.editable_sur_clic').live('dblclick',function(event) {
remplacerContenuWikiParFormulaireEdition($(this));
});
$('#formulaire_edition_wiki').live('submit',function(event) {
event.preventDefault();
var valeurs = $(this).serialize();
$.post($(this).attr('action'), valeurs, function(data) {
var adresse = getUrlTextePourPageSectionFormatee(getPageWikiTaxon(), getSection());
$.getJSON(adresse, function(data) {
$(objetContenuWiki).addClass('editable_sur_clic').html(data.texte);
});
});
});
$('.bouton_annuler_edition').live('click', function(event) {
event.preventDefault();
$(objetContenuWiki).addClass('editable_sur_clic').html(htmlWikiOriginal);
});
rendreLienAffichableDansNouvelleFenetre('.contenu_editable');
}
 
//+----------------------------------------------------------------------------------------------------------+
//Affichage dans une nouvelle fenetre
function rendreLienAffichableDansNouvelleFenetre(selecteur) {
$(selecteur).find('a').live('click', function(event) {
window.open($(this).attr('href'));
event.preventDefault();
return false;
});
}
 
//+----------------------------------------------------------------------------------------------------------+
// Plier / déplier
function plierTout() {
$('.nom').children('.imagetteMoins').removeClass('imagetteMoins').addClass('imagettePlus');
$('.plus').css('display', 'none');
}
 
function deplierTout() {
$('.nom').children('.imagettePlus').removeClass('imagettePlus').addClass('imagetteMoins');
$('.plus').css('display', 'inline');
}
 
function gestionBiblio(parent) {
parent.children('.nom').each(function () {
html = $(this).html();
posCrochetGauche = html.indexOf('[');
if (posCrochetGauche > 0) {
nom = html.substr(0, posCrochetGauche);
biblio = html.substr(posCrochetGauche, html.length);
$(this).html(nom);
imagettePlus = document.createElement('div');
$(imagettePlus).addClass('imagettePlus');
$(this).prepend($(imagettePlus));
plus = document.createElement('span');
$(plus).addClass('plus');
$(plus).html(biblio);
$(plus).hide();
$(this).click(function() {
if (!$(this).children('.plus').is(':visible')) {
$(this).children('.imagettePlus').removeClass('imagettePlus').addClass('imagetteMoins');
$(this).children('.plus').css('display', 'inline');
} else {
$(this).children('.imagetteMoins').removeClass('imagetteMoins').addClass('imagettePlus');
$(this).children('.plus').css('display', 'none');
}
});
$(this).append($(plus));
}
});
}
 
function gererEvenementsPliage() {
$('.lien_tout_deplier').live('click', function() {
deplierTout();
});
$('.lien_tout_plier').live('click', function() {
plierTout();
});
gestionBiblio(document);
}
 
//+----------------------------------------------------------------------------------------------------------+
//Pop Up images
function ouvrirPopUpImg(event) {
event.preventDefault();
window.open($(this).attr('href'),"Photo_"+$(this).children("img").attr("title"),
'"'+'height='+event.data.h+',width='+event.data.w+',top='+event.data.t+',left='+event.data.l
+',toolbar='+event.data.toolbar+',menubar='+event.data.menubar +',location='
+event.data.location+',resizable='+event.data.resizable+',scrollbars='+event.data.scrollbars
+',status='+event.data.status+'"');
}
 
//+----------------------------------------------------------------------------------------------------------+
// Message de chargement pour les graphique écologie
function gererChargementGraphiqueEcologie() {
$('.ecologie_svg').addClass('chargement');
}
 
function gererAffichageLegendeEcologie() {
$('.voir').live('click', function() {
$(this).siblings('.legende_graphique').show();
$(this).siblings('.cacher').show();
$(this).hide();
});
$('.cacher').live('click', function() {
$(this).siblings('.legende_graphique').hide();
$(this).siblings('.voir').show();
$(this).hide();
});
}
 
 
//+----------------------------------------------------------------------------------------------------------+
// Initialisation
var fancyboxinitialise = false;
var param_popup_Coste = {h: 650, w: 550, t: 100, l: 100,
toolbar: 'no', menubar: 'no', location: 'no', resizable: 'yes', scrollbars: 'yes', status: 'no'};
 
var param_popup_Cel = {h: 750, w: 630, t: 100, l: 100,
toolbar: 'no', menubar: 'no', location: 'no', resizable: 'yes', scrollbars: 'yes', status: 'no'};
 
//Initialisation
$(document).ready(function() {
lierModulesEtOnglets();
/* mouvement des blocs */
$(".colonne").sortable({
connectWith: ".colonne",
handle: $(".module").children('h3') // mouvement seulement sur les titres
});
$('#zone_onglets').tabs({
select: function(event, ui) {
return surSelectionOnglet(event,ui)
}
});
// TODO : devrait être .on() à la place de live()
$('.lien_popup').live('click',function(event) {
event.preventDefault();
$.fancybox(this,{
autoDimensions:false,
width:580
});
});
// TODO : devrait être .on() à la place de live()
$('.lien_popup.lien_metadonnees').live('click',function(event) {
event.preventDefault();
$.fancybox(this,{
autoDimensions:true
});
});
$('.lien_ouverture_onglet_parent').click(function(event) {
event.preventDefault();
$(this).parents(".module").find("a.titreOnglet").click();
});
$('.lien-image-cel').live('click', param_popup_Cel , ouvrirPopUpImg);
$('.lien-image-coste').live('click', param_popup_Coste , ouvrirPopUpImg);
afficherOngletsPourNiveau();
selectionnerOngletParDefautOuEnregistre();
$('.ui-icon-close').click(function() {
estOngletActif = $(this).parent().hasClass('ui-state-active');
if (estOngletActif) {
//L'onglet que l'on veut fermer est celui qui est ouvert, on va donc le masquer et afficher celui d'accueil
$("#zone_onglets").tabs('select', 0);
}
});
 
gererEvenementsWiki();
gererEvenementsPliage();
gererClicIllustrationsFiche();
$('a.lien_retour_synthese').click(function(event) {
$('#onglet_synthese a').click();
event.preventDefault();
});
$(window).resize(function() {
redimensionnerOnglets();
});
redimensionnerOnglets();
});
 
// À la fin du chargement de l'onglet Illustrations
$(document).on('ongletIllustrationsCharge', function() {
if (ongletIllustrationsCharge == false) {
ongletIllustrationsCharge = true;
$('a.lien-images-organes.fourni').live('click', afficherOngletOrgane);
$('a.lien-grande-image-organe').live('click', afficherGrandeImageOrgane);
// pour que la galerie soit ouverte par défaut sur le premier organe non vide
var premier = $('a.lien-images-organes.fourni').first().data('tag');
afficherOngletOrgane(null, premier);
}
});
 
// Affiche les n images ayant le plus de votes, pour l'organe $tag
function afficherOngletOrgane(e, tag) {
var onglets = $('div.onglet-organe'),
contenu = $('#galerie-organes-contenu'),
organeOnglet;
 
if (tag === undefined) {
tag = $(this).data('tag')
}
if ($(this).parent().hasClass('active')) { // replier
$(this).parent().removeClass('active')
contenu.hide();
return false;
}
 
onglets.each(function() {
organeOnglet = $(this).data('tag');
var li = $('a.lien-images-organes[data-tag="' + organeOnglet + '"]').parent();
if (organeOnglet == tag) {
$(this).show();
li.addClass('active');
} else {
$(this).hide();
li.removeClass('active');
}
});
 
contenu.show();
 
var premierLienGrandeImage = $('div.onglet-organe:visible').find('a.lien-grande-image-organe').first(),
grandeImage = $('#grande-image-organe').find('img');
premierLienGrandeImage.trigger('click');
grandeImage.show('fast');
 
return false;
}
 
// Affiche en grand sous les miniatures l'image d'organe sur laquelle on a cliqué
function afficherGrandeImageOrgane() {
var grandeImage = $('#grande-image-organe').find('img'),
source = $(this).find('img').attr('src');
source = source.replace('CRX2S', 'L'); // @FIXME cracra
// chargement image et lien popup
grandeImage.attr('src', source);
grandeImage.parent().attr('href','/eflore/consultation/popup.php?module=popup-illustrations&action=fiche&referentiel=bdtfx&id=' + $(this).data('id-image'));
// métadonnées
var metadonnees = ['id-image', 'titre', 'description', 'localisation', 'auteur'],
clef;
for (var i = 0; i < metadonnees.length; i++) {
clef = metadonnees[i];
$('#grande-image-legende-' + clef).html($(this).data(clef));
}
$('#grande-image-legende-date').html(formaterDateVersFrancais($(this).data('date')));
$('#grande-image-legende-id-destinataire').attr('href', urlPopup+'?module=popup-contact&action=form&referentiel='+REFERENTIEL+'&id_destinataire=' +
$(this).data('id-destinataire') + '&id_img=' + $(this).data('id-image'));
$('#grande-image-legende-id-destinataire').attr('title', "Envoyer un message à l'auteur à propos de cette image (nécessite d'être identifié)");
$('#grande-image-legende-auteur').attr('href', 'http://tela-botanica.org/profil:' + $(this).data('id-destinataire'));
$('#grande-image-legende-auteur').attr('target', '_blank');
$('#grande-image-legende-auteur').attr('title', "Voir le profil de cet utilisateur (nécessite d'être identifié)");
}
 
// transforme une date du type "2012-04-06" en "06 avril 2012"
function formaterDateVersFrancais(date) {
var mois = ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'],
amj_hms = date.split(' '),
amj = amj_hms[0].split('-');
return amj[2] + ' ' + mois[parseInt(amj[1]) - 1] + ' ' + amj[0];
}
 
function redimensionnerOnglets() {
var largeurTotale = $('#zone_onglets').width();
var largeurOnglets = 0;
var largeurDernierOnglet = 0;
$('#onglets li').each(function() {
largeurDernierOnglet = $(this).outerWidth();
largeurOnglets += $(this).outerWidth();
});
var espaceRestant = largeurTotale - largeurOnglets;
if(espaceRestant < largeurDernierOnglet) {
var pxALiberer = (largeurDernierOnglet - espaceRestant)/ $('#onglets li').size();
$('#onglets li').each(function() {
$(this).width($(this).width() - (pxALiberer - 4));
$(this).css("font-size", "0.9em");
});
} else {
$('#onglets li').each(function() {
$(this).css("width", "auto");
$(this).css("font-size", "1em");
});
}
}
 
// ouvre le popup de galerie lors d'un clic sur l'illustration dans la fiche synthèse
function gererClicIllustrationsFiche() {
$('.illustration_cel').live('click', function() {
var url_image = $(this).attr('src');
var titre = $('.nomenclature').first().text();
var url = urlPopup+"?module=popup-galerie&action=fiche&num_nom="+$(this).attr('data-num-nom')+"&titre="+encodeURIComponent(titre)+"&url_image="+encodeURIComponent(url_image)+"&referentiel="+REFERENTIEL;
//var url = urlPopup+"?module=popup-galerie-organes&action=fiche&num_nom="+$(this).attr('data-num-nom')+"&titre="+encodeURIComponent(titre)+"&url_image="+encodeURIComponent(url_image)+"&referentiel="+REFERENTIEL;
//alert(url);
//return false;
window.open(url, $(this).attr('data-num-nom'), 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(400)+', height='+(375));
});
$('#synthese_repartition img').click(function(event) {
// Ouverture de l'onglet répartition
event.preventDefault();
$(this).parents(".module").find("a.titreOnglet").click();
});
}
 
function ouvrirFenetreIllustrationFiche(url, titre, hauteur, largeur) {
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));
var tmp = fenetre.document;
tmp.write('<html><head><title>'+titre+'</title>');
tmp.write('</head><body>');
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>');
tmp.write('</body></html>');
tmp.close();
}
 
$(document).ajaxStop(function() {
gererChargementGraphiqueEcologie();
gererAffichageLegendeEcologie();
if (document.implementation.hasFeature('http://www.w3.org/TR/SVG11/feature#BasicStructure', '1.1') == false) {
$('.svg').each(function() {
alt = $(this).attr('alt');
img = document.createElement('img');
img.src = alt;
$(this).replaceWith(img);
});
}
});
Property changes:
Added: svn:executable
+*
\ No newline at end of property