Subversion Repositories eFlore/Applications.eflore-consultation

Rev

Rev 1451 | 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;
1123 mathias 21
var ongletIllustrationsCharge = false;
480 jpm 22
 
227 delphine 23
/** Classe Module
24
* Définit un module de type portlet
25
**/
26
function Module(id, module, onglet, statique) {
27
 
28
	// Variables de classe : identifiant, titre, et le HTML du résumé à afficher dans le contenu
29
	this.id = id;
30
	this.titre;
31
	this.htmlResume;
32
	this.statique = statique;
33
 
34
	// Les objets Portlet et Onglet que l'ont garde en mémoire pour pouvoir y accéder facilement
35
	this.portlet = module;
36
	this.onglet;
37
 
38
	// creerPortlet
39
	// Créer l'objet Portlet HTML à afficher et le stocker dans les variables de classe
40
	this.creerPortlet = function() {
41
		var objet = this;
42
 
43
		var titre = $(module).children('.titre');
44
		titre.className = 'titre ui-widget-header ui-corner-all';
45
		titre.id = 'titre-' + this.id;
242 aurelien 46
 
47
		var lienTitre = $(module).children('.titre').children('a');
48
		lienTitre.attr('href','#'+this.id);
49
		lienTitre.click(function() {
1243 aurelien 50
			$('#zone_onglets').tabs( "option", "active", (objet.id -1));
242 aurelien 51
			return false;
52
		});
53
		lienTitre.hover(function() {
480 jpm 54
			if (!objet.ongletEstAffiche()) {
242 aurelien 55
				$(this).css({"color":"white"});
56
			} else {
57
				$(this).css({"color":"#E78F08"});
58
			}
59
		});
60
 
61
		lienTitre.mouseout(function() {
62
			$(this).css({"color":"white"});
63
		});
227 delphine 64
 
65
		var contenu = $(module).children('.contenu');
66
		contenu.id = 'contenu-' + this.id;
67
		contenu.className ='contenu';
68
 
69
		var lienToggle = document.createElement('span');
70
		lienToggle.className = 'lienToggle ui-icon ui-icon-minusthick';
71
		$(titre).append(lienToggle);
72
		$(lienToggle).click(function() {
73
			objet.afficherCacherModule();
74
		});
75
 
76
		this.portlet = module;
77
		return module;
242 aurelien 78
	}
79
 
80
	this.ongletEstAffiche = function() {
81
		return $(this.onglet.selector).is(':visible');
82
	}
227 delphine 83
 
242 aurelien 84
	// Crée l'objet Onglet HTML
227 delphine 85
	this.creerOnglet = function() {
86
		var objet = this;
87
		this.onglet = onglet;
88
	}
89
 
90
	// Initialisation de l'objet
91
	this.creerPortlet();
92
	this.creerOnglet();
93
 
94
	// Accesseurs de la classe
95
	this.getOnglet = function() {
96
		return this.onglet;
97
	}
98
 
99
	this.getPortlet = function() {
100
		return this.portlet;
101
	}
102
 
103
	// fonctions d'affichage et cachage (je sais pas si on dit ça comme ça) des onglets
104
	this.afficherCacherModule = function() {
105
		$(this.portlet).find(".lienToggle").toggleClass("ui-icon-plusthick");
106
		$(this.portlet).find(".lienToggle").toggleClass("ui-icon-minusthick");
510 gduche 107
		$(this.portlet).find(".titreOnglet").toggleClass("pasDeCurseur");
227 delphine 108
		$(this.portlet).find(".contenu").toggle();
109
	}
110
}
231 aurelien 111
 
480 jpm 112
function getUrlVars() {
242 aurelien 113
    var vars = [], hash;
114
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
480 jpm 115
    for (var i = 0; i < hashes.length; i++) {
242 aurelien 116
        hash = hashes[i].split('=');
117
        vars.push(hash[0]);
118
        vars[hash[0]] = hash[1];
119
    }
120
    return vars;
121
}
122
 
123
function afficherOngletsPourNiveau() {
124
	/* affiche les onglets par default selon niveau*/
480 jpm 125
	for (indice in tableauOnglets) {
242 aurelien 126
		var ongletEnCours = tableauOnglets[indice];
277 aurelien 127
		titre_onglet = ongletEnCours.titre;
128
		titre_onglet = $.trim(titre_onglet);
129
		if (!Array.indexOf) {
130
			  Array.prototype.indexOf = function (obj, start) {
131
			    for (var i = (start || 0); i < this.length; i++) {
132
			      if (this[i] == obj) {
133
			        return i;
134
			      }
135
			    }
136
			    return -1;
137
			  }
138
			}
139
		if (ongletsDefaut.indexOf(titre_onglet) == -1) {
242 aurelien 140
			ongletEnCours.afficherCacherModule();
141
			nbOngletsInvisibles++;
142
		}
143
	}
144
}
145
 
334 aurelien 146
function obtenirOngletCookiePourPage() {
147
	var urlVars = getUrlVars();
148
	var id_cookie = 'onglet_eflore';
480 jpm 149
	if (urlVars['num_nom']) {
334 aurelien 150
		id_cookie += '_'+urlVars['num_nom'];
480 jpm 151
	}
334 aurelien 152
	return $.cookie(id_cookie) ? $.cookie(id_cookie) : null;
153
}
154
 
155
function enregistrerOngletCookiePourPage(valeur) {
156
	var urlVars = getUrlVars();
157
	var id_cookie = 'onglet_eflore';
158
	if(urlVars['num_nom'] && urlVars['num_nom'] != undefined) {
159
		id_cookie += '_'+urlVars['num_nom'];
160
	}
161
	$.cookie(id_cookie, valeur);
162
}
163
 
242 aurelien 164
function lierModulesEtOnglets() {
165
	var i = 1;
227 delphine 166
 
167
	//Parcourir la totalité des modules générés et les lier grâce à la classe Module
168
	$(".module").each(function () {
169
		i++;
170
		identifiantOnglet = "#zone_onglets>ul>li:nth-child(" + i +")";
171
		var module = new Module(i, this, $(identifiantOnglet));
242 aurelien 172
		var titre = $(this).children('h3').text();
173
		module.titre = titre;
174
 
227 delphine 175
		tableauOnglets[identifiantOnglet] = module;
176
	});
1243 aurelien 177
}
178
 
179
// remplace des liens directs vers les onglets par des liens permettant de ne charger
180
// que le contenu de l'onglet (pour le plugin tab)
181
function remplacerUrlsOnglets() {
230 delphine 182
	$(".lien-onglet").each(function() {
506 jpm 183
		var urlOnglet = $(this).attr('href');
892 aurelien 184
		var urlVars = urlOnglet.slice(urlOnglet.indexOf('?') + 1);
185
		urlBase = base_url_application_onglets+"?"+urlVars;
186
		urlOnglet = urlBase.replace('action=fiche','action=onglet');
506 jpm 187
		$(this).attr('href', urlOnglet);
238 delphine 188
	});
242 aurelien 189
}
227 delphine 190
 
1243 aurelien 191
ongletsInitialises = false;
192
numOngletEnCours = null;
193
nePasEmpilerUrl = false;
1272 aurelien 194
popStateOriginal = true;
1243 aurelien 195
function initialiserOnglets() {
196
	// replacement du chargement de toute la page par un lien vers uniquement le contenu de l'onglet
197
	// pour le module tab qui charge les url désignée dans les liens des tabs
198
	remplacerUrlsOnglets();
199
 
200
	// analyse de l'onglet désigné comme selectionné par défaut
201
	// (on peut accéder directement à un onglet précis à travers un param url)
202
	var tabSelectionneDefaut = $('#onglets li.ui-state-active');
203
	var indexTabSelectionneDefaut = $("#onglets li").index($(tabSelectionneDefaut));
1266 aurelien 204
 
1243 aurelien 205
	$('#zone_onglets').tabs({
206
		create: function( event, ui ) {
207
			// par défaut, le contenu déjà chargé est dans une autre zone
208
			// on le déplace donc comme s'il avait été chargé par le plugin tab
209
			var contenuZoneFiche = $("#zone_contenu_fiche > div").detach();
210
			contenuZoneFiche.appendTo('#ui-tabs-'+(indexTabSelectionneDefaut+1));
211
			$("#zone_contenu_fiche").hide();
212
			$('#ui-tabs-'+(indexTabSelectionneDefaut+1)).show();
1246 aurelien 213
			ongletNomCode = $('#ui-tabs-'+(indexTabSelectionneDefaut+1)).children(".onglet_contenu").attr("id");
214
			$(".lien_retour_synthese").toggle((ongletNomCode != "synthese"));
1243 aurelien 215
		},
216
		active: indexTabSelectionneDefaut ,
217
		beforeLoad: function( event, ui ) {
218
			// il est inutile de recharger un onglet déjà chargé (les onglets déjà chargé sont l'onglet par défaut
219
			// et (lors du chargement de la fiche), l'onglet déjà chargé par php
220
			// +1 car les tabs sont zéros indexées
221
			var idPanelCharge = ui.tab.index()+1;
222
			var panelCharge = $('#ui-tabs-'+idPanelCharge);
223
 
224
			numOngletEnCours = idPanelCharge;
225
 
226
			if(!panelCharge.is(':empty') || indexTabSelectionneDefaut+1 == idPanelCharge) {
227
				// si le panneau est déjà chargé on peut mettre à jour l'url immédiatement
228
				var ongletNomCode = panelCharge.children(".onglet_contenu").attr("id");
229
				if(!nePasEmpilerUrl) {
230
					mettreAJourUrl(permalienNumNom+"-"+ongletNomCode, ongletNomCode);
231
					nePasEmpilerUrl = false;
232
				}
1244 aurelien 233
 
234
				$(".lien_retour_synthese").toggle((ongletNomCode != "synthese"));
1243 aurelien 235
				panelCharge.show();
236
				return false;
237
			} else {
238
				// si l'onglet n'est pas chargé alors on affiche le message de chargement
239
				// pendant que le plugin s'occupe du reste
240
				fancyboxinitialise = false;
241
				var panel = $('#ui-tabs-'+idPanelCharge);
242
				panel.append("<div class='tab-chargement'>Chargement des informations...</div>");
243
				return true;
244
			}
245
		},
246
		load: function(event, ui) {
247
			// sur les panneaux qui ne sont pas encore chargés, on doit attendre la fin
248
			// du chargement pour mettre à jour l'url (à cause de la récupération de l'id sur les enfants)
249
			var ongletNomCode = ui.panel.children(".onglet_contenu").attr("id");
1451 mathias 250
			// stats
251
			if (prod) {
252
				var ga_json = '{"nn": "' + ga_current_nn + '", "nom_sci": "' + ga_current_ns + '"}';
253
				ga('eFloreTracker.send', 'event', 'fiche', 'consultation-' + ongletNomCode, ga_json, 1);
254
			}
255
 
1244 aurelien 256
			$(".lien_retour_synthese").toggle((ongletNomCode != "synthese"));
1243 aurelien 257
			mettreAJourUrl(permalienNumNom+"-"+ongletNomCode, ongletNomCode);
1358 aurelien 258
			$(document).trigger('dictionnaireRechercherDefinitions', '#'+ongletNomCode);
1243 aurelien 259
		}
260
	});
261
 
262
	$(window).bind('popstate', function(event) {
263
		if(!!event.originalEvent.state) {
264
			nePasEmpilerUrl = true;
265
			$("#onglets > li > a[rel='"+event.originalEvent.state+"']").click();
266
		} else {
1272 aurelien 267
			// chrome fait un popstate au chargement de la page, ce qui la fait recharger
268
			// indéfiniment, ce comportement étant compréhensible, il vaut mieux s'en prévenir
269
			if(!popStateOriginal) {
270
				window.location = window.location.href;
271
			}
272
			popStateOriginal = false;
1243 aurelien 273
		}
274
	});
275
}
276
 
480 jpm 277
//+----------------------------------------------------------------------------------------------------------+
278
// Wikini Flora
279
var htmlWikiOriginal = '';
280
var objetContenuWiki = null;
281
 
391 aurelien 282
function getTemplateFormulaireEditionWiki(page, section, texte) {
283
	var urlWebServiceWiki = getUrlEditionPourPageEtSection(page, section);
284
	var formulaire =
285
		'<form method="post" id="formulaire_edition_wiki" name="formulaire_edition_wiki" action="'+urlWebServiceWiki+'">'+
286
		  '<div>'+
287
		  	'<textarea id="pageContenu" name="pageContenu" class="champ_edition_wiki">'+texte+'</textarea>'+
288
		  '</div>'+
289
		  '<input type="hidden" name="pageSectionTitre" id="pageSectionTitre" value="'+section+'" />'+
290
		  '<input type="submit" text="sauver" />'+
291
	  	  '<input class="bouton_annuler_edition" type="button" value="annuler" />';
292
		'</form>';
293
	return formulaire;
294
}
295
 
296
function getSection() {
407 aurelien 297
	return objetContenuWiki.attr("title");
391 aurelien 298
}
299
 
300
function getPageWikiTaxon() {
301
	return pageWikiTaxon;
302
}
303
 
304
function getUrlEditionPourPageEtSection(page, section) {
1375 mathias 305
	var url = urlEditionSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
306
	return url;
391 aurelien 307
}
308
 
309
function getUrlTextePourPageSectionBrute(page, section) {
310
	return urlTexteBrutSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
311
}
312
 
313
function getUrlTextePourPageSectionFormatee(page, section) {
314
	return urlTexteFormateSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
315
}
316
 
317
function remplacerContenuWikiParFormulaireEdition(objet_contenu) {
407 aurelien 318
	objetContenuWiki = objet_contenu;
453 aurelien 319
	var adresse = getUrlEditionPourPageEtSection(getPageWikiTaxon(), getSection());
391 aurelien 320
	htmlWikiOriginal = objet_contenu.html();
321
	$.getJSON(adresse, function(data) {
999 raphael 322
		$(objetContenuWiki).removeClass('editable_sur_clic').html(getTemplateFormulaireEditionWiki(getPageWikiTaxon(), getSection(), data.texte));
391 aurelien 323
	});
324
}
325
 
326
function gererEvenementsWiki() {
400 aurelien 327
	//TODO: ajout automatique d'un lien ouvrant une page d'aide (un popup) au formatage des pages wikini
999 raphael 328
	$('.editable_sur_clic').live('dblclick',function(event) {
329
		remplacerContenuWikiParFormulaireEdition($(this));
391 aurelien 330
	});
331
 
332
	$('#formulaire_edition_wiki').live('submit',function(event) {
333
	    event.preventDefault();
334
		var valeurs = $(this).serialize();
335
		$.post($(this).attr('action'), valeurs, function(data) {
336
			var adresse = getUrlTextePourPageSectionFormatee(getPageWikiTaxon(), getSection());
337
			$.getJSON(adresse, function(data) {
999 raphael 338
				$(objetContenuWiki).addClass('editable_sur_clic').html(data.texte);
391 aurelien 339
			});
340
		});
341
	});
342
 
343
	$('.bouton_annuler_edition').live('click', function(event) {
999 raphael 344
		event.preventDefault();
345
		$(objetContenuWiki).addClass('editable_sur_clic').html(htmlWikiOriginal);
391 aurelien 346
	});
638 aurelien 347
 
348
	rendreLienAffichableDansNouvelleFenetre('.contenu_editable');
391 aurelien 349
}
350
 
480 jpm 351
//+----------------------------------------------------------------------------------------------------------+
638 aurelien 352
//Affichage dans une nouvelle fenetre
353
function rendreLienAffichableDansNouvelleFenetre(selecteur) {
354
	$(selecteur).find('a').live('click', function(event) {
355
		window.open($(this).attr('href'));
356
		event.preventDefault();
357
		return false;
358
	});
359
}
360
 
361
//+----------------------------------------------------------------------------------------------------------+
480 jpm 362
// Plier / déplier
474 aurelien 363
function plierTout() {
364
	$('.nom').children('.imagetteMoins').removeClass('imagetteMoins').addClass('imagettePlus');
365
	$('.plus').css('display', 'none');
366
}
367
 
368
function deplierTout() {
369
	$('.nom').children('.imagettePlus').removeClass('imagettePlus').addClass('imagetteMoins');
370
	$('.plus').css('display', 'inline');
371
}
372
 
373
function gestionBiblio(parent) {
1389 aurelien 374
	$('.nom').each(function () {
375
		if ($(this).children('.plus').length == 0) {
376
			html = $(this).html();
474 aurelien 377
 
1389 aurelien 378
			// La partie biblio commence au premier crochet ouvrant
379
			// ou bien au span de la biblio à exclure
380
			posCrochetGauche = html.indexOf('[');
1390 aurelien 381
			posbiblioAExclure = html.indexOf('<span class="bib_excl">');
382
 
383
			if(posCrochetGauche < 0 || (posbiblioAExclure > 0 && posbiblioAExclure < posCrochetGauche)) {
384
				posCrochetGauche = posbiblioAExclure;
1389 aurelien 385
			}
474 aurelien 386
 
1390 aurelien 387
			console.log(posCrochetGauche+" "+posbiblioAExclure);
388
 
389
 
1389 aurelien 390
			if (posCrochetGauche > 0) {
391
				nom = html.substr(0, posCrochetGauche);
392
				biblio = html.substr(posCrochetGauche, html.length);
393
				$(this).html(nom);
394
 
395
				imagettePlus = document.createElement('div');
396
				$(imagettePlus).addClass('imagettePlus');
397
				$(this).prepend($(imagettePlus));
398
 
399
				plus = document.createElement('span');
400
				$(plus).addClass('plus');
401
				$(plus).html(biblio);
402
				$(plus).hide();
403
 
404
				$(this).click(function(e) {
405
					// test pour ne réagir que sur le clic sur le + ou -
406
					// TODO: fusionner ce bout de code en doublon avec synthese.js
407
					if($(e.target).hasClass("imagettePlus") || $(e.target).hasClass("imagetteMoins")) {
408
						if (!$(this).children('.plus').is(':visible')) {
409
							$(this).children('.imagettePlus').removeClass('imagettePlus').addClass('imagetteMoins');
410
							$(this).children('.plus').css('display', 'inline');
411
						} else {
412
							$(this).children('.imagetteMoins').removeClass('imagetteMoins').addClass('imagettePlus');
413
							$(this).children('.plus').css('display', 'none');
414
						}
415
					}
416
 
417
				});
418
 
419
				$(this).append($(plus));
420
 
421
			}
474 aurelien 422
		}
423
	});
424
}
425
 
426
function gererEvenementsPliage() {
427
	$('.lien_tout_deplier').live('click', function() {
428
		deplierTout();
429
	});
430
	$('.lien_tout_plier').live('click', function() {
431
		plierTout();
432
	});
433
	gestionBiblio(document);
434
}
435
 
480 jpm 436
//+----------------------------------------------------------------------------------------------------------+
626 mathilde 437
//Pop Up images
438
function ouvrirPopUpImg(event) {
439
	event.preventDefault();
1306 aurelien 440
	window.open($(this).attr('href'),"Photo_"+$(this).children("img").attr("data-num-image"),
966 aurelien 441
			'"'+'height='+event.data.h+',width='+event.data.w+',top='+event.data.t+',left='+event.data.l
442
			+',toolbar='+event.data.toolbar+',menubar='+event.data.menubar +',location='
443
			+event.data.location+',resizable='+event.data.resizable+',scrollbars='+event.data.scrollbars
444
			+',status='+event.data.status+'"');
626 mathilde 445
}
446
 
480 jpm 447
//+----------------------------------------------------------------------------------------------------------+
761 aurelien 448
// Message de chargement pour les graphique écologie
449
function gererChargementGraphiqueEcologie() {
450
	$('.ecologie_svg').addClass('chargement');
451
}
971 aurelien 452
 
453
function gererAffichageLegendeEcologie() {
454
	$('.voir').live('click', function() {
455
		$(this).siblings('.legende_graphique').show();
456
		$(this).siblings('.cacher').show();
457
		$(this).hide();
458
	});
459
 
460
	$('.cacher').live('click', function() {
461
		$(this).siblings('.legende_graphique').hide();
462
		$(this).siblings('.voir').show();
463
		$(this).hide();
464
	});
465
}
466
 
467
 
761 aurelien 468
//+----------------------------------------------------------------------------------------------------------+
480 jpm 469
// Initialisation
317 aurelien 470
var fancyboxinitialise = false;
626 mathilde 471
var param_popup_Coste = {h: 650, w: 550, t: 100, l: 100,
472
		toolbar: 'no', menubar: 'no', location: 'no', resizable: 'yes', scrollbars: 'yes', status: 'no'};
317 aurelien 473
 
626 mathilde 474
var param_popup_Cel = {h: 750, w: 630, t: 100, l: 100,
475
		toolbar: 'no', menubar: 'no', location: 'no', resizable: 'yes', scrollbars: 'yes', status: 'no'};
476
 
1243 aurelien 477
//Initialisation (uniquement sur la présence de la div bloc-fiche, qui contient la fiche eflore)
1272 aurelien 478
$(document).one('ficheSyntheseChargee', function() {
1243 aurelien 479
	initialiserOnglets();
480
 
356 gduche 481
	// TODO : devrait être .on() à la place de live()
277 aurelien 482
	$('.lien_popup').live('click',function(event) {
483
		event.preventDefault();
484
		$.fancybox(this,{
485
			autoDimensions:false,
321 aurelien 486
			width:580
277 aurelien 487
		});
488
	});
489
 
1126 aurelien 490
	// TODO : devrait être .on() à la place de live()
491
	$('.lien_popup.lien_metadonnees').live('click',function(event) {
492
		event.preventDefault();
493
		$.fancybox(this,{
494
			autoDimensions:true
495
		});
496
	});
1243 aurelien 497
 
626 mathilde 498
	$('.lien-image-cel').live('click', param_popup_Cel , ouvrirPopUpImg);
499
	$('.lien-image-coste').live('click', param_popup_Coste , ouvrirPopUpImg);
500
 
242 aurelien 501
	afficherOngletsPourNiveau();
1123 mathias 502
 
391 aurelien 503
	gererEvenementsWiki();
474 aurelien 504
	gererEvenementsPliage();
887 delphine 505
 
506
	$('a.lien_retour_synthese').click(function(event) {
507
		$('#onglet_synthese a').click();
508
		event.preventDefault();
509
	});
966 aurelien 510
 
511
	$(window).resize(function() {
512
		redimensionnerOnglets();
513
	});
514
	redimensionnerOnglets();
1243 aurelien 515
 
516
	if($("#bloc-fiche").length > 0) {
517
		// initialisation de l'url avec l'onglet par défaut ou bien
518
		// celui qui a été explicitement demandé
519
		mettreAJourUrl(permalienNumNom+"-"+onglet, onglet);
520
	}
1246 aurelien 521
	gererInteractionsPermaliens();
324 gduche 522
});
523
 
1266 aurelien 524
function ajouterEvenement(elementHtml, nomEvenement, functionCallBack) {
525
	if(!!elementHtml && elementHtml != null) {
526
		if(elementHtml.attachEvent) {// Internet Explorer
527
			elementHtml.attachEvent("on" + nomEvenement, function() {functionCallBack.call(elementHtml);});
528
		} else if(elementHtml.addEventListener) { // Firefox & autres
529
			elementHtml.addEventListener(nomEvenement, functionCallBack, false);
530
		}
531
	}
1370 mathias 532
}
1257 aurelien 533
 
534
$(document).one('ongletRepartitionCharge', function() {
1370 mathias 535
	var contRepObs = $(".conteneur_repartition_observations");
536
	contRepObs.addClass("chargement_repartition");
1257 aurelien 537
	// utilisation d'une fonction native car jQuery refuse d'ajouter un évènement load
538
	// sur autre chose qu'une image
1266 aurelien 539
	$('#repartition_observations').ready(function() {
540
		ajouterEvenement(document.getElementById("repartition_observations"), "load", function() {
1370 mathias 541
			contRepObs.removeClass("chargement_repartition");
1266 aurelien 542
		});
1257 aurelien 543
	});
1370 mathias 544
	// lien "recalculer la carte de moissonnage"
545
	$('#lien_recalculer_carte').click(function() {
546
		var carteMoissonnageSvg = $('#repartition_observations'); // c'est plutôt "moissonnage" que "répartition" => squelette pourave power
547
		var urlCarte = carteMoissonnageSvg.attr("data");
548
		urlCarte += '&recalculer=1';
549
		contRepObs.addClass("chargement_repartition");
550
		carteMoissonnageSvg.attr("data", urlCarte);ajouterEvenement(document.getElementById("repartition_observations"), "load", function() {
551
			contRepObs.removeClass("chargement_repartition");
552
		});
553
		return false;
554
	});
1257 aurelien 555
});
556
 
1243 aurelien 557
$(document).one('ongletSyntheseCharge', function() {
558
	lierModulesEtOnglets();
559
 
560
	/* mouvement des blocs */
561
	$(".colonne").sortable({
562
		connectWith: ".colonne",
563
		handle: $(".module").children('h3') // mouvement seulement sur les titres
564
	});
565
 
566
	$('.lien_ouverture_onglet_parent').live('click', function(event) {
567
		event.preventDefault();
568
		$(this).parents(".module").find("a.titreOnglet").click();
569
	});
570
 
571
	gererClicIllustrationsFiche();
572
	gererEvenementsPliage();
573
});
574
 
1123 mathias 575
// À la fin du chargement de l'onglet Illustrations
1243 aurelien 576
$(document).one('ongletIllustrationsCharge', function() {
577
	$('a.lien-images-organes.fourni').live('click', afficherOngletOrgane);
578
	$('a.lien-grande-image-organe').live('click', afficherGrandeImageOrgane);
579
	// pour que la galerie soit ouverte par défaut sur le premier organe non vide
580
	var premier = $('a.lien-images-organes.fourni').first().data('tag');
581
	afficherOngletOrgane(null, premier);
1289 aurelien 582
 
1400 aurelien 583
	$('a.lien_telechargement_image').live('click',function(e) {
584
		if($(e.target).data('oneclicked')!='yes')
585
		{
586
			$(e.target).data('oneclicked','yes');
587
			$(this).fancybox({
588
				"type" : "iframe",
589
				"autoDimensions" : false,
590
				"width" : 800,
591
				"height" : 405,
592
				"titleShow" : false
593
			}).click();
594
		}
595
 
596
		e.preventDefault();
597
		return false;
1289 aurelien 598
	});
1123 mathias 599
});
600
 
601
// Affiche les n images ayant le plus de votes, pour l'organe $tag
602
function afficherOngletOrgane(e, tag) {
603
	var onglets = $('div.onglet-organe'),
604
		contenu = $('#galerie-organes-contenu'),
605
		organeOnglet;
606
 
607
	if (tag === undefined) {
608
		tag = $(this).data('tag')
609
	}
610
	if ($(this).parent().hasClass('active')) { // replier
611
		$(this).parent().removeClass('active')
612
		contenu.hide();
613
		return false;
614
	}
615
 
616
	onglets.each(function() {
617
		organeOnglet = $(this).data('tag');
618
		var li = $('a.lien-images-organes[data-tag="' + organeOnglet + '"]').parent();
619
		if (organeOnglet == tag) {
620
			$(this).show();
621
			li.addClass('active');
622
		} else {
623
			$(this).hide();
624
			li.removeClass('active');
625
		}
626
	});
627
 
628
	contenu.show();
629
 
630
	var premierLienGrandeImage = $('div.onglet-organe:visible').find('a.lien-grande-image-organe').first(),
631
		grandeImage = $('#grande-image-organe').find('img');
632
	premierLienGrandeImage.trigger('click');
633
	grandeImage.show('fast');
634
 
635
	return false;
636
}
637
 
638
// Affiche en grand sous les miniatures l'image d'organe sur laquelle on a cliqué
639
function afficherGrandeImageOrgane() {
640
	var grandeImage = $('#grande-image-organe').find('img'),
641
		source = $(this).find('img').attr('src');
1303 aurelien 642
	source = obtenirUrlMoyenFormatIdImage($(this).data('id-image'));
1131 mathias 643
	// chargement image et lien popup
1123 mathias 644
	grandeImage.attr('src', source);
1361 mathias 645
	// important pour Pinterest et cie.
646
	grandeImage.attr('alt', $(this).data('auteur') + ' - ' + $(this).data('titre'));
1305 aurelien 647
	grandeImage.parent().attr('href',obtenirUrlGrandFormatIdImage($(this).data('id-image')));
1123 mathias 648
	// métadonnées
649
	var metadonnees = ['id-image', 'titre', 'description', 'localisation', 'auteur'],
650
		clef;
651
	for (var i = 0; i < metadonnees.length; i++) {
652
		clef = metadonnees[i];
1303 aurelien 653
		var contenu = $(this).data(clef);
654
		if(clef == 'id-image') {
655
			contenu +=
1573 delphine 656
				'    <a title="T\xE9l\xE9charger cette image" class="lien_telechargement_image" href="'+urlBaseWidget+'telechargement?id_image='+$(this).data(clef)+'">'+
1303 aurelien 657
					'<img class="icone_action_ill" src="'+urlCssImages+'sauver.png" />'+
1573 delphine 658
				'</a>	'+
1305 aurelien 659
				'<a title="Voir plus d\'informations sur cette image (s\'ouvre dans un popup)" class="lien-image-cel" href="'+urlPopup+'?module=popup-illustrations&action=fiche&referentiel=bdtfx&id=' + $(this).data('id-image')+'">'+
1320 aurelien 660
					'<img class="icone_action_ill" src="'+urlCssImages+'infos_image.png" />'+
1349 mathias 661
				'</a>'+
1573 delphine 662
				'<a style="float:right" title="Signaler une mauvaise identification ou en proposer une autre via l\'outil identiplante" class="signaler-mauvaise-identification" href="' + $(this).data('url-mauvaise-ident') + '" target="_blank">' +
663
					'<img class="icone_action_ill" src="'+urlCssImages+'mauvaise_id.png">Signaler une mauvaise identification' +
1303 aurelien 664
				'</a>';
665
		}
666
		$('#grande-image-legende-' + clef).html(contenu);
667
 
1123 mathias 668
	}
1361 mathias 669
	// valeurs génériques
1303 aurelien 670
	$('#grande-image-legende-' + clef).html($(this).data(clef));
1123 mathias 671
	$('#grande-image-legende-date').html(formaterDateVersFrancais($(this).data('date')));
1192 aurelien 672
	$('#grande-image-legende-id-destinataire').attr('href', urlPopup+'?module=popup-contact&action=form&referentiel='+REFERENTIEL+'&id_destinataire=' +
1208 mathias 673
			$(this).data('id-destinataire') + '&id_img=' + $(this).data('id-image'));
1317 aurelien 674
	$('#grande-image-legende-id-destinataire').attr('title', "Envoyer un message \xE0 l'auteur \xE0 propos de cette image (n\xE9cessite d'\xEAtre identifi\xE9)");
1131 mathias 675
	$('#grande-image-legende-auteur').attr('href', 'http://tela-botanica.org/profil:' + $(this).data('id-destinataire'));
1208 mathias 676
	$('#grande-image-legende-auteur').attr('target', '_blank');
1317 aurelien 677
	$('#grande-image-legende-auteur').attr('title', "Voir le profil de cet utilisateur (n\xE9cessite d'\xEAtre identifi\xE9)");
1309 aurelien 678
 
679
 
680
	$('#grande-image-legende-id-image a.lien_telechargement_image').unbind('click.fb').fancybox({
681
		"type" : "iframe",
682
		"autoDimensions" : false,
683
		"width" : 800,
684
		"height" : 405,
685
		"titleShow" : false
686
	});
1123 mathias 687
}
688
 
1303 aurelien 689
function obtenirUrlMoyenFormatIdImage(idImage) {
690
	idImage = remplirChaineDebut(idImage, "0", 9);
691
	return urlImagesOrganesMoyenFormatTpl.replace('{id_image}', idImage);
692
}
693
 
694
function obtenirUrlGrandFormatIdImage(idImage) {
695
	idImage = remplirChaineDebut(idImage, "0", 9);
696
	return urlImagesOrganesGrandFormatTpl.replace('{id_image}', idImage);
697
}
698
 
699
function remplirChaineDebut(chaine, remplissage, longueur) {
700
	while(chaine.toString().length < longueur) {
701
		chaine = remplissage.toString()+chaine.toString();
702
	}
703
	return chaine;
704
}
705
 
1123 mathias 706
// transforme une date du type "2012-04-06" en "06 avril 2012"
707
function formaterDateVersFrancais(date) {
708
	var mois = ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'],
709
		amj_hms = date.split(' '),
710
		amj = amj_hms[0].split('-');
711
	return amj[2] + ' ' + mois[parseInt(amj[1]) - 1] + ' ' + amj[0];
712
}
713
 
966 aurelien 714
function redimensionnerOnglets() {
715
 
716
	var largeurTotale = $('#zone_onglets').width();
717
	var largeurOnglets = 0;
718
	var largeurDernierOnglet = 0;
719
	$('#onglets li').each(function() {
720
		largeurDernierOnglet = $(this).outerWidth();
721
		largeurOnglets += $(this).outerWidth();
722
	});
723
 
724
	var espaceRestant = largeurTotale - largeurOnglets;
725
	if(espaceRestant < largeurDernierOnglet) {
726
		var pxALiberer = (largeurDernierOnglet - espaceRestant)/ $('#onglets li').size();
727
		$('#onglets li').each(function() {
728
			$(this).width($(this).width() - (pxALiberer - 4));
729
			$(this).css("font-size", "0.9em");
730
		});
731
	} else {
732
		$('#onglets li').each(function() {
733
			$(this).css("width", "auto");
734
			$(this).css("font-size", "1em");
735
		});
736
	}
737
}
738
 
1123 mathias 739
// ouvre le popup de galerie lors d'un clic sur l'illustration dans la fiche synthèse
864 aurelien 740
function gererClicIllustrationsFiche() {
917 aurelien 741
	$('.illustration_cel').live('click', function() {
742
		var url_image = $(this).attr('src');
922 aurelien 743
		var titre = $('.nomenclature').first().text();
1136 mathias 744
		var url = urlPopup+"?module=popup-galerie&action=fiche&num_nom="+$(this).attr('data-num-nom')+"&titre="+encodeURIComponent(titre)+"&url_image="+encodeURIComponent(url_image)+"&referentiel="+REFERENTIEL;
745
		//var url = urlPopup+"?module=popup-galerie-organes&action=fiche&num_nom="+$(this).attr('data-num-nom')+"&titre="+encodeURIComponent(titre)+"&url_image="+encodeURIComponent(url_image)+"&referentiel="+REFERENTIEL;
1123 mathias 746
		//alert(url);
747
		//return false;
984 aurelien 748
		window.open(url, $(this).attr('data-num-nom'), 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(400)+', height='+(375));
864 aurelien 749
	});
750
 
950 aurelien 751
	$('#synthese_repartition img').click(function(event) {
752
		// Ouverture de l'onglet répartition
753
		event.preventDefault();
754
		$(this).parents(".module").find("a.titreOnglet").click();
864 aurelien 755
	});
756
}
757
 
758
function ouvrirFenetreIllustrationFiche(url, titre, hauteur, largeur) {
928 aurelien 759
	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 760
	var tmp = fenetre.document;
761
	tmp.write('<html><head><title>'+titre+'</title>');
762
	tmp.write('</head><body>');
763
	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>');
764
	tmp.write('</body></html>');
765
	tmp.close();
766
}
767
 
1246 aurelien 768
 
769
// met à jour l'url dans la barre du navigateur ainsi que dans le permalien en bas
770
// de la fiche
1243 aurelien 771
function mettreAJourUrl(nouvelleUrl, etat) {
1246 aurelien 772
	$('#permalien_num_nom').val(nouvelleUrl);
1243 aurelien 773
	if (!!(window.history && window.history.pushState)) {
774
		var currentState = window.history.state;
775
		if (currentState != nouvelleUrl && !!etat) {
776
			window.history.pushState(etat, "", nouvelleUrl);
777
		}
778
	}
779
}
780
 
1246 aurelien 781
function gererInteractionsPermaliens() {
782
	$(".conteneur_permalien > a").each(function() {
783
		var txt = '<input type="text" id="'+$(this).attr('id')+'" readonly="readonly" class="lien_externe" value="'+$(this).attr('href')+'">';
784
		$(this).replaceWith(txt);
785
	});
786
	$(".conteneur_permalien > input").each(function() {
787
		$(this).attr('size', $(this).val().length - 7);
788
	});
789
	$(".conteneur_permalien > input").hover(
790
		function() {
791
			 $(this).select();
792
		}, function() {
793
			// rien à faire sur le mouseout
794
		}
795
	);
796
}
797
 
1381 aurelien 798
function gererTemplatesChargementALaDemande() {
1400 aurelien 799
	$('.lien-ajax-tpl a.lien-ajax-tpl-chargement').live('click', function(e) {
1381 aurelien 800
		if($(this).attr('data-loading') != "true") {
801
			$(this).attr('data-loading', "true");
802
			e.preventDefault();
803
			urlTpl = $(this).attr('href');
804
			$(this).hide();
805
			thisElementParent = $(this).parent();
806
			thisElementParent.append("<div class='tab-chargement'>Chargement des informations...</div>");
807
			$.get(urlTpl, function( data ) {
808
				thisElementParent.replaceWith( data );
809
			});
810
			return false;
811
		}
812
	});
813
}
814
 
324 gduche 815
$(document).ajaxStop(function() {
761 aurelien 816
	gererChargementGraphiqueEcologie();
971 aurelien 817
	gererAffichageLegendeEcologie();
1381 aurelien 818
	gererTemplatesChargementALaDemande();
324 gduche 819
	if (document.implementation.hasFeature('http://www.w3.org/TR/SVG11/feature#BasicStructure', '1.1') == false) {
480 jpm 820
		$('.svg').each(function() {
821
			alt = $(this).attr('alt');
822
			img = document.createElement('img');
823
			img.src = alt;
824
			$(this).replaceWith(img);
825
		});
324 gduche 826
	}
999 raphael 827
});
1381 aurelien 828