Subversion Repositories eFlore/Applications.eflore-consultation

Rev

Rev 241 | Rev 243 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 241 Rev 242
Line 24... Line 24...
24 
		var objet = this;
 24 
		var objet = this;
Line 25... Line 25...
25 
 
 25 
 
26 
		var titre = $(module).children('.titre');
 26 
		var titre = $(module).children('.titre');
27 
		titre.className = 'titre ui-widget-header ui-corner-all';
 27 
		titre.className = 'titre ui-widget-header ui-corner-all';
- 
 
 28 
		titre.id = 'titre-' + this.id;
- 
 
 29
- 
 
 30 
		var lienTitre = $(module).children('.titre').children('a');
- 
 
 31 
		lienTitre.attr('href','#'+this.id);
- 
 
 32 
		lienTitre.click(function() {
- 
 
 33 
			if(objet.onglet.is(':visible')) {
- 
 
 34 
				console.log(objet.onglet);
- 
 
 35 
				$('#zone_onglets').tabs('select', '#ui-tabs-'+objet.id);
- 
 
 36 
			}
- 
 
 37 
			return false;
- 
 
 38 
		});
- 
 
 39 
		lienTitre.hover(function() {
- 
 
 40 
			if(!objet.ongletEstAffiche()) {
- 
 
 41 
				$(this).css({"color":"white"});
- 
 
 42 
			} else {
- 
 
 43 
				$(this).css({"color":"#E78F08"});
- 
 
 44 
			}
- 
 
 45 
		});
- 
 
 46
- 
 
 47 
		lienTitre.mouseout(function() {
- 
 
 48 
			$(this).css({"color":"white"});
Line 28... Line 49...
28 
		titre.id = 'titre-' + this.id;
 49 
		});
29 
 
 50 
 
30 
		var contenu = $(module).children('.contenu');
 51 
		var contenu = $(module).children('.contenu');
Line 38... Line 59...
38 
			objet.afficherCacherModule();
 59 
			objet.afficherCacherModule();
39 
		});
 60 
		});
Line 40... Line 61...
40 
 
 61 
 
41 
		this.portlet = module;
 62 
		this.portlet = module;
42 
		return module;
63 
		return module;
- 
 
 64 
	}
- 
 
 65
- 
 
 66 
	this.ongletEstAffiche = function() {
- 
 
 67 
		return $(this.onglet.selector).is(':visible');
Line 43... Line -...
43 
	}
- 
 
44 
 
 68 
	}
45 
	// creerOnglet
 69 
 
46 
	// Créer l'objet Onglet HTML
 70 
	// Crée l'objet Onglet HTML
Line 47... Line 71...
47 
	this.creerOnglet = function() {
 71 
	this.creerOnglet = function() {
48 
		var objet = this;
 72 
		var objet = this;
Line 154... Line 178...
154 
	// Suppression des classes css qui mettent en surbrillance l'onglet actif sur l'onglet acceuil
 178 
	// Suppression des classes css qui mettent en surbrillance l'onglet actif sur l'onglet acceuil
155 
	$('#onglet_synthese').removeClass('ui-tabs-selected');
 179 
	$('#onglet_synthese').removeClass('ui-tabs-selected');
156 
	$('#onglet_synthese').removeClass('ui-state-active');
180 
	$('#onglet_synthese').removeClass('ui-state-active');
157 
}
 181 
}
Line -... Line 182...
- 
 
 182 
 
- 
 
 183 
function getUrlVars()
- 
 
 184 
{
- 
 
 185 
    var vars = [], hash;
- 
 
 186 
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
- 
 
 187 
    for(var i = 0; i < hashes.length; i++)
- 
 
 188 
    {
- 
 
 189 
        hash = hashes[i].split('=');
- 
 
 190 
        vars.push(hash[0]);
- 
 
 191 
        vars[hash[0]] = hash[1];
- 
 
 192 
    }
- 
 
 193 
    return vars;
- 
 
 194 
}
- 
 
 195 
 
158 
 
 196 
var ongletSyntheseCharge = true;
159 
function selectionnerOngletParDefautOuEnregistre() {
 197 
function selectionnerOngletParDefautOuEnregistre() {
160 
	//TODO: verifier ici si un cookie est présent pour ouvrir l'onglet désiré
 198 
	//TODO: verifier ici si un cookie est présent pour ouvrir l'onglet désiré
- 
 
 199 
	//
- 
 
 200 
	// Si un onglet est précisé dans l'url
- 
 
 201 
	// Récupération de l'adresse de l'onglet sélectionné
- 
 
 202 
	var urlVars = getUrlVars();
161 
	//
 203 
	if(urlVars['onglet'] == undefined) {
162 
	// Si pas d'onglet enregistré, selection du premier par défaut
 204 
		// Si pas d'onglet enregistré, selection du premier par défaut
163 
	// Si c'est l'onglet fiche, on le sélectionne artificiellement
 205 
		// Si c'est l'onglet fiche, on le sélectionne artificiellement
164 
	selectionnerOngletSynthese();
 206 
		selectionnerOngletSynthese();
165 
	$('.ui-tabs-panel').hide();
 207 
		$('.ui-tabs-panel').hide();
- 
 
 208 
		$('#synthese').show();
- 
 
 209 
	} else {
- 
 
 210 
		ongletSyntheseCharge = false;
166 
	$('#synthese').show();
 211 
	}
167 
}
 212 
}
- 
 
 213 
 
- 
 
 214 
function afficherOngletsPourNiveau() {
- 
 
 215 
	/* affiche les onglets par default selon niveau*/
- 
 
 216 
	for(indice in tableauOnglets) {
- 
 
 217 
		var ongletEnCours = tableauOnglets[indice];
- 
 
 218 
		if (ongletsDefaut.indexOf(jQuery.trim(ongletEnCours.titre)) == -1) {
- 
 
 219 
			ongletEnCours.afficherCacherModule();
- 
 
 220 
			nbOngletsInvisibles++;
- 
 
 221 
		}
- 
 
 222 
	}
- 
 
 223 
}
- 
 
 224 
 
- 
 
 225 
function surSelectionOnglet(event,ui) {
- 
 
 226 
	// Récupération de l'adresse de l'onglet sélectionné
- 
 
 227 
	var url = ui.tab.href;
- 
 
 228 
	// le fragment suivant le # dans l'url contient l'id de l'onglet
- 
 
 229 
	var fragmentsAncre = url.split('#');
- 
 
 230
- 
 
 231 
	if (fragmentsAncre.length > 0) {
- 
 
 232 
		var ancre = fragmentsAncre[fragmentsAncre.length - 1];
- 
 
 233 
		// si on a cliqué sur l'onglet etPlus, on ne doit rien faire car celui-ci affiche le menu
- 
 
 234 
		// TODO: voir s'il convient d'afficher le menu EtPlus dans d'autres onglets que celui de synthese
- 
 
 235 
		if (ancre != 'etPlus') {
- 
 
 236 
			// Si c'est un onglet correspondant à un projet, on cache la synthèse et le plugin
- 
 
 237 
			// chargera son contenu dans l'espace approprié
- 
 
 238 
			// affichage des icones de fermeture d'onglet si on vient d'en changer
- 
 
 239 
			$('.ui-icon-close').css({visibility: "visible"});
- 
 
 240 
			if (ancre != 'ui-tabs-1') {
- 
 
 241 
				deselectionnerOngletSynthese();
- 
 
 242 
				$('.ui-tabs-panel').show();
- 
 
 243 
				$('#zone_contenu_fiche').hide();
- 
 
 244 
				// on cache la croix pour ne pas fermer l'onglet actuellement consulté
- 
 
 245 
				$(ui.tab).nextAll().css({visibility: "hidden"});
- 
 
 246 
			} else {
- 
 
 247 
				if(ongletSyntheseCharge) {
- 
 
 248 
					// Si c'est l'onglet fiche, on le sélectionne artificiellement
- 
 
 249 
					selectionnerOngletSynthese();
- 
 
 250 
					$('.ui-tabs-panel').hide();
168
251 
					$('#zone_contenu_fiche').show();
- 
 
 252 
					return false;
- 
 
 253 
				} else {
- 
 
 254 
					window.location = url;
- 
 
 255 
				}
- 
 
 256 
			}
- 
 
 257 
		}
- 
 
 258 
	}
- 
 
 259 
 
- 
 
 260 
	return true;
- 
 
 261 
}
169 
//Initialisation
 262 
 
170 
$(document).ready(function() {
 263 
function lierModulesEtOnglets() {
Line 171... Line 264...
171 
	i = 1;
 264 
	var i = 1;
172
265
173 
	//Parcourir la totalité des modules générés et les lier grâce à la classe Module
 266 
	//Parcourir la totalité des modules générés et les lier grâce à la classe Module
174 
	$(".module").each(function () {
 267 
	$(".module").each(function () {
175 
		i++;
 268 
		i++;
176 
		identifiantOnglet = "#zone_onglets>ul>li:nth-child(" + i +")";
 269 
		identifiantOnglet = "#zone_onglets>ul>li:nth-child(" + i +")";
- 
 
 270 
		var module = new Module(i, this, $(identifiantOnglet));
- 
 
 271 
		var titre = $(this).children('h3').text();
177 
		var module = new Module(i, this, $(identifiantOnglet));
 272 
		module.titre = titre;
178 
		module.titre = $(this).children('h3').text();
 273
179 
		tableauOnglets[identifiantOnglet] = module;
 274 
		tableauOnglets[identifiantOnglet] = module;
180 
	});
 275 
	});
181 
	$(".lien-onglet").each(function() {
 276 
	$(".lien-onglet").each(function() {
182 
		var adresse_onglet = $(this).attr('href');
 277 
		var adresse_onglet = $(this).attr('href');
183 
		var adresse_contenu_onglet = adresse_onglet.replace('action=fiche','action=onglet');
 278 
		var adresse_contenu_onglet = adresse_onglet.replace('action=fiche','action=onglet');
184 
		$(this).attr('href', adresse_contenu_onglet);
 279 
		$(this).attr('href', adresse_contenu_onglet);
185 
	});
 - 
 
186
- 
 
187 
	/* mouvement des blocs */
 - 
 
188 
	$( ".colonne" ).sortable({
 - 
 
189 
		connectWith: ".colonne",
 - 
 
190 
		handle: $(".module").children('h3') // mouvement seulement sur les titres
 - 
 
191 
	});
 - 
 
192 
 
 - 
 
193 
	$( ".colonne" ).disableSelection();
 - 
 
194
- 
 
195 
	$('#zone_onglets').tabs({
 - 
 
196 
		add: function(event, ui) {
 - 
 
197 
			redimensionnerOnglets();
 - 
 
198 
		},
 - 
 
199 
		remove: function(event, ui) {
 - 
 
200 
			redimensionnerOnglets();
 - 
 
201 
		},
 - 
 
202 
		select: function(event, ui) {
- 
 
203 
			// Récupération de l'adresse de l'onglet sélectionné
 - 
 
204 
			var url = ui.tab.href;
 - 
 
205 
			// le fragment suivant le # dans l'url contient l'id de l'onglet
 - 
 
206 
			var fragmentsAncre = url.split('#');
 - 
 
207
- 
 
208 
			if (fragmentsAncre.length > 0) {
 - 
 
209 
				var ancre = fragmentsAncre[fragmentsAncre.length - 1];
 - 
 
210 
				// si on a cliqué sur l'onglet etPlus, on ne doit rien faire car celui-ci affiche le menu
 - 
 
211 
				// TODO: voir s'il convient d'afficher le menu EtPlus dans d'autres onglets que celui de synthese
 - 
 
212 
				if (ancre != 'etPlus') {
 - 
 
213 
					// Si c'est un onglet correspondant à un projet, on cache la synthèse et le plugin
 - 
 
214 
					// chargera son contenu dans l'espace approprié
 - 
 
215 
					// affichage des icones de fermeture d'onglet si on vient d'en changer
 - 
 
216 
					$('.ui-icon-close').css({visibility: "visible"});
 - 
 
217 
					if (ancre != 'ui-tabs-1') {
 - 
 
218 
						deselectionnerOngletSynthese();
 - 
 
219 
						$('.ui-tabs-panel').show();
 - 
 
220 
						$('#zone_contenu_fiche').hide();
 - 
 
221 
						// on cache la croix pour ne pas fermer l'onglet actuellement consulté
 - 
 
222 
						$(ui.tab).nextAll().css({visibility: "hidden"});
 - 
 
223 
					} else {
 - 
 
224 
						// Si c'est l'onglet fiche, on le sélectionne artificiellement
 - 
 
225 
						selectionnerOngletSynthese();
 - 
 
226 
						$('.ui-tabs-panel').hide();
 - 
 
227 
						$('#zone_contenu_fiche').show();
 - 
 
228 
						return false;
 - 
 
229 
					}
 - 
 
Line 230... Line 280...
230 
				}
 280 
	});
231 
			}
 - 
 
232 
 
 - 
 
233 
			return true;
 - 
 
234 
		}
 281 
}
235 
	});
 282 
 
236
283 
function creerMenuOngletsFermes() {
Line 237... Line 284...
237 
	$("#ongletEtPlus").click(function() {
 284 
	$("#ongletEtPlus").click(function() {
238 
		afficherCacherMenuOnglets();
 - 
 
239 
	});
 285 
		afficherCacherMenuOnglets();
240
286 
	});
241 
	$('.elementMenuModules').live('click', function() {
 287
242
288 
	$('.elementMenuModules').live('click', function() {
Line 243... Line 289...
243 
		var idOnglet = $(this).attr('rel');
 289 
		var idOnglet = $(this).attr('rel');
244 
		var objet = tableauOnglets[idOnglet];
 290 
		var objet = tableauOnglets[idOnglet];
245 
		objet.afficherCacherModule();
 291 
		objet.afficherCacherModule();
246 
		$(this).toggleClass("elementMenuModulesSelectionne");
 292 
		$(this).toggleClass("elementMenuModulesSelectionne");
247
- 
 
248 
		// suppression de l'item correspondant dans le menu
 293
249 
		$(this).remove();
 294 
		// suppression de l'item correspondant dans le menu
250 
		nbOngletsInvisibles --;
 295 
		$(this).remove();
251 
		// si tous les onglets sont affichés alors on cache le menu
 296 
		nbOngletsInvisibles --;
252 
		console.log(nbOngletsInvisibles);
 - 
 
253 
		if(nbOngletsInvisibles == 0) {
 - 
 
254 
			afficherCacherMenuOnglets();
 - 
 
255 
		}
 - 
 
256 
	});
 - 
 
257
- 
 
258 
	/* affiche les onglets par default selon niveau*/
 - 
 
259 
	for(indice in tableauOnglets) {
 - 
 
260 
		var ongletEnCours = tableauOnglets[indice];
 297 
		// si tous les onglets sont affichés alors on cache le menu
261 
		if (ongletsDefaut.indexOf(ongletEnCours.titre) == -1) {
 298 
		if(nbOngletsInvisibles == 0) {
- 
 
 299 
			afficherCacherMenuOnglets();
262 
			ongletEnCours.afficherCacherModule();
300 
		}
263 
			nbOngletsInvisibles++;
 301 
	});
264 
		}
 302 
}
265 
	}
 303 
 
- 
 
 304 
function ajouterTitreSurvolOnglets() {
266
305 
	/* ajout de l'info au survol de l'onglet quand la taille est diminuée*/
- 
 
 306 
	$('.lien-onglet').parent().each(function() {
- 
 
 307 
		$(this).attr("title",$(this).children("a").text());
- 
 
 308 
	});
- 
 
 309 
}
- 
 
 310
- 
 
 311 
//Initialisation
- 
 
 312 
$(document).ready(function() {
- 
 
 313 
 
- 
 
 314 
	lierModulesEtOnglets();
- 
 
 315
- 
 
 316 
	/* mouvement des blocs */
- 
 
 317 
	$( ".colonne" ).sortable({
- 
 
 318 
		connectWith: ".colonne",
- 
 
 319 
		handle: $(".module").children('h3') // mouvement seulement sur les titres
- 
 
 320 
	});
- 
 
 321 
 
- 
 
 322 
	$( ".colonne" ).disableSelection();
- 
 
 323
- 
 
 324 
	$('#zone_onglets').tabs({
- 
 
 325 
		add: function(event, ui) {
- 
 
 326 
			redimensionnerOnglets();
- 
 
 327 
		},
- 
 
 328 
		remove: function(event, ui) {
- 
 
 329 
			redimensionnerOnglets();
- 
 
 330 
		},
- 
 
 331 
		select: function(event, ui) {
- 
 
 332 
			return surSelectionOnglet(event,ui)
- 
 
 333 
		}
267 
	/* ajout de l'info au survol de l'onglet quand la taille est diminuée*/
 334 
	});
268 
	$('.lien-onglet').parent().each(function() {
 335
- 
 
 336 
	creerMenuOngletsFermes();
269 
		$(this).attr("title",$(this).children("a").text());
 337 
	afficherOngletsPourNiveau();
270 
	});
 338 
	ajouterTitreSurvolOnglets();