Subversion Repositories eFlore/Applications.eflore-consultation

Rev

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

Rev Author Line No. Line
1410 aurelien 1
<?php
2
	$icones = array('glyphicon-eye-open', 'glyphicon-grain', 'glyphicon-home');
3
	$index_icones = 0;
4
?>
5
<!DOCTYPE html>
6
<html>
7
	<head>
8
		<title>Smart'Flore</title>
9
 
10
		<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
11
		<meta http-equiv="content-style-type" content="text/css" />
12
		<meta http-equiv="content-script-type" content="text/javascript" />
13
		<meta http-equiv="content-language" content="fr" />
14
		<meta http-equiv="cache-control" content="no-cache">
15
 
16
		<!-- Favicones -->
17
		<link rel="shortcut icon" type="image/x-icon" href="http://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
18
 
19
		<!-- Viewport -->
20
		<meta name="apple-mobile-web-app-capable" content="yes" />
21
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
1415 aurelien 22
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
1410 aurelien 23
 
24
		<!-- CSS -->
1431 mathias 25
		<link href="http://resources.tela-botanica.org/jquery/photoswipe/3.0.5/photoswipe.css" type="text/css" rel="stylesheet" />
26
		<link href="http://resources.tela-botanica.org/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
1410 aurelien 27
		<link href="<?= $css ?>" rel="stylesheet" type="text/css" id="custom-css" />
28
		<link href="modules/mobile/presentations/css/smartflore.css" rel="stylesheet" type="text/css" id="smart-flore-css" />
29
 
30
		<!-- Javascript -->
1431 mathias 31
		<script src="http://resources.tela-botanica.org/jquery/2.1.4/jquery.min.js"></script>
32
		<script src="http://resources.tela-botanica.org/jquery/photoswipe/3.0.5/klass.min.js"></script>
33
		<script src="http://resources.tela-botanica.org/jquery/photoswipe/3.0.5/code.photoswipe.jquery-3.0.5.min.js"></script>
34
		<script src="http://resources.tela-botanica.org/bootstrap/3.3.4/js/bootstrap.min.js"></script>
1410 aurelien 35
		<script src="modules/mobile/presentations/js/mobile.js"></script>
1450 mathias 36
 
37
		<!-- Google Analytics (en prod seulement) -->
38
		<?php if($prod): ?>
39
		<script>
40
			(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
41
			(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
42
			m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
43
			})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
44
 
45
			ga('create', 'UA-57885-5', 'auto');
46
			ga('send', 'pageview');
47
			//console.log('{"tag": "<?= $tag_fiche ?>", "nom_sci": "<?= $infos_nom['nom_sci'] ?>", "referentiel": "<?= $infos_nom['referentiel'] ?>"}');
48
			ga('send', 'event', 'fiche', 'consultation', '{"tag": "<?= $tag_fiche ?>", "nom_sci": "<?= $infos_nom['nom_sci'] ?>", "referentiel": "<?= $infos_nom['referentiel'] ?>"}', 1);
49
		</script>
50
		<?php endif; ?>
1410 aurelien 51
		<style>
52
			.btn {border-radius:2em;}
53
			.container-fluid {padding: 0px;}
54
			[class*="span"] {margin-left: 0px;}
55
			.accordion {margin-top: 1em;}
56
			.accordion-heading .accordion-toggle {padding: 0pt 10px;}
57
		</style>
58
	</head>
59
 
60
	<body>
61
		<div id="smartflore-fiche">
62
			<div id="smartflore-entete">
63
				<h1>
64
					<img id="smart-flore-logo-tela" src="http://resources.tela-botanica.org/tb/img/128x128/logo_carre_officiel.png" /> <span class="smart-flore-sf">S</span>mart'<span class="smart-flore-sf">F</span>lore
65
				</h1>
66
			</div>
67
 
68
			<div id="smartflore-illustrations">
69
				<div id="smartflore-noms">
1435 aurelien 70
					<?php if(!empty($infos_nom['nom_verna'])) { ?>
71
						<h2 class="smartflore-nom-verna">
72
							<?= $infos_nom['nom_verna']; ?>
73
						</h2>
74
						<h3 class="smartflore-nom-sci">
75
							<?= $infos_nom['nom_sci']; ?>
76
						</h3>
77
					<?php } else { ?>
78
						<h2>
79
							<?= $infos_nom['nom_sci']; ?>
80
						</h2>
81
					<?php } ?>
1410 aurelien 82
					<h4 class="smartflore-famille">
1435 aurelien 83
						Famille des <?= $infos_nom['famille']; ?>
1410 aurelien 84
					</h4>
85
				</div>
86
 
87
				<div id="smartflore-illustrations-galerie">
88
					<? if (count($illustrations) != 0) : ?>
89
						<div id="smartflore-illustrations-galerie-carousel" class="carousel slide" data-ride="carousel" data-interval="false">
90
							<!-- Indicators -->
91
							<ol class="carousel-indicators">
92
								<? for($ill = 0; $ill < count($illustrations); $ill++) { ?>
1425 aurelien 93
								    <li data-target="#smartflore-illustrations-galerie-carousel" data-slide-to="<?= $ill; ?>" class="<?= ($ill == 0) ? 'active' : ''; ?>"></li>
1410 aurelien 94
								<?php } ?>
95
							</ol>
96
 
97
							<!-- Wrapper for slides -->
98
							<div class="carousel-inner" role="listbox">
99
								<? for($ill = 0; $ill < count($illustrations); $ill++) { ?>
100
								    <div class="item <?= ($ill == 0) ? 'active' : ''; ?>">
101
								    	<? if (trim($illustrations[$ill]['legende']['texte']) != '&nbsp;') : ?>
102
											<? $alt = $illustrations[$ill]['legende']['titre'].' ('.$illustrations[$ill]['legende']['texte'].')'; ?>
103
										<? else : ?>
104
											<? $alt = $illustrations[$ill]['legende']['titre']; ?>
105
										<? endif; ?>
106
								      	<img class="img-responsive center-block" src="<?= $illustrations[$ill]['src']; ?>" alt="<?= $alt; ?>">
107
								      	<div class="carousel-caption">
108
								      		<?= $alt; ?>
109
								      	</div>
110
								    </div>
111
							    <?php } ?>
112
							</div>
113
 
114
							<!-- Controls -->
115
							<a class="left carousel-control" href="#smartflore-illustrations-galerie-carousel" role="button" data-slide="prev">
116
								<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
117
							    <span class="sr-only">Previous</span>
118
							</a>
119
							<a class="right carousel-control" href="#smartflore-illustrations-galerie-carousel" role="button" data-slide="next">
120
							    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
121
							    <span class="sr-only">Next</span>
122
							</a>
123
						</div>
124
					<? endif; ?>
125
				</div>
126
			</div>
127
 
128
			<div id="smartflore-sections">
129
				<div class="panel-group" id="smartflore-accordeon-sections" role="tablist" aria-multiselectable="true">
1423 aurelien 130
					<div>
1410 aurelien 131
					<? foreach($texte['corps'] as $titre_section => $texte_section) : ?>
132
						<div class="panel-heading smartflore-titre-section" role="tab" id="heading<?= md5($titre_section); ?>">
133
					      <h4 class="panel-title">
134
					        <a data-toggle="collapse" data-parent="#smartflore-accordeon-sections" href="#collapse<?= md5($titre_section); ?>" aria-expanded="true" aria-controls="collapse<?= md5($titre_section); ?>">
1413 aurelien 135
					          	<span class="glyphicon <?= $icones[$index_icones++]; ?> smartflore-titre-section-icone margin-left-1em margin-top-03em"></span>
1410 aurelien 136
								<?= $titre_section; ?>
137
					        </a>
138
					      </h4>
139
					    </div>
140
					    <div id="collapse<?= md5($titre_section); ?>" class="panel-collapse collapse smartflore-contenu-section" role="tabpanel" aria-labelledby="heading<?= md5($titre_section); ?>">
141
					      <div class="panel-body">
142
					      	<?= $texte_section; ?>
143
					      </div>
144
					    </div>
145
					<? endforeach; ?>
146
					</div>
147
				</div>
148
			</div>
149
 
150
			<div id="smartflore-footer">
151
				<div class="col-md-12">
152
					<div class="col-md-4 col-xs-4 smartflore-footer-bouton">
153
						<a href="<?= $lien_fiche; ?>" target="_blank">
154
							<button type="button" class="btn btn-default" aria-label="Left Align">
155
								En savoir plus
156
							</button>
157
						</a>
158
					</div>
159
 
160
					<div class="col-md-4 col-xs-4 smartflore-footer-bouton">
161
						<button id="smartflore-footer-button-sources" type="button" class="btn btn-default" aria-label="Left Align">
162
						  	Sources
163
						</button>
164
 
165
						<div id="smartflore-sources">
166
							<?= $texte['sources']; ?>
167
						</div>
168
					</div>
169
 
170
					<div class="col-md-4 col-xs-4 smartflore-footer-bouton">
1425 aurelien 171
						<a href="<?= $lien_edition; ?>" target="_blank">
172
							<button type="button" class="btn btn-default" aria-label="Left Align">
173
								Modifier
174
							</button>
175
						</a>
1410 aurelien 176
					</div>
177
				</div>
1423 aurelien 178
 
1424 aurelien 179
				<div class="clearfix"></div>
180
 
1423 aurelien 181
				<div class="col-md-12" id="smartflore-partenaires">
182
					<div class="panel-group" id="smartflore-accordeon-partenaires" role="tablist" aria-multiselectable="true">
183
						<div class="panel-heading smartflore-titre-partenaires" role="tab" id="heading-partenaires">
184
					      <h4 class="panel-title">
185
					        <a data-toggle="collapse" data-parent="#smartflore-accordeon-partenaires" href="#collapse-partenaires" aria-expanded="true" aria-controls="collapse-partenaires">
186
					          	<span class="glyphicon glyphicon-linkglyphicon glyphicon-link smartflore-titre-partenaires-icone margin-left-1em margin-top-03em"></span>
187
								Partenaires
188
					        </a>
189
					      </h4>
190
					    </div>
191
					    <div id="collapse-partenaires" class="panel-collapse collapse smartflore-contenu-partenaires" role="tabpanel" aria-labelledby="heading-partenaires">
192
					      <div class="panel-body">
193
					      		<div class="col-md-6 col-xs-6">
194
					      			<img class="smartflore-footer-partenaires-logo" src="<?= $url_logos; ?>logo-msjs.jpg" />
195
					      		</div>
196
					      		<div class="col-md-6 col-xs-6">
1442 aurelien 197
					      			<img class="smartflore-footer-partenaires-logo" src="<?= $url_logos; ?>logo-investissement-avenir.jpg" />
1423 aurelien 198
					      		</div>
199
					      </div>
200
					    </div>
201
					</div>
202
				</div>
1410 aurelien 203
			</div>
204
		</div>
205
	</body>
206
</html>