Subversion Repositories eFlore/Applications.eflore-consultation

var modules = Array();

var tableauOnglets = Array();

var nbOngletsInvisibles = 0;

/** 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')) {

				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;

		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;

		if (!statique) {

			var span = document.createElement('span');

			span.className = "ui-icon ui-icon-close";

			// Gestion de la fermeture de l'onglet

			$(span).live( "click", function() {

				objet.afficherCacherModule();

				redimensionnerOnglets();

			});

			$(onglet).append(span);

		}

		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(".contenu").toggle();

		$(this.onglet).toggle();

		redimensionnerOnglets();

	}

}

function afficherCacherMenuOnglets() {

	if($("#conteneurMenuOnglets").html() != '') {

		$("#conteneurMenuOnglets").html('');

		$('#lienOngletEtPlus').text('+');

	} else {

		var htmlMenu = '<ul class="menuModules">';

		nbOngletsInvisibles = 0;

		for (idOnglet in tableauOnglets) {

			var classe = "elementMenuModules";

			if(!$(idOnglet).is(':visible')) {

				nbOngletsInvisibles++;

				htmlMenu += '<li class="'+classe+'" rel="'+idOnglet+'" id="menu_module_'+idOnglet+'">'+tableauOnglets[idOnglet].titre+'</li>';

			}

		}

		htmlMenu += '</ul>';

		if (nbOngletsInvisibles > 0) {

			$("#conteneurMenuOnglets").html(htmlMenu);

			$("#conteneurMenuOnglets").toggle();

			$('#lienOngletEtPlus').text('-');

		}

	}

}

function fermerMenuOnglets() {

	$("#conteneurMenuOnglets").html('');

	$('#lienOngletEtPlus').text('+');

}

function redimensionnerOnglets() {

	// 570 px au max

	// 18 px largeur croix

	// 18 px largeur texte

	// 36 px largeur totale

	var liensVisibles = $('#zone_onglets > ul > li:visible > a');

	var longueurLiens = 0;

	liensVisibles.each(function() {

		longueurLiens += $(this).width();

	});

	var nbOnglets = $('#zone_onglets > ul > li:visible').length;

	var longueurMax =  535 - (nbOnglets * 36);

	if(longueurLiens >= longueurMax || nbOnglets > 5) {

		$('#zone_onglets > ul > li > a').not('.lien-statique').width(longueurMax/nbOnglets);

	} else {

		$('#zone_onglets > ul > li > a').not('.lien-statique').css("width","auto");

	}

}

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');

	// si des onglets ont été ajouté ou supprimé pendant que l'onglet synthèse n'était pas selectionné

	// on s'assure que l'état des blocs ouvert correspond bien à celui de onglets

	synchroniserOngletsOuvertsEtBlocs();

}

function synchroniserOngletsOuvertsEtBlocs() {

	for(indice in tableauOnglets) {

		var ongletEnCours = tableauOnglets[indice];

		var ongletVisible = ongletEnCours.onglet.is(':visible');

		$(ongletEnCours.portlet).find(".contenu").toggle(ongletVisible);

	}

}

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');

}

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 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('#');

	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 () {

		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 adresse_onglet = $(this).attr('href');

		var adresse_contenu_onglet = adresse_onglet.replace('action=fiche','action=onglet');

		$(this).attr('href', adresse_contenu_onglet);

	});

}

function creerMenuOngletsFermes() {

	$("#ongletEtPlus").click(function() {

		afficherCacherMenuOnglets();

	});

	$('.elementMenuModules').live('click', function() {

		var idOnglet = $(this).attr('rel');

		var objet = tableauOnglets[idOnglet];

		objet.afficherCacherModule();

		$(this).toggleClass("elementMenuModulesSelectionne");

		// suppression de l'item correspondant dans le menu

		$(this).remove();

		nbOngletsInvisibles --;

		// si tous les onglets sont affichés alors on cache le menu

		if(nbOngletsInvisibles == 0) {

			afficherCacherMenuOnglets();

		}

	});

	$('#conteneurMenuOnglets').live("mouseleave", function() {

		fermerMenuOnglets();

	});

}

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();

});