Subversion Repositories eFlore/Applications.eflore-consultation

Rev

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

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