Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 3825 Rev 3829
Line 98... Line 98...
98
		<!--  Google Analytics -->
98
		<!--  Google Analytics -->
99
		<?php if($prod): ?>
99
		<?php if($prod): ?>
100
			<?php include "analytics.html"; ?>
100
			<?php include "analytics.html"; ?>
101
		<?php endif; ?>
101
		<?php endif; ?>
102
	</head>
102
	</head>
103
	<body>
103
	<body style="margin: 0">
104
		<!-- WIDGET:CEL:PHOTO - DEBUT -->
104
		<!-- WIDGET:CEL:PHOTO - DEBUT -->
105
		<div id="cel-photo-contenu<?php echo $id; ?>" class="cel-photo-contenu">
105
		<div id="cel-photo-contenu<?php echo $id; ?>" class="cel-photo-contenu">
106
		<?php if (isset($erreurs) || isset($informations)) : ?>
106
		<?php if (isset($erreurs) || isset($informations)) : ?>
107
			<h1>Erreur &amp; informations</h1>
107
			<h1>Erreur &amp; informations</h1>
108
			<p>Impossible d'afficher le flux.</p>
108
			<p>Impossible d'afficher le flux.</p>
Line 130... Line 130...
130
					onclick="window.open(this.href);return false;">
130
					onclick="window.open(this.href);return false;">
131
					<img src="https://www.tela-botanica.org/sites/commun/generique/images/rss.png" alt="Suivre les images" />
131
					<img src="https://www.tela-botanica.org/sites/commun/generique/images/rss.png" alt="Suivre les images" />
132
				</a>
132
				</a>
133
				<?php endif; ?>
133
				<?php endif; ?>
134
		 	</h1>
134
		 	</h1>
-
 
135
		 	<?php if (!empty($champ_recherche)) : ?>
135
	 		<form id="form-recherche<?php echo $id; ?>" class="form-recherche container" action="">
136
		 		<form id="form-recherche<?php echo $id; ?>" class="form-recherche container" action="">
136
		 		<div id="bloc-recherche<?php echo $id; ?>" class="bloc-recherche form-inline d-flex justify-content-center w-100">
137
			 		<div id="bloc-recherche<?php echo $id; ?>" class="bloc-recherche form-inline d-flex justify-content-center w-100">
137
		 			<input type="text" id="champ-recherche<?php echo $id; ?>" name="champ-recherche<?php echo $id; ?>" class="recherche form-control mr-1" placeholder="Votre recherche">
138
			 			<input type="text" id="champ-recherche<?php echo $id; ?>" name="champ-recherche<?php echo $id; ?>" class="recherche form-control mr-1" placeholder="Votre recherche">
138
		 			<input type="hidden" id="filtres<?php echo $id; ?>" name="filtres<?php echo $id; ?>">
139
			 			<input type="hidden" id="filtres<?php echo $id; ?>" name="filtres<?php echo $id; ?>">
139
		 			<a id="bouton-rechercher<?php echo $id; ?>" class="btn btn-success bouton-rechercher mr-1"><i class="fas fa-search"></i>&nbsp;Rechercher</a>
140
			 			<a id="bouton-rechercher<?php echo $id; ?>" class="btn btn-success bouton-rechercher mr-1"><i class="fas fa-search"></i>&nbsp;Rechercher</a>
140
		 			<a id="bouton-plus-filtres<?php echo $id; ?>" class="btn btn-outline-secondary bouton-plus-filtres">
141
			 			<a id="bouton-plus-filtres<?php echo $id; ?>" class="btn btn-outline-secondary bouton-plus-filtres">
141
		 				<span class="plus">
142
			 				<span class="plus">
142
		 					<i class="fas fa-chevron-down"></i>&nbsp;Plus&nbsp;de&nbsp;filtres
143
			 					<i class="fas fa-chevron-down"></i>&nbsp;Plus&nbsp;de&nbsp;filtres
143
		 				</span>
144
			 				</span>
144
		 				<span class="moins hidden">
145
			 				<span class="moins hidden">
145
		 					<i class="fas fa-chevron-up"></i>&nbsp;Fermer&nbsp;les&nbsp;filtres
146
			 					<i class="fas fa-chevron-up"></i>&nbsp;Fermer&nbsp;les&nbsp;filtres
146
		 				</span>
147
			 				</span>
147
	 				</a>
148
		 				</a>
148
		 		</div>
149
			 		</div>
149
	 			<div id="autres-filtres<?php echo $id; ?>" class="autres-filtres row hidden">
150
		 			<div id="autres-filtres<?php echo $id; ?>" class="autres-filtres row hidden">
150
	 				<a id="bouton-fermer-filtres<?php echo $id; ?>" class="btn bouton-fermer-filtres"><i class="fas fa-times"></i></a>
151
		 				<a id="bouton-fermer-filtres<?php echo $id; ?>" class="btn bouton-fermer-filtres"><i class="fas fa-times"></i></a>
151
					<div id="bloc-filtres-gauche" class="bloc-filtres bloc-filtres-gauche col-lg-6">
152
						<div id="bloc-filtres-gauche" class="bloc-filtres bloc-filtres-gauche col-lg-6">
152
						<div class="row bloc-taxon bloc-filtre">
153
							<div class="row bloc-taxon bloc-filtre">
153
							<label for="taxon">Taxon</label>
154
								<label for="taxon">Taxon</label>
154
							<input type="text" id="taxon" name="taxon" class="form-control">
155
								<input type="text" id="taxon" name="taxon" class="form-control">
155
						</div>
156
							</div>
156
						<div class="row bloc-referentiel bloc-filtre">
157
							<div class="row bloc-referentiel bloc-filtre">
157
							<label for="referentiel">Référentiel</label>
158
								<label for="referentiel">Référentiel</label>
158
							<select name="referentiel" id="referentiel" class="custom-select form-control referentiel">
159
								<select name="referentiel" id="referentiel" class="custom-select form-control referentiel">
159
								<option value="bdtfxr" selected="selected" title="Trachéophytes de France métropolitaine">Métropole (index réduit)</option>
160
									<option value="bdtfxr" selected="selected" title="Trachéophytes de France métropolitaine">Métropole (index réduit)</option>
160
								<option value="bdtfx" title="Trachéophytes de France métropolitaine">Métropole (BDTFX)</option>
161
									<option value="bdtfx" title="Trachéophytes de France métropolitaine">Métropole (BDTFX)</option>
161
								<option value="bdtxa" title="Trachéophytes des Antilles">Antilles françaises (BDTXA)</option>
162
									<option value="bdtxa" title="Trachéophytes des Antilles">Antilles françaises (BDTXA)</option>
162
								<option value="bdtre" title="Trachéophytes de La Réunion">Réunion (BDTRE)</option>
163
									<option value="bdtre" title="Trachéophytes de La Réunion">Réunion (BDTRE)</option>
163
								<option value="aublet" title="Guyane">Guyane (AUBLET2)</option>
164
									<option value="aublet" title="Guyane">Guyane (AUBLET2)</option>
164
								<option value="florical" title="Nouvelle-Calédonie">Nouvelle-Calédonie (FLORICAL)</option>
165
									<option value="florical" title="Nouvelle-Calédonie">Nouvelle-Calédonie (FLORICAL)</option>
165
								<option value="isfan" title="Afrique du Nord">Afrique du Nord (ISFAN)</option>
166
									<option value="isfan" title="Afrique du Nord">Afrique du Nord (ISFAN)</option>
166
								<option value="apd" title="Afrique de l'Ouest et du Centre">Afrique de l'Ouest et du Centre (APD)</option>
167
									<option value="apd" title="Afrique de l'Ouest et du Centre">Afrique de l'Ouest et du Centre (APD)</option>
167
								<option value="lbf" title="Liban">Liban (LBF)</option>
168
									<option value="lbf" title="Liban">Liban (LBF)</option>
168
								<option value="autre" title="Autre/Inconnu">Autre/Inconnu</option>
169
									<option value="autre" title="Autre/Inconnu">Autre/Inconnu</option>
169
							</select>
170
								</select>
170
						</div>
171
							</div>
171
						<div class="bloc-periode bloc-filtre">
172
							<div class="bloc-periode bloc-filtre">
172
							<label for="periode" class="d-block">Date (début-fin)</label>
173
								<label for="periode" class="d-block">Date (début-fin)</label>
173
							<div class="form-row">
174
								<div class="form-row">
174
								<div class="form-group mb-lg-0 mb-1 col">
175
									<div class="form-group mb-lg-0 mb-1 col">
175
									<input type="date" id="periode-debut" name="periode-debut" class="form-control">
176
										<input type="date" id="periode-debut" name="periode-debut" class="form-control">
176
								</div>
177
									</div>
177
								<div class="form-group mb-0 col">
178
									<div class="form-group mb-0 col">
178
									<input type="date" id="periode-fin" name="periode-fin" class="form-control">
179
										<input type="date" id="periode-fin" name="periode-fin" class="form-control">
-
 
180
									</div>
179
								</div>
181
								</div>
-
 
182
								<input type="hidden" id="periode" name="periode">
-
 
183
							</div>
-
 
184
							<div class="row  bloc-localite bloc-filtre">
-
 
185
								<label for="localite">Localité</label>
-
 
186
								<input type="text" id="localite" name="localite" class="form-control">
-
 
187
							</div>
-
 
188
							<div class="row  bloc- bloc-filtre">
-
 
189
								<label for="departement">Département</label>
-
 
190
								<input type="text" id="departement" name="departement" class="form-control" placeholder="Numéros (séparés par des virgules)">
-
 
191
							</div>
-
 
192
							<div class="row  bloc- bloc-filtre">
-
 
193
								<label for="pays">Pays</label>
-
 
194
								<input type="text" id="pays" name="pays" class="form-control">
180
							</div>
195
							</div>
181
							<input type="hidden" id="periode" name="periode">
-
 
182
						</div>
-
 
183
						<div class="row  bloc-localite bloc-filtre">
-
 
184
							<label for="localite">Localité</label>
-
 
185
							<input type="text" id="localite" name="localite" class="form-control">
-
 
186
						</div>
-
 
187
						<div class="row  bloc- bloc-filtre">
-
 
188
							<label for="departement">Département</label>
-
 
189
							<input type="text" id="departement" name="departement" class="form-control" placeholder="Numéros (séparés par des virgules)">
-
 
190
						</div>
-
 
191
						<div class="row  bloc- bloc-filtre">
-
 
192
							<label for="pays">Pays</label>
-
 
193
							<input type="text" id="pays" name="pays" class="form-control">
-
 
194
						</div>
-
 
195
					</div>
-
 
196
					<div id="bloc-filtres-droite" class="bloc-filtres bloc-filtres-droite col-lg-6">
-
 
197
						<div class="row  bloc- bloc-filtre">
-
 
198
							<label for="auteur">Auteur</label>
-
 
199
							<input type="text" id="auteur" name="auteur" class="form-control" placeholder="Nom, email">
-
 
200
						</div>
-
 
201
						<div class="row  bloc- bloc-filtre">
-
 
202
							<label for="programme">Programme</label>
-
 
203
							<input type="text" id="programme" name="programme" class="form-control">
-
 
204
						</div>
-
 
205
						<div class="row  bloc- bloc-filtre">
-
 
206
							<label for="tags">Tags (tous)</label>
-
 
207
							<input type="text" id="tags" name="tags" class="form-control">
-
 
208
						</div>
196
						</div>
-
 
197
						<div id="bloc-filtres-droite" class="bloc-filtres bloc-filtres-droite col-lg-6">
-
 
198
							<div class="row  bloc- bloc-filtre">
-
 
199
								<label for="auteur">Auteur</label>
-
 
200
								<input type="text" id="auteur" name="auteur" class="form-control" placeholder="Nom, email">
-
 
201
							</div>
-
 
202
							<div class="row  bloc- bloc-filtre">
-
 
203
								<label for="programme">Programme</label>
-
 
204
								<input type="text" id="programme" name="programme" class="form-control">
-
 
205
							</div>
-
 
206
							<div class="row  bloc- bloc-filtre">
-
 
207
								<label for="tags">Tags (tous)</label>
-
 
208
								<input type="text" id="tags" name="tags" class="form-control">
-
 
209
							</div>
209
						<div class="list bloc-photos-affichees bloc-filtre mt-3">
210
							<div class="list bloc-photos-affichees bloc-filtre mt-3">
210
							<div class="form-check mt-3">
211
								<div class="form-check mt-3">
211
								<input type="checkbox" id="non-standards" name="photos-affichees" class="non-standards form-check-input" value="non-standards">
212
									<input type="checkbox" id="non-standards" name="photos-affichees" class="non-standards form-check-input" value="non-standards">
212
								<label for="non-standards" class="non-standards form-check-label">Afficher les photos des observations non "standards"</label>
213
									<label for="non-standards" class="non-standards form-check-label">Afficher les photos des observations non "standards"</label>
213
							</div>
214
								</div>
214
							<div class="form-check mt-3">
215
								<div class="form-check mt-3">
215
								<input type="checkbox" id="indesirables" name="photos-affichees" class="indesirables form-check-input" value="indesirables">
216
									<input type="checkbox" id="indesirables" name="photos-affichees" class="indesirables form-check-input" value="indesirables">
216
								<label for="indesirables" class="indesirables form-check-label">Afficher les photos signalées comme indésirables</label>
217
									<label for="indesirables" class="indesirables form-check-label">Afficher les photos signalées comme indésirables</label>
217
							</div>
218
								</div>
218
							<div class="form-check mt-3">
219
								<div class="form-check mt-3">
219
								<input type="checkbox" id="smartphone-anonyme" name="photos-affichees" class="smartphone-anonyme form-check-input" value="smartphone-anonyme">
220
									<input type="checkbox" id="smartphone-anonyme" name="photos-affichees" class="smartphone-anonyme form-check-input" value="smartphone-anonyme">
220
								<label for="smartphone-anonyme" class="smartphone-anonyme form-check-label">Afficher les photos des observations smartphone anonyme</label>
221
									<label for="smartphone-anonyme" class="smartphone-anonyme form-check-label">Afficher les photos des observations smartphone anonyme</label>
-
 
222
								</div>
221
							</div>
223
							</div>
222
						</div>
224
						</div>
223
					</div>
225
		 			</div>
224
	 			</div>
226
			 	</form>
225
		 	</form>
227
		 	<?php endif ; ?>
226
			<div id="cel-galerie-photo<?php echo $id; ?>" class="cel-galerie-photo">
228
			<div id="cel-galerie-photo<?php echo $id; ?>" class="cel-galerie-photo">
227
				<div class="grid-sizer"></div>
229
				<div class="grid-sizer"></div>
228
				<?php foreach ($items as $i => $item) : ?>
230
				<?php foreach ($items as $i => $item) : ?>
229
					<?php
231
					<?php
230
						$dimention_img = 'CRS';
232
						$dimention_img = 'CRS';
Line 259... Line 261...
259
								<?php endif; ?>
261
								<?php endif; ?>
260
							</strong>
262
							</strong>
261
						</div>
263
						</div>
262
					</div>
264
					</div>
263
				<?php endforeach; ?>
265
				<?php endforeach; ?>
264
 
-
 
-
 
266
				<?php if ($total > ($start + $limit)): ?>
-
 
267
					<a id="bouton-photos-suivantes" href="<?php echo $url_widget_photos_suivantes;?>" class="btn btn-success"><i class="fas fa-forward"></i>&nbsp;Photos suivantes</a>
-
 
268
				<?php else :?>
-
 
269
					<div class="alert alert-secondary mt-0 ml-1" role="alert" style="display: inline-block;">Toutes les photos disponibles, correspondant à vos critères, ont été affichées</div>
-
 
270
				<?php endif;?>
265
			</div>
271
			</div>
266
			<p class="cel-photo-pieds discretion nettoyage">
272
			<p class="cel-photo-pieds discretion nettoyage">
267
				<span class="cel-photo-source">
273
				<span class="cel-photo-source">
268
					Source :
274
					Source :
269
					<a href="http://www.tela-botanica.org/page:cel" title="Carnet en Ligne" onclick="window.open(this.href);return false;">
275
					<a href="http://www.tela-botanica.org/page:cel" title="Carnet en Ligne" onclick="window.open(this.href);return false;">