Subversion Repositories eFlore/Applications.eflore-consultation

Rev

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