Subversion Repositories eFlore/Applications.eflore-consultation

Compare Revisions

Ignore whitespace Rev 241 → Rev 242

/trunk/modules/fiche/squelettes/fiche_accueil.tpl.html
10,54 → 10,34
<? $url = 'index_botanique.php?referentiel=bdtfx&niveau=1&module=fiche&action=fiche&num_nom='.$num_nom.'&type_nom='.$type_nom.'&nom='.$nom.'&onglet=';?>
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
<li id="onglet_synthese" class="ui-state-default ui-corner-top <?= ($onglet == 'synthese') ? 'ui-tabs-selected ui-state-active' : '' ;?>">
<a class="lien-onglet lien-statique" href="<?=$url;?>synthese">
Accueil
</a>
<a class="lien-onglet lien-statique" href="<?=$url;?>synthese">Accueil</a>
</li>
<li class="ui-state-default ui-corner-top <?= ($onglet == 'illustrations') ? 'ui-tabs-selected ui-state-active' : '' ;?>">
<a class="lien-onglet" href="<?=$url;?>illustrations">
Illustrations
</a>
<a class="lien-onglet" href="<?=$url;?>illustrations">Illustrations</a>
</li>
<li class="ui-state-default ui-corner-top <?= ($onglet == 'description') ? 'ui-tabs-selected ui-state-active' : '' ;?>">
<a class="lien-onglet" href="<?=$url;?>description">
Description
</a>
<a class="lien-onglet" href="<?=$url;?>description">Description</a>
</li>
<li class="ui-state-default ui-corner-top">
<a class="lien-onglet" href="<?=$url;?>classification">
Classification
</a>
<li class="ui-state-default ui-corner-top <?= ($onglet == 'classification') ? 'ui-tabs-selected ui-state-active' : '' ;?>">
<a class="lien-onglet" href="<?=$url;?>classification">Classification</a>
</li>
<li class="ui-state-default ui-corner-top">
<a class="lien-onglet" href="<?=$url;?>bibliographie">
Bibliographie
</a>
<li class="ui-state-default ui-corner-top <?= ($onglet == 'bibliographie') ? 'ui-tabs-selected ui-state-active' : '' ;?>">
<a class="lien-onglet" href="<?=$url;?>bibliographie">Bibliographie</a>
</li>
<li class="ui-state-default ui-corner-top">
<a class="lien-onglet" href="<?=$url;?>repartition">
Répartition
</a>
<li class="ui-state-default ui-corner-top <?= ($onglet == 'repartitio') ? 'ui-tabs-selected ui-state-active' : '' ;?>">
<a class="lien-onglet" href="<?=$url;?>repartition">Répartition</a>
</li>
<li class="ui-state-default ui-corner-top">
<a class="lien-onglet" href="<?=$url;?>ethnobotanique">
Ethnobotanique
</a>
<li class="ui-state-default ui-corner-top <?= ($onglet == 'ethnobotanique') ? 'ui-tabs-selected ui-state-active' : '' ;?>">
<a class="lien-onglet" href="<?=$url;?>ethnobotanique">Ethnobotanique</a>
</li>
<li class="ui-state-default ui-corner-top">
<a class="lien-onglet" href="<?=$url;?>statut">
Statut de protection
</a>
<li class="ui-state-default ui-corner-top <?= ($onglet == 'statut') ? 'ui-tabs-selected ui-state-active' : '' ;?>">
<a class="lien-onglet" href="<?=$url;?>statut">Statut de protection</a>
</li>
<li class="ui-state-default ui-corner-top">
<a class="lien-onglet" href="<?=$url;?>nomenclature">
Nomenclature
</a>
<li class="ui-state-default ui-corner-top <?= ($onglet == 'nomenclature') ? 'ui-tabs-selected ui-state-active' : '' ;?>">
<a class="lien-onglet" href="<?=$url;?>nomenclature">Nomenclature</a>
</li>
<li class="ui-state-default ui-corner-top">
<a class="lien-onglet" href="<?=$url;?>phytosociologie">
Phytosociologie
</a>
<li class="ui-state-default ui-corner-top <?= ($onglet == 'phytosociologie') ? 'ui-tabs-selected ui-state-active' : '' ;?>">
<a class="lien-onglet" href="<?=$url;?>phytosociologie">Phytosociologie</a>
</li>
<li id="ongletEtPlus" class="ui-state-default ui-corner-top">
<a id="lienOngletEtPlus" class="lien-statique" href="#etPlus">
/trunk/modules/fiche/squelettes/fiche_synthese.tpl.html
1,10 → 1,10
<? $url = 'index_botanique.php?referentiel=bdtfx&niveau=1&module=fiche&num_nom='.$num_nom.'&type_nom='.$type_nom.'&nom='.$nom.'&onglet=';?>
<div class="synthese">
<div class="colonne">
<div id="synthese_illustrations" class="module ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
<h3 class="titre ui-widget-header ui-corner-all" id="titre-0">Illustrations</h3>
<!-- <a href="index_botanique.php?referentiel=bdtfx&niveau=1&module=fiche&action=fiche&num_nom=<?=$num_nom?>&type_nom=<?=$type_nom?>&nom=<?=$nom?>&onglet=illustrations">
Illustrations
</a></h3> -->
<h3 class="titre ui-widget-header ui-corner-all" id="titre-0">
<a class="lien-onglet-synthese" href="<?=$url;?>illustrations">Illustrations</a>
</h3>
<span id="contenu-0" class="contenu">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
11,7 → 11,9
</span>
</div>
<div id="synthese_description" class="module ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
<h3 class="titre ui-widget-header ui-corner-all" id="titre-1">Description</h3>
<h3 class="titre ui-widget-header ui-corner-all" id="titre-1">
<a class="lien-onglet-synthese" href="<?=$url;?>description">Description</a>
</h3>
<span id="contenu-0" class="contenu">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
18,7 → 20,9
</span>
</div>
<div id="synthese_classification" class="module ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
<h3 class="titre ui-widget-header ui-corner-all" id="titre-2">Classification</h3>
<h3 class="titre ui-widget-header ui-corner-all" id="titre-2">
<a class="lien-onglet-synthese" href="<?=$url;?>classification">Classification</a>
</h3>
<span id="contenu-0" class="contenu">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
29,7 → 33,9
</div>
<div class="colonne">
<div id="synthese_bibliographie" class="module ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
<h3 class="titre ui-widget-header ui-corner-all" id="titre-3">Bibliographie</h3>
<h3 class="titre ui-widget-header ui-corner-all" id="titre-3">
<a class="lien-onglet-synthese" href="<?=$url;?>bibliographie">Bibliographie</a>
</h3>
<span id="contenu-0" class="contenu">
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
38,7 → 44,9
</span>
</div>
<div id="synthese_repartition" class="module ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
<h3 class="titre ui-widget-header ui-corner-all" id="titre-4">Répartition</h3>
<h3 class="titre ui-widget-header ui-corner-all" id="titre-4">
<a class="lien-onglet-synthese" href="<?=$url;?>repartition">Répartition</a>
</h3>
<span id="contenu-0" class="contenu">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
45,7 → 53,9
</span>
</div>
<div id="synthese_ethnobotanique" class="module ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
<h3 class="titre ui-widget-header ui-corner-all" id="titre-5">Ethnobotanique<span class="lienToggle"></span></h3>
<h3 class="titre ui-widget-header ui-corner-all" id="titre-5">
<a class="lien-onglet-synthese" href="<?=$url;?>ethnobotanique">Ethnobotanique</a>
</h3>
<span id="contenu-0" class="contenu">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
54,7 → 64,9
</div>
<div class="colonne">
<div id="synthese_statut" class="module ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
<h3 class="titre ui-widget-header ui-corner-all" id="titre-7">Statut de protection<span class="lienToggle"></span></h3>
<h3 class="titre ui-widget-header ui-corner-all" id="titre-7">
<a class="lien-onglet-synthese" href="<?=$url;?>statut">Statut de protection</a>
</h3>
<span id="contenu-0" class="contenu">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
63,7 → 75,9
</span>
</div>
<div id="synthese_nomenclature" class="module ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
<h3 class="titre ui-widget-header ui-corner-all" id="titre-8">Nomenclature<span class="lienToggle"></span></h3>
<h3 class="titre ui-widget-header ui-corner-all" id="titre-8">
<a class="lien-onglet-synthese" href="<?=$url;?>nomenclature">Nomenclature</a>
</h3>
<span id="contenu-0" class="contenu">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
70,7 → 84,9
</span>
</div>
<div id="synthese_phytosociologie" class="module ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
<h3 class="titre ui-widget-header ui-corner-all" id="titre-9">Phytosociologie<span class="lienToggle"></span></h3>
<h3 class="titre ui-widget-header ui-corner-all" id="titre-9">
<a class="lien-onglet-synthese" href="<?=$url;?>phytosociologie">Phytosociologie</a>
</h3>
<span id="contenu-0" class="contenu">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
/trunk/presentations/scripts/fiche-synthese.js
26,6 → 26,27
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')) {
console.log(objet.onglet);
$('#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;
40,10 → 61,13
 
this.portlet = module;
return module;
}
}
this.ongletEstAffiche = function() {
return $(this.onglet.selector).is(':visible');
}
 
// creerOnglet
// Créer l'objet Onglet HTML
// Crée l'objet Onglet HTML
this.creerOnglet = function() {
var objet = this;
 
156,19 → 180,88
$('#onglet_synthese').removeClass('ui-state-active');
}
 
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;
}
 
var ongletSyntheseCharge = true;
function selectionnerOngletParDefautOuEnregistre() {
//TODO: verifier ici si un cookie est présent pour ouvrir l'onglet désiré
//
// 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();
// 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;
}
}
 
function afficherOngletsPourNiveau() {
/* affiche les onglets par default selon niveau*/
for(indice in tableauOnglets) {
var ongletEnCours = tableauOnglets[indice];
if (ongletsDefaut.indexOf(jQuery.trim(ongletEnCours.titre)) == -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('#');
//Initialisation
$(document).ready(function() {
i = 1;
if (fragmentsAncre.length > 0) {
var ancre = fragmentsAncre[fragmentsAncre.length - 1];
// si on a cliqué sur l'onglet etPlus, on ne doit rien faire car celui-ci affiche le menu
// TODO: voir s'il convient d'afficher le menu EtPlus dans d'autres onglets que celui de synthese
if (ancre != 'etPlus') {
// Si c'est un onglet correspondant à un projet, on cache la synthèse et le plugin
// chargera son contenu dans l'espace approprié
// affichage des icones de fermeture d'onglet si on vient d'en changer
$('.ui-icon-close').css({visibility: "visible"});
if (ancre != 'ui-tabs-1') {
deselectionnerOngletSynthese();
$('.ui-tabs-panel').show();
$('#zone_contenu_fiche').hide();
// on cache la croix pour ne pas fermer l'onglet actuellement consulté
$(ui.tab).nextAll().css({visibility: "hidden"});
} else {
if(ongletSyntheseCharge) {
// Si c'est l'onglet fiche, on le sélectionne artificiellement
selectionnerOngletSynthese();
$('.ui-tabs-panel').hide();
$('#zone_contenu_fiche').show();
return false;
} else {
window.location = url;
}
}
}
}
 
return true;
}
 
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 () {
175,7 → 268,9
i++;
identifiantOnglet = "#zone_onglets>ul>li:nth-child(" + i +")";
var module = new Module(i, this, $(identifiantOnglet));
module.titre = $(this).children('h3').text();
var titre = $(this).children('h3').text();
module.titre = titre;
tableauOnglets[identifiantOnglet] = module;
});
$(".lien-onglet").each(function() {
183,63 → 278,14
var adresse_contenu_onglet = adresse_onglet.replace('action=fiche','action=onglet');
$(this).attr('href', adresse_contenu_onglet);
});
/* mouvement des blocs */
$( ".colonne" ).sortable({
connectWith: ".colonne",
handle: $(".module").children('h3') // mouvement seulement sur les titres
});
}
 
$( ".colonne" ).disableSelection();
$('#zone_onglets').tabs({
add: function(event, ui) {
redimensionnerOnglets();
},
remove: function(event, ui) {
redimensionnerOnglets();
},
select: function(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('#');
if (fragmentsAncre.length > 0) {
var ancre = fragmentsAncre[fragmentsAncre.length - 1];
// si on a cliqué sur l'onglet etPlus, on ne doit rien faire car celui-ci affiche le menu
// TODO: voir s'il convient d'afficher le menu EtPlus dans d'autres onglets que celui de synthese
if (ancre != 'etPlus') {
// Si c'est un onglet correspondant à un projet, on cache la synthèse et le plugin
// chargera son contenu dans l'espace approprié
// affichage des icones de fermeture d'onglet si on vient d'en changer
$('.ui-icon-close').css({visibility: "visible"});
if (ancre != 'ui-tabs-1') {
deselectionnerOngletSynthese();
$('.ui-tabs-panel').show();
$('#zone_contenu_fiche').hide();
// on cache la croix pour ne pas fermer l'onglet actuellement consulté
$(ui.tab).nextAll().css({visibility: "hidden"});
} else {
// Si c'est l'onglet fiche, on le sélectionne artificiellement
selectionnerOngletSynthese();
$('.ui-tabs-panel').hide();
$('#zone_contenu_fiche').show();
return false;
}
}
}
 
return true;
}
});
function creerMenuOngletsFermes() {
$("#ongletEtPlus").click(function() {
afficherCacherMenuOnglets();
});
$('.elementMenuModules').live('click', function() {
$('.elementMenuModules').live('click', function() {
var idOnglet = $(this).attr('rel');
var objet = tableauOnglets[idOnglet];
objet.afficherCacherModule();
249,26 → 295,48
$(this).remove();
nbOngletsInvisibles --;
// si tous les onglets sont affichés alors on cache le menu
console.log(nbOngletsInvisibles);
if(nbOngletsInvisibles == 0) {
afficherCacherMenuOnglets();
}
});
/* affiche les onglets par default selon niveau*/
for(indice in tableauOnglets) {
var ongletEnCours = tableauOnglets[indice];
if (ongletsDefaut.indexOf(ongletEnCours.titre) == -1) {
ongletEnCours.afficherCacherModule();
nbOngletsInvisibles++;
}
}
}
 
function ajouterTitreSurvolOnglets() {
/* ajout de l'info au survol de l'onglet quand la taille est diminuée*/
$('.lien-onglet').parent().each(function() {
$(this).attr("title",$(this).children("a").text());
});
}
//Initialisation
$(document).ready(function() {
 
lierModulesEtOnglets();
/* mouvement des blocs */
$( ".colonne" ).sortable({
connectWith: ".colonne",
handle: $(".module").children('h3') // mouvement seulement sur les titres
});
 
$( ".colonne" ).disableSelection();
$('#zone_onglets').tabs({
add: function(event, ui) {
redimensionnerOnglets();
},
remove: function(event, ui) {
redimensionnerOnglets();
},
select: function(event, ui) {
return surSelectionOnglet(event,ui)
}
});
creerMenuOngletsFermes();
afficherOngletsPourNiveau();
ajouterTitreSurvolOnglets();
redimensionnerOnglets();
selectionnerOngletParDefautOuEnregistre();
});
/trunk/presentations/styles/eflore.css
608,6 → 608,11
#lienOngletEtPlus { /* icone */
width:6px;
}
 
.lien-onglet-synthese, .lien-onglet-synthese:hover {
border-bottom: none;
}
 
.menuModules { /* liste */
left: 495px;
width: 187px;