Subversion Repositories eFlore/Applications.cel

Rev

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

Rev Author Line No. Line
587 jpm 1
<!-- WIDGET:CEL:PHOTO - DEBUT -->
879 jpm 2
<div id="cel-photo-contenu<?=$id?>" class="cel-photo-contenu">
587 jpm 3
	<!-- Feuilles de styles -->
4
	<style type="text/css">
879 jpm 5
		#cel-photo-contenu<?=$id?>, #cel-galerie-photo<?=$id?>{
587 jpm 6
			width:<?=(($colonne * 69))?>px;
7
		}
879 jpm 8
		#cel-galerie-photo<?=$id?> #cel-photo-extra<?=$id?> img{
587 jpm 9
			width:<?=(($colonne * 69)-6)?>px;
10
		}
11
	</style>
879 jpm 12
 
587 jpm 13
<?php if (isset($erreurs) || isset($informations)) : ?>
14
	<h1>Erreur &amp; informations</h1>
15
	<p>Impossible d'afficher le flux.</p>
16
	<!-- Affichage des erreurs et messages d'information : -->
17
	<?php if ($erreurs) : ?>
18
		<?php foreach ($erreurs as $erreur) : ?>
19
			<p class="erreur"><?=$erreur;?></p>
20
		<?php endforeach; ?>
21
	<?php endif; ?>
22
 
23
	<?php if ($informations) : ?>
24
		<?php foreach ($informations as $information) : ?>
25
			<p class="info"><?=$information;?></p>
26
		<?php endforeach; ?>
27
	<?php endif; ?>
28
<?php else : ?>
29
 	<h1>
879 jpm 30
 		<? if (!empty($titre)) : ?>
1480 aurelien 31
 			<?=$titre?>
32
 		<? endif ; ?>
33
 		<? if($icone_rss) : ?>
587 jpm 34
 		<a href="<?=$flux_rss_url?>"
1480 aurelien 35
			class="cel-photo-flux"
587 jpm 36
			title="Suivre les images"
37
			onclick="window.open(this.href);return false;">
38
			<img src="http://www.tela-botanica.org/sites/commun/generique/images/rss.png" alt="Suivre les images" />
39
		</a>
1480 aurelien 40
		<? endif; ?>
587 jpm 41
 	</h1>
879 jpm 42
	<div id="cel-galerie-photo<?=$id?>">
587 jpm 43
	<?php foreach ($items as $item) : ?>
44
		<div class="cel-photo">
879 jpm 45
			<a href="<?=sprintf($item['url_tpl'], 'XL')?>" class="cel-img" title="<?=$item['titre']?> - Publiée le <?=$item['date']?> - GUID : <?=$item['guid']?>" rel="galerie-princ<?=$id?>">
686 jpm 46
				<img src="<?=sprintf($item['url_tpl'], 'CRX2S')?>" alt="<?=$item['titre']?>"/>
587 jpm 47
			</a>
48
			<div id="cel-info-<?=$item['guid']?>" class="cel-infos">
49
				<strong>
1495 aurelien 50
					<?php if ($item['eflore_url'] != '#' && $item['eflore_url'] != '') { ?>
51
					<a class="cel-img-titre" href="<?=$item['eflore_url']?>"
52
						onclick="window.open(this.href);return false;"
53
						title="Cliquez pour accéder à la fiche eFlore">
54
						<?=$item['infos']['nom_sci']?>
55
					</a> par
56
					<a class="cel-img-contact"
57
						href="<?= $url_widget ?>?mode=contact&nn=<?= urlencode($item['infos']['nn']) ;?>&nom_sci=<?= urlencode($item['infos']['nom_sci']) ;?>&date=<?= urlencode($item['infos']['date']) ;?>&id_image=<?= $item['guid']; ?>"
58
						title="Cliquez pour contacter l'auteur de la photo">
59
						<?=$item['infos']['auteur']?>
60
					</a>
61
					le <?=$item['infos']['date']?>
1451 aurelien 62
					<?php } else { ?>
587 jpm 63
						<?=$item['titre']?>
1451 aurelien 64
					<?php } ?>
587 jpm 65
				</strong><br />
66
				<span class="cel-img-date">Publiée le <?=$item['date']?></span>
67
 			</div>
68
		</div>
69
	<?php endforeach; ?>
70
	<?php if ($extra_actif) : ?>
879 jpm 71
		<div id="cel-photo-extra<?=$id?>" class="cel-photo cel-photo-extra">
72
			<a href="<?=sprintf($extra['url_tpl'], 'XL')?>" class="cel-img" title="<?=$extra['titre']?> - Publiée le <?=$extra['date']?> - GUID : <?=$extra['guid']?>" rel="galerie-princ<?=$id?>">
686 jpm 73
				<img src="<?=sprintf($extra['url_tpl'], 'CRS')?>" alt="<?=$extra['titre']?>"/>
587 jpm 74
			</a>
75
		</div>
76
	</div>
77
	<?php endif ?>
879 jpm 78
	<p class="cel-photo-pieds discretion nettoyage">
79
		<span class="cel-photo-source">
80
			Source :
1480 aurelien 81
			<a href="http://www.tela-botanica.org/page:cel" title="Carnet en Ligne" onclick="window.open(this.href);return false;">
879 jpm 82
		 		CEL
83
		 	</a>
84
	 	</span>
85
	 	<span class="cel-photo-date-generation">Au <?=strftime('%A %d %B %Y à %H:%M:%S')?></span>
86
	 </p>
587 jpm 87
	<script type="text/Javascript">
88
		//<![CDATA[
1480 aurelien 89
		var utiliseFancybox = "<?= $utilise_fancybox; ?>";
90
		if(utiliseFancybox) {
91
			$(document).ready(function() {
92
				$('a.cel-img').attr('rel', 'galerie-princ<?=$id?>').fancybox({
93
					transitionIn:'elastic',
94
					transitionOut:'elastic',
95
					speedIn	:600,
96
					speedOut:200,
97
					overlayShow:true,
98
					titleShow:true,
99
					titlePosition:'inside',
100
					titleFormat:function (titre, currentArray, currentIndex, currentOpts) {
101
						var motif = /GUID : ([0-9]+)$/;
102
						motif.exec(titre);
103
						var guid = RegExp.$1;
104
						var info = $('#cel-info-'+guid).clone().html();
105
						var tpl =
106
							'<div class="cel-legende">'+
107
							'<p class="cel-legende-vei">'+'Image n°' + (currentIndex + 1) + ' sur ' + currentArray.length +'<\/p>'+
108
							(titre && titre.length ? '<p>'+info+'<\/p>' : '' )+
109
							'<\/div>';
110
						return tpl;
111
					}
112
				});
587 jpm 113
			});
1480 aurelien 114
		} else {
115
			$('a.cel-img').click(function(event) {
116
				ouvrirFenetrePopup($(this));
117
				event.preventDefault();
118
			});
119
		}
1495 aurelien 120
 
121
		$(document).ready(function() {
122
			$('a.cel-img-contact').live('click', function(event) {
123
				event.preventDefault();
124
				ouvrirFenetreContact($(this));
125
			});
126
		});
127
 
1480 aurelien 128
		function ouvrirFenetrePopup(lienImage) {
1495 aurelien 129
			var url = "?mode=popup&url_image="+lienImage.attr('href')+'&galerie_id=<?= $galerie_id ?>';
1480 aurelien 130
			window.open(url, '', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(700)+', height='+(650));
131
		}
1495 aurelien 132
 
133
 
134
		function ouvrirFenetreContact(lienImage) {
135
			var url = lienImage.attr("href");
136
			window.open(url, '_blank', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(400)+', height='+(550));
137
		}
587 jpm 138
		//]]>
139
	</script>
140
<?php endif; ?>
141
</div>
142
<!-- WIDGET:CEL:PHOTO - FIN -->