Subversion Repositories eFlore/Applications.eflore-consultation

Rev

Rev 990 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 990 Rev 991
Line 14... Line 14...
14
$index_icones = 0;
14
$index_icones = 0;
Line 15... Line 15...
15
 
15
 
16
$txt_vide = "Aucune donnée disponible.";
16
$txt_vide = "Aucune donnée disponible.";
17
$nb_onglets = 0;
17
$nb_onglets = 0;
18
?>	
18
?>	
19
		<div id="up" onclick="gestionPopover();">
19
<div onclick="gestionPopover();">
20
			<header class="row-fluid">
20
	<header class="row-fluid">
21
				<div class="padding-05em">
21
		<div class="padding-05em">
22
					<div class="tela pull-left">
22
			<div class="tela pull-left">
23
						<a href="http://tela-botanica.org" rel="external" title="Retour à Tela-Botanica.org">
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" />
24
					<img src="modules/mobile/presentations/logos/tela.png" alt="Logo Tela" />
25
						</a>
25
				</a>
26
					</div>
26
			</div>
27
					<div class="text-center titre">
27
			<div class="text-center titre">
28
						<? if ($nomsCommuns[0]['nom_vernaculaire'] != '') : ?>
28
				<? if ($nomsCommuns[0]['nom_vernaculaire'] != '') : ?>
29
							<?= $nomsCommuns[0]['nom_vernaculaire'] ?>
29
					<?= $nomsCommuns[0]['nom_vernaculaire'] ?>
30
						<? else : ?>
30
				<? else : ?>
31
							<? if ($texte['titre'][0] != '') : ?>
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">
-
 
44
				<a href="#div-infos-latin" class="btn btn-large btn-pop" 
-
 
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 != '') : ?>
32
								<?= $texte['titre'][0]; ?>
50
								<?= $nom_retenu; ?>
33
							<? else : ?>
51
							<? else : ?>
34
								Aucun nom commun défini.
52
								Aucun nom scientifique.
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">
-
 
44
						<a href="#div-infos-latin" class="btn btn-large btn-pop" 
-
 
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; ?>
-
 
51
									<? else : ?>
-
 
52
										Aucun nom scientifique.
-
 
53
									<? endif; ?>
53
							<? endif; ?>
54
						</a>
54
				</a>
55
					</div>
55
			</div>
56
				</div> 
-
 
Line 57... Line 56...
57
				
56
		</div> 
58
				
57
				
59
				<div id="div-illustrations" class="row-fluid">
58
		<div id="div-illustrations" class="row-fluid">
60
					<? if (count($illustrations) != 0) : ?>
59
			<? if (count($illustrations) != 0) : ?>
61
						<div class="align-center" onclick="gestionSlider();">
60
				<div class="align-center" onclick="gestionSlider();">
62
							<a href="#btn-latin" class="" id="gstn-img">
61
					<a href="#btn-latin" class="" id="gstn-img">
63
								<img src="<?= $illustrations[0]['src'] ?>" alt="Miniature" class="pull-left">
62
						<img src="<?= $illustrations[0]['src'] ?>" alt="Miniature" class="pull-left">
64
								<img src="modules/mobile/presentations/icones/zoom.png" class="zoom pull-left"/>
63
						<img src="modules/mobile/presentations/icones/zoom.png" class="zoom pull-left"/>
65
								<img src="<?= $illustrations[1]['src'] ?>" alt="Miniature" class="pull-left">
-
 
66
							</a>
-
 
67
						</div>
-
 
68
						<div id="slider-pictures" class="carousel slide margin-top-05em">
-
 
69
							<button class="btn btn-large" onclick="gestionSlider();">
-
 
70
								<i class="icon-remove pull-left"></i>
-
 
71
							</button>
-
 
72
							<ol class="carousel-indicators">
-
 
73
								<? for($i = 0; $i < count($illustrations); $i++) : ?>
-
 
74
									<li data-target="#slider-pictures" data-slide-to="<?= $i ?>" class="<?= ($i == 0) ? 'active' : ''; ?>"></li>
-
 
75
								<? endfor; ?>
-
 
76
							</ol>
-
 
77
							
-
 
78
							<div class="carousel-inner">		
-
 
79
								<? for($i = 0; $i < count($illustrations); $i++) : ?>
-
 
80
									<div class="item <?= ($i == 0) ? ' active' : ''; ?>">
-
 
81
										<img src="<?= $illustrations[$i]['src'] ?>" alt="Image_<?= $i ?>" >
-
 
82
										<div class="carousel-caption">
-
 
83
											<h4><?= $illustrations[$i]['legende']['titre'] ?></h4>
-
 
84
											<p><?= $illustrations[$i]['legende']['texte'] ?></p>
-
 
85
										</div>
-
 
86
									</div>
-
 
87
								<? endfor; ?>
-
 
88
							</div>
-
 
89
							
-
 
90
							<a class="left carousel-control" href="#slider-pictures" data-slide="prev">&lsaquo;</a>
-
 
91
							<a class="right carousel-control" href="#slider-pictures" data-slide="next">&rsaquo;</a>
-
 
92
						</div>		
64
						<img src="<?= $illustrations[1]['src'] ?>" alt="Miniature" class="pull-left">
-
 
65
					</a>
-
 
66
				</div>
-
 
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; ?>
-
 
87
					</div>
-
 
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>		
Line 93... Line 92...
93
					<? endif; ?>					
92
			<? endif; ?>					
94
				</div>
93
		</div>
95
				
94
				
96
						
95
						
97
				<div id="div-infos-famille" class="row-fluid">
96
		<div id="div-infos-famille" class="row-fluid">
98
					<div class="align-center">
97
			<div class="align-center">
99
						<a href="#div-infos-famille" class="btn btn-large btn-pop" data-content="<?= $txt_famille; ?>" 
98
				<a href="#div-infos-famille" class="btn btn-large btn-pop" data-content="<?= $txt_famille; ?>" 
100
								data-placement="bottom" data-toggle="popover" data-html="true" 
99
						data-placement="bottom" data-toggle="popover" data-html="true" 
101
								data-original-title="<div onclick='gestionPopover();'>Pourquoi une famille de plante ?</div>"
100
						data-original-title="<div onclick='gestionPopover();'>Pourquoi une famille de plante ?</div>"
102
								onclick="resetPopover();">
101
						onclick="resetPopover();">
103
									<? if ($famille != '') : ?>
102
							<? if ($famille != '') : ?>
104
											Famille des <span class="small-caps"><?= $famille; ?></span>
103
									Famille des <span class="small-caps"><?= $famille; ?></span>
105
									<? else : ?>
-
 
106
										<span class="none">En savoir plus sur les familles de plante</span>
-
 
107
									<? endif; ?>
104
							<? else : ?>
-
 
105
								<span class="none">En savoir plus sur les familles de plante</span>
-
 
106
							<? endif; ?>
108
						</a>
107
				</a>
109
					</div>
108
			</div>
110
				</div>
109
		</div>
111
			</div>
110
	</div>
112
			<span class="gradient-bas"></span>
111
	<span class="gradient-bas"></span>
113
			<?= $floraison['coste']['texte']; ?>
112
	<?= $floraison['coste']['texte']; ?>
114
			
113
	
Line 115... Line 114...
115
			<div class="resume">
114
	<div class="resume">
116
			<? if (count($texte['corps']) > 1) : ?>
115
		<? if (count($texte['corps']) > 1) : ?>
117
					<?= $texte['corps'][2]; ?>
116
			<?= $texte['corps'][2]; ?>
118
				</div>
117
	</div>
119
				
118
				
120
				<? for($index = 3; $index < count($texte['corps'])-1; $index+=2) : ?>
119
			<? for($index = 3; $index < count($texte['corps'])-1; $index+=2) : ?>
121
					<? if (isset($texte['corps'][$c+1])) : 
120
				<? if (isset($texte['corps'][$c+1])) : 
122
						$nb_onglets++;
121
						$nb_onglets++;
123
						$class = ($nb_onglets % 2 == 0) ? "couleur1-bg" : "couleur2-bg";
122
						$class = ($nb_onglets % 2 == 0) ? "couleur1-bg" : "couleur2-bg";
124
					?>	
123
					?>	
125
						<div class="row-fluid infos">
124
					<div class="row-fluid infos">
126
							<div class="btn btn-block <?= $class ?>" data-toggle="collapse" data-target="#c<?= $index ?>"> 
125
						<div class="btn btn-block <?= $class ?>" data-toggle="collapse" data-target="#c<?= $index ?>"> 
127
								<h4 class="padding-left-1em">
126
							<h4 class="padding-left-1em">
128
									<i class="<?= $icones[$index_icones++]; ?> pull-left"></i>
127
								<i class="<?= $icones[$index_icones++]; ?> pull-left"></i>
129
									<?= $texte['corps'][$index]; ?>
128
								<?= $texte['corps'][$index]; ?>
130
								</h4>
129
							</h4>
131
							</div>
130
						</div>
132
							<div id="c<?= $index ?>" class="collapse">
131
						<div id="c<?= $index ?>" class="collapse">
133
								<div class="bg <?= $class ?>">
132
							<div class="bg <?= $class ?>">
134
									<div class="textes">
133
								<div class="textes">
135
										<? if ($index == 9) : ?>
134
									<? if ($index == 9) : ?>
136
											<div class="span6 margin-right-05em">
135
										<div class="span6 margin-right-05em">
137
												Carte de répartition <br />
136
											Carte de répartition <br />
138
												<ul id="galerie_carte" class="gallery style-none margin-center">
137
											<ul id="galerie_carte" class="gallery style-none margin-center">
139
													<li>
138
												<li>
140
														<a href="<?= $repartition['chorodep'] ?>" rel="external">
139
													<a href="<?= $repartition['chorodep'] ?>" rel="external">
141
															<img src="<?= $repartition['chorodep'] ?>" class="" title="Carte de répartition" alt="Carte de répartition" />
140
														<img src="<?= $repartition['chorodep'] ?>" class="" title="Carte de répartition" alt="Carte de répartition" />
142
														</a>
-
 
143
													</li>
-
 
144
												</ul>
-
 
145
											</div>
-
 
146
											<div class="">
141
													</a>
-
 
142
												</li>
-
 
143
											</ul>
-
 
144
										</div>
-
 
145
										<div class="">
147
												<?= $texte['corps'][$index+1]; ?>
146
											<?= $texte['corps'][$index+1]; ?>
148
											</div>
147
										</div>
149
											<div class="clearfix"></div>
148
										<div class="clearfix"></div>
150
										<? else : ?>
149
									<? else : ?>
151
											<?= $texte['corps'][$index+1]; ?>
150
										<?= $texte['corps'][$index+1]; ?>
152
										<? endif; ?>
151
									<? endif; ?>
153
									</div>		<!-- Fin de la zone de texte -->
152
								</div>		<!-- Fin de la zone de texte -->
-
 
153
							</div>
-
 
154
						</div>		<!-- Fin de la zone déroulante -->
-
 
155
					</div>		<!-- Fin du bloc infos -->
154
								</div>
156
				<? endif; ?>
-
 
157
			<? endfor; ?>			
155
							</div>		<!-- Fin de la zone déroulante -->
158
		<? else : ?>
156
						</div>		<!-- Fin du bloc infos -->
159
			<? if ($floraison['coste']['description']['texte'] != '') : ?>
-
 
160
				<?= $floraison['coste']['description']['texte']; ?>
-
 
161
			<? else : ?>
-
 
162
				<? if (count($floraison['baseflor']) > 1) : ?>
157
					<? endif; ?>
163
					<? foreach ($floraison['baseflor'] as $index => $texte) : ?>
158
				<? endfor; ?>			
-
 
159
			<? else : ?>
-
 
160
				<? if ($floraison['coste']['description']['texte'] != '') : ?>
-
 
161
					<?= $floraison['coste']['description']['texte']; ?>
-
 
162
				<? else : ?>
-
 
163
					<? if (count($floraison['baseflor']) > 1) : ?>
-
 
164
						<? foreach ($floraison['baseflor'] as $index => $texte) : ?>
-
 
165
							<? if ($floraison['baseflor'][$index] != '') : ?>
164
						<? if ($floraison['baseflor'][$index] != '') : ?>
166
								<?= $index.' : '.$texte; ?> <br />
-
 
167
							<? endif; ?>
165
							<?= $index.' : '.$texte; ?> <br />
168
						<? endforeach; ?>
-
 
169
					<? else : ?>
-
 
170
						<?= $txt_vide; ?>
166
						<? endif; ?>
-
 
167
					<? endforeach; ?>
-
 
168
				<? else : ?>
-
 
169
					<?= $txt_vide; ?>
171
					<? endif; ?>
170
				<? endif; ?>