Subversion Repositories eFlore/Applications.eflore-consultation

Rev

Rev 407 | Rev 435 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
277 aurelien 1
 
391 aurelien 2
/**
3
 * Les variables suivantes ont été ajoutée par php
4
 *
5
 * var urlTexteBrutSectionWikiTpl : url pour obtenir le texte brut d'une section de wiki
6
 * var urlEditionSectionWikiTpl : url pour éditer une section du wiki
7
 * var urlTexteFormateSectionWikiTpl : url pour obtenir le texte formaté en html d'une section de wiki
8
 * var pageWikiTaxon : url pour obtenir le texte formaté en html d'une section de wiki
9
 *
10
*/
11
 
12
/**
13
 * Variables globales du script
14
 */
227 delphine 15
var modules = Array();
16
var tableauOnglets = Array();
233 aurelien 17
var nbOngletsInvisibles = 0;
227 delphine 18
 
19
/** Classe Module
20
* Définit un module de type portlet
21
**/
22
function Module(id, module, onglet, statique) {
23
 
24
	// Variables de classe : identifiant, titre, et le HTML du résumé à afficher dans le contenu
25
	this.id = id;
26
	this.titre;
27
	this.htmlResume;
28
	this.statique = statique;
29
 
30
	// Les objets Portlet et Onglet que l'ont garde en mémoire pour pouvoir y accéder facilement
31
	this.portlet = module;
32
	this.onglet;
33
 
34
	// creerPortlet
35
	// Créer l'objet Portlet HTML à afficher et le stocker dans les variables de classe
36
	this.creerPortlet = function() {
37
		var objet = this;
38
 
39
		var titre = $(module).children('.titre');
40
		titre.className = 'titre ui-widget-header ui-corner-all';
41
		titre.id = 'titre-' + this.id;
242 aurelien 42
 
43
		var lienTitre = $(module).children('.titre').children('a');
44
		lienTitre.attr('href','#'+this.id);
45
		lienTitre.click(function() {
46
			if(objet.onglet.is(':visible')) {
47
				$('#zone_onglets').tabs('select', '#ui-tabs-'+objet.id);
48
			}
49
			return false;
50
		});
51
		lienTitre.hover(function() {
52
			if(!objet.ongletEstAffiche()) {
53
				$(this).css({"color":"white"});
54
			} else {
55
				$(this).css({"color":"#E78F08"});
56
			}
57
		});
58
 
59
		lienTitre.mouseout(function() {
60
			$(this).css({"color":"white"});
61
		});
227 delphine 62
 
63
		var contenu = $(module).children('.contenu');
64
		contenu.id = 'contenu-' + this.id;
65
		contenu.className ='contenu';
66
 
67
		var lienToggle = document.createElement('span');
68
		lienToggle.className = 'lienToggle ui-icon ui-icon-minusthick';
69
		$(titre).append(lienToggle);
70
		$(lienToggle).click(function() {
71
			objet.afficherCacherModule();
72
		});
73
 
74
		this.portlet = module;
75
		return module;
242 aurelien 76
	}
77
 
78
	this.ongletEstAffiche = function() {
79
		return $(this.onglet.selector).is(':visible');
80
	}
227 delphine 81
 
242 aurelien 82
	// Crée l'objet Onglet HTML
227 delphine 83
	this.creerOnglet = function() {
84
		var objet = this;
85
 
86
		if (!statique) {
87
			var span = document.createElement('span');
88
			span.className = "ui-icon ui-icon-close";
89
 
90
			// Gestion de la fermeture de l'onglet
91
			$(span).live( "click", function() {
92
				objet.afficherCacherModule();
93
				redimensionnerOnglets();
94
			});
95
			$(onglet).append(span);
96
		}
97
		this.onglet = onglet;
98
	}
99
 
100
	// Initialisation de l'objet
101
	this.creerPortlet();
102
	this.creerOnglet();
103
 
104
	// Accesseurs de la classe
105
	this.getOnglet = function() {
106
		return this.onglet;
107
	}
108
 
109
	this.getPortlet = function() {
110
		return this.portlet;
111
	}
112
 
113
	// fonctions d'affichage et cachage (je sais pas si on dit ça comme ça) des onglets
114
	this.afficherCacherModule = function() {
115
		$(this.portlet).find(".lienToggle").toggleClass("ui-icon-plusthick");
116
		$(this.portlet).find(".lienToggle").toggleClass("ui-icon-minusthick");
117
		$(this.portlet).find(".contenu").toggle();
118
		$(this.onglet).toggle();
119
 
120
		redimensionnerOnglets();
121
	}
122
}
123
 
124
function afficherCacherMenuOnglets() {
125
	if($("#conteneurMenuOnglets").html() != '') {
126
		$("#conteneurMenuOnglets").html('');
127
		$('#lienOngletEtPlus').text('+');
128
	} else {
129
		var htmlMenu = '<ul class="menuModules">';
233 aurelien 130
		nbOngletsInvisibles = 0;
227 delphine 131
		for (idOnglet in tableauOnglets) {
132
			var classe = "elementMenuModules";
233 aurelien 133
			if(!$(idOnglet).is(':visible')) {
134
				nbOngletsInvisibles++;
135
				htmlMenu += '<li class="'+classe+'" rel="'+idOnglet+'" id="menu_module_'+idOnglet+'">'+tableauOnglets[idOnglet].titre+'</li>';
227 delphine 136
			}
137
		}
138
		htmlMenu += '</ul>';
233 aurelien 139
 
140
		if (nbOngletsInvisibles > 0) {
141
			$("#conteneurMenuOnglets").html(htmlMenu);
142
			$("#conteneurMenuOnglets").toggle();
143
			$('#lienOngletEtPlus').text('-');
144
		}
227 delphine 145
	}
146
}
243 aurelien 147
 
148
function fermerMenuOnglets() {
149
	$("#conteneurMenuOnglets").html('');
150
	$('#lienOngletEtPlus').text('+');
151
}
227 delphine 152
 
153
function redimensionnerOnglets() {
154
	// 570 px au max
233 aurelien 155
	// 18 px largeur croix
156
	// 18 px largeur texte
157
	// 36 px largeur totale
277 aurelien 158
	// 25 px largeur et +
227 delphine 159
	var liensVisibles = $('#zone_onglets > ul > li:visible > a');
160
	var longueurLiens = 0;
161
	liensVisibles.each(function() {
162
		longueurLiens += $(this).width();
163
	});
164
	var nbOnglets = $('#zone_onglets > ul > li:visible').length;
277 aurelien 165
	var longueurMax =  505 - (nbOnglets * 36);
227 delphine 166
	if(longueurLiens >= longueurMax || nbOnglets > 5) {
167
		$('#zone_onglets > ul > li > a').not('.lien-statique').width(longueurMax/nbOnglets);
168
	} else {
169
		$('#zone_onglets > ul > li > a').not('.lien-statique').css("width","auto");
170
	}
171
}
231 aurelien 172
 
173
function selectionnerOngletSynthese() {
174
	// Suppression des classes css qui mettent en surbrillance l'onglet actif
175
	$('#zone_onglets > ul > li').removeClass('ui-tabs-selected');
176
	$('#zone_onglets > ul > li').removeClass('ui-state-active');
227 delphine 177
 
231 aurelien 178
	// application de ces même classes css à l'onglet "acceuil" qui est un onglet "articifiel"
179
	$('#onglet_synthese').addClass('ui-tabs-selected');
180
	$('#onglet_synthese').addClass('ui-state-active');
236 aurelien 181
 
182
	// si des onglets ont été ajouté ou supprimé pendant que l'onglet synthèse n'était pas selectionné
183
	// on s'assure que l'état des blocs ouvert correspond bien à celui de onglets
184
	synchroniserOngletsOuvertsEtBlocs();
231 aurelien 185
}
186
 
236 aurelien 187
function synchroniserOngletsOuvertsEtBlocs() {
188
	for(indice in tableauOnglets) {
189
		var ongletEnCours = tableauOnglets[indice];
277 aurelien 190
		if(ongletEnCours.onglet != null) {
191
			var ongletVisible = ongletEnCours.onglet.is(':visible');
192
			$(ongletEnCours.portlet).find(".contenu").toggle(ongletVisible);
193
		}
236 aurelien 194
	}
195
}
196
 
231 aurelien 197
function deselectionnerOngletSynthese() {
198
	// Suppression des classes css qui mettent en surbrillance l'onglet actif sur l'onglet acceuil
199
	$('#onglet_synthese').removeClass('ui-tabs-selected');
200
	$('#onglet_synthese').removeClass('ui-state-active');
201
}
233 aurelien 202
 
242 aurelien 203
function getUrlVars()
204
{
205
    var vars = [], hash;
206
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
207
    for(var i = 0; i < hashes.length; i++)
208
    {
209
        hash = hashes[i].split('=');
210
        vars.push(hash[0]);
211
        vars[hash[0]] = hash[1];
212
    }
213
    return vars;
214
}
215
 
216
var ongletSyntheseCharge = true;
233 aurelien 217
function selectionnerOngletParDefautOuEnregistre() {
334 aurelien 218
 
242 aurelien 219
	// Si un onglet est précisé dans l'url
220
	// Récupération de l'adresse de l'onglet sélectionné
221
	var urlVars = getUrlVars();
222
	if(urlVars['onglet'] == undefined) {
223
		// Si pas d'onglet enregistré, selection du premier par défaut
224
		// Si c'est l'onglet fiche, on le sélectionne artificiellement
225
		selectionnerOngletSynthese();
226
		$('.ui-tabs-panel').hide();
227
		$('#synthese').show();
228
	} else {
229
		ongletSyntheseCharge = false;
230
	}
334 aurelien 231
	var cookieOnglet = obtenirOngletCookiePourPage();
308 aurelien 232
 
233
	// On réouvre le dernier onglet consulté, à voir si on garde ça en prod, en tout cas c'est
234
	// pratique pendant le développement
334 aurelien 235
	if(cookieOnglet && cookieOnglet != 'ui-tabs-1') {
236
		$('#zone_onglets').tabs("select", '#'+cookieOnglet);
308 aurelien 237
	} else {
238
		selectionnerOngletSynthese();
239
		$('.ui-tabs-panel').hide();
240
		$('#synthese').show();
241
	}
233 aurelien 242
}
242 aurelien 243
 
244
function afficherOngletsPourNiveau() {
245
	/* affiche les onglets par default selon niveau*/
246
	for(indice in tableauOnglets) {
247
		var ongletEnCours = tableauOnglets[indice];
277 aurelien 248
		titre_onglet = ongletEnCours.titre;
249
		titre_onglet = $.trim(titre_onglet);
250
		if (!Array.indexOf) {
251
			  Array.prototype.indexOf = function (obj, start) {
252
			    for (var i = (start || 0); i < this.length; i++) {
253
			      if (this[i] == obj) {
254
			        return i;
255
			      }
256
			    }
257
			    return -1;
258
			  }
259
			}
260
		if (ongletsDefaut.indexOf(titre_onglet) == -1) {
242 aurelien 261
			ongletEnCours.afficherCacherModule();
262
			nbOngletsInvisibles++;
263
		}
264
	}
265
}
266
 
267
function surSelectionOnglet(event,ui) {
268
	// Récupération de l'adresse de l'onglet sélectionné
269
	var url = ui.tab.href;
270
	// le fragment suivant le # dans l'url contient l'id de l'onglet
271
	var fragmentsAncre = url.split('#');
317 aurelien 272
	fancyboxinitialise = false;
231 aurelien 273
 
242 aurelien 274
	if (fragmentsAncre.length > 0) {
275
		var ancre = fragmentsAncre[fragmentsAncre.length - 1];
276
		// si on a cliqué sur l'onglet etPlus, on ne doit rien faire car celui-ci affiche le menu
277
		// TODO: voir s'il convient d'afficher le menu EtPlus dans d'autres onglets que celui de synthese
278
		if (ancre != 'etPlus') {
279
			// Si c'est un onglet correspondant à un projet, on cache la synthèse et le plugin
280
			// chargera son contenu dans l'espace approprié
281
			if (ancre != 'ui-tabs-1') {
315 aurelien 282
				var panel = $(ui.panel);
283
			    if (panel.is(":empty")) {
284
			        panel.append("<div class='tab-chargement'>Chargement des informations...</div>")
285
			    }
286
 
242 aurelien 287
				deselectionnerOngletSynthese();
288
				$('.ui-tabs-panel').show();
289
				$('#zone_contenu_fiche').hide();
356 gduche 290
 
334 aurelien 291
				enregistrerOngletCookiePourPage(ancre);
242 aurelien 292
			} else {
293
				if(ongletSyntheseCharge) {
294
					// Si c'est l'onglet fiche, on le sélectionne artificiellement
295
					selectionnerOngletSynthese();
296
					$('.ui-tabs-panel').hide();
297
					$('#zone_contenu_fiche').show();
334 aurelien 298
 
299
					enregistrerOngletCookiePourPage(ancre);
242 aurelien 300
					return false;
301
				} else {
302
					window.location = url;
303
				}
304
			}
305
		}
306
	}
307
 
308
	return true;
309
}
310
 
334 aurelien 311
function obtenirOngletCookiePourPage() {
312
 
313
	var urlVars = getUrlVars();
314
	var id_cookie = 'onglet_eflore';
315
	if(urlVars['num_nom']) {
316
		id_cookie += '_'+urlVars['num_nom'];
317
	}
318
 
319
	return $.cookie(id_cookie) ? $.cookie(id_cookie) : null;
320
}
321
 
322
function enregistrerOngletCookiePourPage(valeur) {
323
	var urlVars = getUrlVars();
324
	var id_cookie = 'onglet_eflore';
325
	if(urlVars['num_nom'] && urlVars['num_nom'] != undefined) {
326
		id_cookie += '_'+urlVars['num_nom'];
327
	}
328
	$.cookie(id_cookie, valeur);
329
}
330
 
242 aurelien 331
function lierModulesEtOnglets() {
332
	var i = 1;
227 delphine 333
 
334
	//Parcourir la totalité des modules générés et les lier grâce à la classe Module
335
	$(".module").each(function () {
336
		i++;
337
		identifiantOnglet = "#zone_onglets>ul>li:nth-child(" + i +")";
338
		var module = new Module(i, this, $(identifiantOnglet));
242 aurelien 339
		var titre = $(this).children('h3').text();
340
		module.titre = titre;
341
 
227 delphine 342
		tableauOnglets[identifiantOnglet] = module;
343
	});
230 delphine 344
	$(".lien-onglet").each(function() {
238 delphine 345
		var adresse_onglet = $(this).attr('href');
346
		var adresse_contenu_onglet = adresse_onglet.replace('action=fiche','action=onglet');
347
		$(this).attr('href', adresse_contenu_onglet);
348
	});
242 aurelien 349
}
227 delphine 350
 
242 aurelien 351
function creerMenuOngletsFermes() {
227 delphine 352
	$("#ongletEtPlus").click(function() {
353
		afficherCacherMenuOnglets();
354
	});
243 aurelien 355
 
242 aurelien 356
	$('.elementMenuModules').live('click', function() {
227 delphine 357
		var idOnglet = $(this).attr('rel');
358
		var objet = tableauOnglets[idOnglet];
359
		objet.afficherCacherModule();
360
		$(this).toggleClass("elementMenuModulesSelectionne");
233 aurelien 361
 
362
		// suppression de l'item correspondant dans le menu
363
		$(this).remove();
364
		nbOngletsInvisibles --;
365
		// si tous les onglets sont affichés alors on cache le menu
366
		if(nbOngletsInvisibles == 0) {
367
			afficherCacherMenuOnglets();
368
		}
396 aurelien 369
 
370
		// enfin, on selectionne l'onglet sur lequel on a cliqué
371
		$('#zone_onglets').tabs('select', '#ui-tabs-'+objet.id);
227 delphine 372
	});
243 aurelien 373
 
374
	$('#conteneurMenuOnglets').live("mouseleave", function() {
375
		fermerMenuOnglets();
376
	});
242 aurelien 377
}
378
 
379
function ajouterTitreSurvolOnglets() {
228 delphine 380
	/* ajout de l'info au survol de l'onglet quand la taille est diminuée*/
227 delphine 381
	$('.lien-onglet').parent().each(function() {
382
		$(this).attr("title",$(this).children("a").text());
383
	});
242 aurelien 384
}
317 aurelien 385
 
410 aurelien 386
function gererLiensOuvertureOnglets() {
387
	// chaque lien avec cette classe dans un bloc provoque l'ouverture de l'onglet
388
	// auquel le bloc est associé
389
	$('.lien_ouverture_onglet_parent').live('click', function(event) {
390
		event.preventDefault();
391
		var parent = $(this).parent();
392
		// attention aux majuscules obligatoires dans la comparaison avec BODY
393
		while(!parent.hasClass('module') && parent.get(0).tagName != 'BODY') {
394
			var parent = parent.parent();
395
		}
396
 
397
		if(parent.get(0).tagName != 'BODY') {
398
			parent.find('.lien-onglet-synthese').click();
399
		}
400
	});
401
}
402
 
391 aurelien 403
function getTemplateFormulaireEditionWiki(page, section, texte) {
404
	var urlWebServiceWiki = getUrlEditionPourPageEtSection(page, section);
405
	var formulaire =
406
		'<form method="post" id="formulaire_edition_wiki" name="formulaire_edition_wiki" action="'+urlWebServiceWiki+'">'+
407
		  '<div>'+
408
		  	'<textarea id="pageContenu" name="pageContenu" class="champ_edition_wiki">'+texte+'</textarea>'+
409
		  '</div>'+
410
		  '<input type="hidden" name="pageSectionTitre" id="pageSectionTitre" value="'+section+'" />'+
411
		  '<input type="submit" text="sauver" />'+
412
	  	  '<input class="bouton_annuler_edition" type="button" value="annuler" />';
413
		'</form>';
414
	return formulaire;
415
}
416
 
407 aurelien 417
 
418
var htmlWikiOriginal = '';
419
var objetContenuWiki = null;
391 aurelien 420
function getSection() {
407 aurelien 421
	return objetContenuWiki.attr("title");
391 aurelien 422
}
423
 
424
function getPageWikiTaxon() {
425
	return pageWikiTaxon;
426
}
427
 
428
function getUrlEditionPourPageEtSection(page, section) {
429
	return urlEditionSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
430
}
431
 
432
function getUrlTextePourPageSectionBrute(page, section) {
433
	return urlTexteBrutSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
434
}
435
 
436
function getUrlTextePourPageSectionFormatee(page, section) {
437
	return urlTexteFormateSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
438
}
439
 
440
function remplacerContenuWikiParFormulaireEdition(objet_contenu) {
407 aurelien 441
	objetContenuWiki = objet_contenu;
391 aurelien 442
	var adresse = getUrlTextePourPageSectionBrute(getPageWikiTaxon(), getSection());
443
	htmlWikiOriginal = objet_contenu.html();
444
	$.getJSON(adresse, function(data) {
407 aurelien 445
		objetContenuWiki.html(getTemplateFormulaireEditionWiki(getPageWikiTaxon(), getSection(), data.texte));
391 aurelien 446
	});
447
}
448
 
449
function gererEvenementsWiki() {
400 aurelien 450
	//TODO: ajout automatique d'un lien ouvrant une page d'aide (un popup) au formatage des pages wikini
451
	$('.contenu_editable').live('dblclick',function(event) {
452
		remplacerContenuWikiParFormulaireEdition($(this).children('.editable_sur_clic'));
391 aurelien 453
	});
454
 
455
	$('#formulaire_edition_wiki').live('submit',function(event) {
456
	    event.preventDefault();
457
		var valeurs = $(this).serialize();
458
		$.post($(this).attr('action'), valeurs, function(data) {
459
			var adresse = getUrlTextePourPageSectionFormatee(getPageWikiTaxon(), getSection());
460
			$.getJSON(adresse, function(data) {
407 aurelien 461
				objetContenuWiki.html(data.texte);
391 aurelien 462
			});
463
		});
464
	});
465
 
466
	$('.bouton_annuler_edition').live('click', function(event) {
467
		 event.preventDefault();
407 aurelien 468
		 objetContenuWiki.html(htmlWikiOriginal);
391 aurelien 469
	});
470
}
471
 
317 aurelien 472
var fancyboxinitialise = false;
473
 
242 aurelien 474
//Initialisation
475
$(document).ready(function() {
476
	lierModulesEtOnglets();
477
 
357 gduche 478
	$('#ongletEtPlus').show();
479
 
242 aurelien 480
	/* mouvement des blocs */
481
	$( ".colonne" ).sortable({
482
		connectWith: ".colonne",
483
		handle: $(".module").children('h3') // mouvement seulement sur les titres
484
	});
485
 
486
	$( ".colonne" ).disableSelection();
487
 
488
	$('#zone_onglets').tabs({
489
		add: function(event, ui) {
490
			redimensionnerOnglets();
491
		},
492
		remove: function(event, ui) {
493
			redimensionnerOnglets();
494
		},
495
		select: function(event, ui) {
496
			return surSelectionOnglet(event,ui)
497
		}
498
	});
356 gduche 499
	// TODO : devrait être .on() à la place de live()
277 aurelien 500
	$('.lien_popup').live('click',function(event) {
501
		event.preventDefault();
502
		$.fancybox(this,{
503
			autoDimensions:false,
321 aurelien 504
			width:580
277 aurelien 505
		});
506
	});
507
 
317 aurelien 508
	$('.illustration_taxon').live('click',function(event) {
509
		if(!fancyboxinitialise) {
510
			event.preventDefault();
321 aurelien 511
			$('.illustration_taxon').fancybox({
512
				cyclic:true
513
			});
317 aurelien 514
			fancyboxinitialise = true;
515
			$(this).click();
516
		}
517
	});
518
 
242 aurelien 519
	creerMenuOngletsFermes();
520
	afficherOngletsPourNiveau();
521
	ajouterTitreSurvolOnglets();
227 delphine 522
	redimensionnerOnglets();
233 aurelien 523
	selectionnerOngletParDefautOuEnregistre();
356 gduche 524
 
525
	$('.ui-icon-close').click(function() {
526
		estOngletActif = $(this).parent().hasClass('ui-state-active');
527
		if (estOngletActif) {
528
			//L'onglet que l'on veut fermet est celui qui est ouvert, on va donc le masquer et afficher celui d'accueil
529
			$("#zone_onglets").tabs('select', 0);
530
		}
531
	});
391 aurelien 532
 
410 aurelien 533
	gererLiensOuvertureOnglets();
391 aurelien 534
	gererEvenementsWiki();
324 gduche 535
});
536
 
537
 
538
$(document).ajaxStop(function() {
539
	if (document.implementation.hasFeature('http://www.w3.org/TR/SVG11/feature#BasicStructure', '1.1') == false) {
540
	    $('.svg').each(function() {
541
 
542
	   	 alt = $(this).attr('alt');
543
	   	 img = document.createElement('img');
544
	   	 img.src = alt;
545
	   	 $(this).replaceWith(img);
546
	    });
547
	}
227 delphine 548
});