Subversion Repositories eFlore/Applications.eflore-consultation

Rev

Rev 1443 | Rev 1449 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

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