Subversion Repositories eFlore/Applications.eflore-consultation

Rev

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

Rev Author Line No. Line
990 isa 1
<?
2
$txt_latin = "<div onclick='gestionPopover();'>
3
				Le nom latin est utilisé en sciences pour nommer un être vivant,
4
			  	ou un groupe d'êtres vivants. On l'appelle aussi nom scientifique ou encore
5
			  	nom savant, car il n'est pas employé couramment et parfois difficile à retenir.
6
			  </div>";
7
$txt_famille = "<div onclick='gestionPopover();'>
8
					Une famille rassemble des êtres vivants proches, qui se ressemblent, malgré leurs
9
					différences. Les familles botaniques sont ainsi utilisées pour classer les végétaux et pour
10
					estimer les similitudes ou affinités qu'il peut y avoir entre différentes plantes.
11
				</div>";
12
 
13
$icones = array('icon-eye-open', 'icon-book', 'icon-certificate', 'icon-home', 'icon-flag');
14
$index_icones = 0;
15
 
16
$txt_vide = "Aucune donnée disponible.";
17
$nb_onglets = 0;
18
?>
991 isa 19
<div onclick="gestionPopover();">
20
	<header class="row-fluid">
21
		<div class="padding-05em">
22
			<div class="tela pull-left">
23
				<a href="http://tela-botanica.org" rel="external" title="Retour à Tela-Botanica.org">
24
					<img src="modules/mobile/presentations/logos/tela.png" alt="Logo Tela" />
25
				</a>
26
			</div>
27
			<div class="text-center titre">
28
				<? if ($nomsCommuns[0]['nom_vernaculaire'] != '') : ?>
29
					<?= $nomsCommuns[0]['nom_vernaculaire'] ?>
30
				<? else : ?>
31
					<? if ($texte['titre'][0] != '') : ?>
32
						<?= $texte['titre'][0]; ?>
33
					<? else : ?>
34
						Aucun nom commun défini.
35
					<? endif; ?>
36
				<? endif; ?>
37
			</div>
38
		</div>
39
	</header>
40
 
41
	<div id="div-infos">
42
		<div id="div-infos-latin" class="row-fluid">
43
			<div class="align-center">
1035 isa 44
				<a href="<?= $url_absolue ?>#div-infos-latin" class="btn btn-large btn-pop"
991 isa 45
						data-content="<?= $txt_latin; ?>" data-html="true"
46
						data-placement="bottom" data-toggle="popover"
47
						data-original-title="<div onclick='gestionPopover();'>Pourquoi un nom latin ?</div>"
48
						onclick="resetPopover();">
49
							<? if ($nom_retenu != '') : ?>
50
								<?= $nom_retenu; ?>
990 isa 51
							<? else : ?>
991 isa 52
								Aucun nom scientifique.
990 isa 53
							<? endif; ?>
991 isa 54
				</a>
55
			</div>
56
		</div>
57
 
58
		<div id="div-illustrations" class="row-fluid">
59
			<? if (count($illustrations) != 0) : ?>
60
				<div class="align-center" onclick="gestionSlider();">
61
					<a href="#btn-latin" class="" id="gstn-img">
62
						<img src="<?= $illustrations[0]['src'] ?>" alt="Miniature" class="pull-left">
63
						<img src="modules/mobile/presentations/icones/zoom.png" class="zoom pull-left"/>
64
						<img src="<?= $illustrations[1]['src'] ?>" alt="Miniature" class="pull-left">
65
					</a>
990 isa 66
				</div>
991 isa 67
				<div id="slider-pictures" class="carousel slide margin-top-05em">
68
					<button class="btn btn-large" onclick="gestionSlider();">
69
						<i class="icon-remove pull-left"></i>
70
					</button>
71
					<ol class="carousel-indicators">
72
						<? for($i = 0; $i < count($illustrations); $i++) : ?>
73
							<li data-target="#slider-pictures" data-slide-to="<?= $i ?>" class="<?= ($i == 0) ? 'active' : ''; ?>"></li>
74
						<? endfor; ?>
75
					</ol>
76
 
77
					<div class="carousel-inner">
78
						<? for($i = 0; $i < count($illustrations); $i++) : ?>
79
							<div class="item <?= ($i == 0) ? ' active' : ''; ?>">
80
								<img src="<?= $illustrations[$i]['src'] ?>" alt="Image_<?= $i ?>" >
81
								<div class="carousel-caption">
82
									<h4><?= $illustrations[$i]['legende']['titre'] ?></h4>
83
									<p><?= $illustrations[$i]['legende']['texte'] ?></p>
84
								</div>
85
							</div>
86
						<? endfor; ?>
990 isa 87
					</div>
991 isa 88
 
89
					<a class="left carousel-control" href="#slider-pictures" data-slide="prev">&lsaquo;</a>
90
					<a class="right carousel-control" href="#slider-pictures" data-slide="next">&rsaquo;</a>
91
				</div>
92
			<? endif; ?>
93
		</div>
990 isa 94
 
95
 
991 isa 96
		<div id="div-infos-famille" class="row-fluid">
97
			<div class="align-center">
98
				<a href="#div-infos-famille" class="btn btn-large btn-pop" data-content="<?= $txt_famille; ?>"
99
						data-placement="bottom" data-toggle="popover" data-html="true"
100
						data-original-title="<div onclick='gestionPopover();'>Pourquoi une famille de plante ?</div>"
101
						onclick="resetPopover();">
102
							<? if ($famille != '') : ?>
103
									Famille des <span class="small-caps"><?= $famille; ?></span>
104
							<? else : ?>
105
								<span class="none">En savoir plus sur les familles de plante</span>
106
							<? endif; ?>
107
				</a>
990 isa 108
			</div>
991 isa 109
		</div>
110
	</div>
111
	<span class="gradient-bas"></span>
112
	<?= $floraison['coste']['texte']; ?>
113
 
114
	<div class="resume">
115
		<? if (count($texte['corps']) > 1) : ?>
116
			<?= $texte['corps'][2]; ?>
117
	</div>
990 isa 118
 
991 isa 119
			<? for($index = 3; $index < count($texte['corps'])-1; $index+=2) : ?>
120
				<? if (isset($texte['corps'][$c+1])) :
990 isa 121
						$nb_onglets++;
122
						$class = ($nb_onglets % 2 == 0) ? "couleur1-bg" : "couleur2-bg";
123
					?>
991 isa 124
					<div class="row-fluid infos">
125
						<div class="btn btn-block <?= $class ?>" data-toggle="collapse" data-target="#c<?= $index ?>">
126
							<h4 class="padding-left-1em">
127
								<i class="<?= $icones[$index_icones++]; ?> pull-left"></i>
128
								<?= $texte['corps'][$index]; ?>
129
							</h4>
130
						</div>
131
						<div id="c<?= $index ?>" class="collapse">
132
							<div class="bg <?= $class ?>">
133
								<div class="textes">
1102 isa 134
									<? if (stristr($texte['corps'][$index], 'cologie') != false || stristr($texte['corps'][$index], 'cologie') != false) : ?>
991 isa 135
										<div class="span6 margin-right-05em">
136
											Carte de répartition <br />
137
											<ul id="galerie_carte" class="gallery style-none margin-center">
138
												<li>
139
													<a href="<?= $repartition['chorodep'] ?>" rel="external">
1160 raphael 140
														<img style="width:190; height:178" src="<?= $repartition['chorodep'] ?>" class="" title="Carte de répartition" alt="Carte de répartition" />
991 isa 141
													</a>
142
												</li>
143
											</ul>
144
										</div>
145
										<div class="">
146
											<?= $texte['corps'][$index+1]; ?>
147
										</div>
148
										<div class="clearfix"></div>
149
									<? else : ?>
150
										<?= $texte['corps'][$index+1]; ?>
151
									<? endif; ?>
152
								</div>		<!-- Fin de la zone de texte -->
990 isa 153
							</div>
991 isa 154
						</div>		<!-- Fin de la zone déroulante -->
155
					</div>		<!-- Fin du bloc infos -->
156
				<? endif; ?>
157
			<? endfor; ?>
158
		<? else : ?>
159
			<? if ($floraison['coste']['description']['texte'] != '') : ?>
160
				<?= $floraison['coste']['description']['texte']; ?>
990 isa 161
			<? else : ?>
991 isa 162
				<? if (count($floraison['baseflor']) > 1) : ?>
163
					<? foreach ($floraison['baseflor'] as $index => $texte) : ?>
164
						<? if ($floraison['baseflor'][$index] != '') : ?>
165
							<?= $index.' : '.$texte; ?> <br />
166
						<? endif; ?>
167
					<? endforeach; ?>
990 isa 168
				<? else : ?>
991 isa 169
					<?= $txt_vide; ?>
990 isa 170
				<? endif; ?>
991 isa 171
			<? endif; ?>
172
			</div>
1160 raphael 173
		<? endif; ?>