Subversion Repositories eFlore/Applications.cel

Rev

Rev 3230 | Rev 3240 | Go to most recent revision | Show entire file | Regard whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 3230 Rev 3239
Line 25... Line 25...
25 
		<meta property="og:image:type" content="image/png" />
 25 
		<meta property="og:image:type" content="image/png" />
26 
		<meta property="og:image:width" content="256" />
 26 
		<meta property="og:image:width" content="256" />
27 
		<meta property="og:image:height" content="256" />
 27 
		<meta property="og:image:height" content="256" />
28 
		<meta property="og:locale" content="fr_FR" />
 28 
		<meta property="og:locale" content="fr_FR" />
Line 29... Line 29...
29 
 
 29 
 
30 
		<!-- Favicones -->
 30 
		<!-- Favicone -->
31 
		<link rel="shortcut icon" type="image/x-icon" href="https://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
 - 
 
32
31 
		<link rel="shortcut icon" type="image/x-icon" href="https://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
33 
		<!-- CSS -->
 32 
		<!-- Jquery-ui custom css-->
34 
		<link href="https://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.18/css/smoothness/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" media="screen" />
 33 
		<link href="https://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.18/css/smoothness/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" media="screen" />
35 
		<!-- Bootstrap CSS -->
 34 
		<!-- Bootstrap CSS -->
36 
		<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous" />
 35 
		<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous" />
37 
		<link rel="stylesheet" type="text/css" href="<?= $url_base; ?>modules/saisie2/squelettes/css/bootstrap-4/css/bootstrap.min.css" />
 36 
		<!-- Fontawesome -->
- 
 
 37 
		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous" />
- 
 
 38 
		<!-- Carto -->
- 
 
 39 
		<link href="<?= $url_base; ?>modules/saisie2/squelettes/js/tb-geoloc/styles.css" rel="stylesheet" type="text/css" media="screen" />
38 
		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous" />
 40 
		<!-- STYLE SAISIE -->
Line 39... Line -...
39 
		<link href="<?= $url_base; ?>modules/saisie2/squelettes/css/saisie.css" rel="stylesheet" type="text/css" media="screen" />
 - 
 
40 
 
 - 
 
41 
		<!-- carto -->
 41 
		<link href="<?= $url_base; ?>modules/saisie2/squelettes/css/saisie.css" rel="stylesheet" type="text/css" media="screen" />
42 
		<link href="<?= $url_base; ?>modules/saisie2/squelettes/js/tb-geoloc/styles.css" rel="stylesheet" type="text/css" media="screen" />
 42 
 
43 
		<!--  Google Analytics -->
 43 
		<!--  Google Analytics -->
44 
		<?php if( $prod ): ?>
 44 
		<?php if( $prod ): ?>
45 
			<?php include "analytics.html"; ?>
 45 
			<?php include "analytics.html"; ?>
46 
		<?php endif; ?>
 46 
		<?php endif; ?>
47 
		<link rel="icon" type="image/x-icon" href="favicon.ico" />
 47 
		<link rel="icon" type="image/x-icon" href="favicon.ico" />
Line 48... Line 48...
48 
		<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
 48 
		<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
- 
 
 49 
	</head>
- 
 
 50 
 
- 
 
 51 
	<body>
49 
	</head>
 52 
		<?php
50 
 
 53 
			echo ( $widget['image_fond'] ) ? '<div id="image-fond" style="' . htmlspecialchars( 'background:url("' . $widget['chemin_fichiers'] . 'image_fond.' . preg_replace( '/(?:imag)?e\/?/','',$widget['image_fond']) . '") no-repeat center center') . '"></div>': '';
51 
	<body>
 54 
		?>
52 
		<!-- <?php //var_dump($widget['especes']['url_ws_autocompletion_ns']); ?> -->
 55 
		<!-- <?php //var_dump($widget['especes']['url_ws_autocompletion_ns']); ?> -->
53 
		<div id="zone-appli" class="container">
 56 
		<div id="zone-appli" class="container" data-projet="<?= $widget['projet']; ?>" data-url-fichiers="<?= $widget['chemin_fichiers']; ?>">
54 
			<div class="layout-wrapper page">
 57 
			<div class="layout-wrapper page">
55 
				<div class="media">
 58 
				<div class="media">
56 
					<img class="d-flex mr-3" src="<?= $widget['logo']; ?>" alt="logo<?= $widget['projet']; ?>" />
 59 
					<img class="d-flex mr-3" src="<?php echo htmlspecialchars( $widget['chemin_fichiers'] . 'logo.' . preg_replace( '/(?:imag)?e\/?/','', $widget['logo'] ) ); ?>" alt="logo <?= $widget['projet']; ?>" />
57 
				<div class="media-body">
 60 
					<div class="media-body">
Line 58... Line 61...
58 
				<h1 class="mt-0"><?= $widget['titre']; ?></h1>
 61 
						<h1 id="titre-projet" class="mt-0"><?php echo ( $widget['info'] ) ? $widget['titre'] . ' <div id="info-button" class="btn btn-outline-info btn-sm border-0" data-mime-info="' . $widget['info'] . '"><i class="fas fa-info-circle"></i></div>' : $widget['titre']; ?></h1>
59 
			</div>
 62 
					</div>
Line 86... Line 89...
86 
				<div id="tb-navigation" data-courant="widget-cel-saisie2" data-squelette="navigation" data-mode="test">
 89 
						<div id="tb-navigation" data-courant="widget-cel-saisie2" data-squelette="navigation" data-mode="test">
87 
				<!-- dev (localhost) : -->
 90 
						<!-- dev (localhost) : -->
88 
				<!-- <div id="tb-navigation" data-courant="widget-cel-saisie2" data-squelette="navigation" data-mode="local"> -->
 91 
						<!-- <div id="tb-navigation" data-courant="widget-cel-saisie2" data-squelette="navigation" data-mode="local"> -->
89 
					<div class="navbar-default mb-3" id="tb-navbar">
 92 
							<div class="navbar-default mb-3" id="tb-navbar">
90 
						<div class="nav navbar-nav navbar-right row">
 93 
								<div class="nav navbar-nav navbar-right row">
91 
							<div id="bouton-connexion" class="dropdown col-md-6 col-sm-8">
 94 
									<div id="bouton-connexion" class="volet col-md-6 col-sm-8">
92 
								<label for="bouton-connexion"><?= $observateur['compte']; ?></label>
 95 
										<label for="bouton-connexion"><?= $observateur['compte']; ?></label>
93 
								<a id="connexion" href="<?= $authTpl; ?>" class="btn btn-success  mr-1 mb-1" taget="_blank"><?= $observateur['connexion']; ?></a>
 96 
										<a id="connexion" href="<?= $authTpl; ?>" class="btn btn-success  mr-1 mb-1" taget="_blank"><?= $observateur['connexion']; ?></a>
94 
								<a id="bouton-inscription" href="https://beta.tela-botanica.org/test/inscription" class="btn btn-primary mr-1 mb-1" taget="_blank"><?= $observateur['inscription']; ?></a>
 97 
										<a id="bouton-inscription" href="https://beta.tela-botanica.org/test/inscription" class="btn btn-primary mr-1 mb-1" taget="_blank"><?= $observateur['inscription']; ?></a>
95 
							</div>
 98 
									</div>
96 
							<div id="creation-compte" class="dropdown col-md-6 col-sm-8">
 99 
									<div id="creation-compte" class="volet col-md-6 col-sm-8">
97 
								<label for="creation-compte"><?= $observateur['noninscription']; ?></label>
 100 
										<label for="creation-compte"><?= $observateur['noninscription']; ?></label>
98 
								<a id="bouton-anonyme" href="#" class="btn btn-info mr-1 mb-1"><?= $observateur['nonconnexion']; ?></a>
 101 
										<a id="bouton-anonyme" href="#" class="btn btn-info mr-1 mb-1"><?= $observateur['nonconnexion']; ?></a>
99 
							</div>
 102 
									</div>
100 
							<div id="utilisateur-connecte" class="dropdown hidden">
 103 
									<div id="utilisateur-connecte" class="volet hidden">
101 
								<label for="utilisateur-connecte"><?= $observateur['bienvenue']; ?></label>
 104 
										<label for="utilisateur-connecte"><?= $observateur['bienvenue']; ?></label>
102 
								<a href="#" class="list-tool btn btn-largee btn-primary dropdown-toggle" data-toggle="dropdown">
 105 
										<a href="#" class="list-tool btn btn-large btn-primary volet-toggle" data-toggle="volet">
103 
									<span id="nom-complet"></span>
 106 
											<span id="nom-complet"></span> <!-- <i class="fas fa-caret-down"></i> -->
104 
								</a>
 107 
										</a>
105 
								<div class="dropdown-menu">
 108 
										<div class="volet-menu hidden">
- 
 
 109 
											<div id="profil-utilisateur">
106 
									<div id="profil-utilisateur"><a href="https://beta.tela-botanica.org/test/inscription" taget="_blank"><?= $observateur['profil']; ?></a></div>
 110 
												<a href="https://beta.tela-botanica.org/test/inscription" taget="_blank"><?= $observateur['profil']; ?></a>
- 
 
 111 
											</div>
107 
									<div id="deconnexion"><a href="#"><?= $observateur['deconnexion']; ?></a></div>
 112 
											<div id="deconnexion"><a href="#"><?= $observateur['deconnexion']; ?></a></div>
108 
								</div>
 113 
										</div>
109 
							</div>
 114 
									</div>
110 
						</div>
 115 
								</div>
111 
					</div>
 116 
							</div>
Line 176... Line 181...
176 
 
 181 
 
177 
			<form id="form-observation" role="form" autocomplete="on" class="bloc-top">
 182 
					<form id="form-observation" role="form" autocomplete="on" class="bloc-top">
178 
				<h2><?= $observation['titre']; ?></h2>
 183 
						<h2><?= $observation['titre']; ?></h2>
179 
				<div id="zone-observation" class="row">
 184 
						<div id="zone-observation" class="row">
- 
 
 185 
							<div class="col-md-6">
180 
					<div class="col-md-6">
 186 
 
181 
						<div class="control-group">
 187 
								<div class="control-group">
182 
							<label for="geolocalisation" class="col-sm-8 obligatoire" title="<?= $observateur['courriel-title']; ?>">
 188 
									<label for="geolocalisation" class="col-sm-8 obligatoire" title="<?= $observateur['courriel-title']; ?>">
183 
								<i class="fa fa-street-view" aria-hidden="true"></i>
 189 
										<i class="fa fa-street-view" aria-hidden="true"></i>
184 
								<?= $observation['geolocalisation']; ?>
 190 
										<?= $observation['geolocalisation']; ?>
185 
							</label>
 191 
									</label>
186 
							<div class="col-sm-8 mb-3">
 192 
									<div class="col-sm-8 mb-3">
187 
								<input id="geolocalisation" name="geolocalisation" type="hidden">
 193 
										<input id="geolocalisation" name="geolocalisation" type="hidden">
188 
								<tb-geolocation-element id="tb-geolocation"></tb-geolocation-element>
 194 
										<tb-geolocation-element id="tb-geolocation"></tb-geolocation-element>
189 
							</div>
 195 
									</div>
- 
 
 196 
								</div>
190 
						</div>
 197 
 
191 
						<div class="control-group">
 198 
								<div class="control-group">
192 
							<label for="milieu" class="col-sm-8">
 199 
									<label for="milieu" class="col-sm-8">
193 
								<i class="fa fa-street-view" aria-hidden="true"></i>
 200 
										<i class="fa fa-street-view" aria-hidden="true"></i>
194 
								<?= $observation['milieu']; ?>
 201 
										<?= $observation['milieu']; ?>
Line 203... Line 210...
203 
								<?php else : ?>
 210 
										<?php else : ?>
204 
									<input id="milieu" name="milieu" class="form-control" type="text" placeholder="<?= $observation['milieu-ph']; ?>">
 211 
											<input id="milieu" name="milieu" class="form-control" type="text" placeholder="<?= $observation['milieu-ph']; ?>">
205 
								<?php endif; ?>
 212 
										<?php endif; ?>
206 
							</div>
 213 
									</div>
207 
						</div>
 214 
								</div>
- 
 
 215 
 
208 
					</div>
 216 
							</div>
Line 209... Line 217...
209
217 
 
- 
 
 218 
							<div class="col-md-6">
210 
					<div class="col-md-6">
 219 
 
211 
						<div class="control-group">
 220 
								<div class="control-group">
212 
							<label for="date_releve" class="col-sm-8 obligatoire" title="">
 221 
									<label for="date_releve" class="col-sm-8 obligatoire" title="">
213 
								<i class="fa fa-calendar" aria-hidden="true"></i>
 222 
										<i class="fa fa-calendar" aria-hidden="true"></i>
214 
								<?= $observation['date']; ?>
 223 
										<?= $observation['date']; ?>
215 
							</label>
 224 
									</label>
216 
							<div class="col-sm-8 mb-3" id="datetimepicker">
 225 
									<div class="col-sm-8 mb-3" id="datetimepicker">
217 
								<input type="text" id="date_releve" name="date_releve" class="form-control date" placeholder="jj/mm/aaaa"  pattern="(^(((0[1-9]|1[0-9]|2[0-8])[\/](0[1-9]|1[012]))|((29|30|31)[\/](0[13578]|1[02]))|((29|30)[\/](0[4,6,9]|11)))[\/](19|[2-9][0-9])\d\d$)|(^29[\/]02[\/](19|[2-9][0-9])(00|04|08|12|16|20|24|28|32|36|40|44|48|52|56|60|64|68|72|76|80|84|88|92|96)$)" title="jj/mm/aaaa">
 226 
										<input type="text" id="date_releve" name="date_releve" class="form-control date" placeholder="jj/mm/aaaa"  pattern="(^(((0[1-9]|1[0-9]|2[0-8])[\/](0[1-9]|1[012]))|((29|30|31)[\/](0[13578]|1[02]))|((29|30)[\/](0[4,6,9]|11)))[\/](19|[2-9][0-9])\d\d$)|(^29[\/]02[\/](19|[2-9][0-9])(00|04|08|12|16|20|24|28|32|36|40|44|48|52|56|60|64|68|72|76|80|84|88|92|96)$)" title="jj/mm/aaaa">
218 
							</div>
 227 
									</div>
Line 219... Line 228...
219 
						</div>
 228 
								</div>
220 
 
 229 
 
221 
						<?php if(($widget['type_especes'] === 'referentiel' || $widget['type_especes'] == '') && $widget['referentiel'] == '' ) : ?>
 230 
								<?php if( ( $widget['type_especes'] === 'referentiel' || $widget['type_especes'] === '' ) && $widget['referentiel'] === '' ) : ?>
222 
							<div class="control-group">
 231 
									<div class="control-group">
223 
								<label for="referentiel" class="col-sm-8 obligatoire" title="">
 232 
										<label for="referentiel" class="col-sm-8 obligatoire" title="">
224 
									<i class="fa fa-book" aria-hidden="true"></i>
 233 
											<i class="fa fa-book" aria-hidden="true"></i>
Line 264... Line 273...
264 
									<option value="douteuse" ><?= $observation['certDout']; ?></option>
 273 
											<option value="douteuse" ><?= $observation['certDout']; ?></option>
265 
									<option value="certaine" selected="selected" ><?= $observation['certCert']; ?></option>
 274 
											<option value="certaine" selected="selected" ><?= $observation['certCert']; ?></option>
266 
								</select>
 275 
										</select>
267 
							</div>
 276 
									</div>
268 
						</div>
 277 
								</div>
269
- 
 
270 
						<div class="control-group">
 278 
								<div class="control-group">
271 
							<label for="notes" class="col-sm-8" title="">
 279 
                                    <label for="notes" class="col-sm-8" title="">
272 
								<i class="fa fa-pen" aria-hidden="true"></i>
 280 
                                        <i class="fa fa-pen" aria-hidden="true"></i>
273 
								<?= $observation['notes']; ?>
 281 
                                        <?= $observation['notes']; ?>
274 
							</label>
 282 
                                    </label>
275 
							<div class="col-sm-8 mb-3">
 283 
                                    <div class="col-sm-8 mb-3">
276 
								<textarea id="notes" form="form-obs" class="form-control col-md-12" rows="7" name="notes"
 284 
                                        <textarea id="notes" form="form-obs" class="form-control col-md-12" rows="7" name="notes" placeholder="<?= $observation['notes_ph']; ?>"></textarea>
277 
									placeholder="<?= $observation['notes_ph']; ?>"></textarea>
 - 
 
278
- 
 
279 
							</div>
 285 
                                    </div>
280 
						</div>
 286 
                                </div>
Line 281... Line 287...
281 
 
 287 
 
282 
					</div>
 288 
							</div>
283 
				</div>
 289 
						</div>
Line 284... Line -...
284 
			</form>
 - 
 
285 
 
 - 
 
286 
			<form id="form-upload" class="form-horizontal bloc-top" action="<?= $url_ws_upload ?>" method="post" enctype="multipart/form-data">
 - 
 
287 
				<h2><?= $image['titre']; ?></h2>
 - 
 
288 
				<p class="miniature-info" class="discretion help-inline">
 - 
 
289 
					<?= $image['aide']; ?>
 - 
 
290 
				</p>
 - 
 
291 
				<div id ="photos-conteneur" class="control-group">
 - 
 
292 
					<div>
 - 
 
293 
						<label for="fichier" class="label-file btn btn-large btn-info mb-3">
 - 
 
294 
							<span class="label-text"><i class="fas fa-download"></i> <?= $image['ajouter']; ?></span>
 - 
 
295 
							<input type="file" id="fichier" name="fichier" class="input-file" accept="image/jpeg" multiple>
 - 
 
296 
							<input type="hidden" name="MAX_FILE_SIZE" value="5242880">
 - 
 
297 
						</label>
 - 
 
298 
					</div>
 - 
 
299 
 
 - 
 
300 
					<div id="miniatures"></div>
 - 
 
301 
					<p class="miniature-msg" class="span12">&nbsp;</p>
 - 
 
302 
				</div>
 - 
 
303 
			</form>
 290 
					</form>
304 
 
 291 
 
305 
			<!-- Champs supplémentaires -->
 292 
					<!-- Champs supplémentaires -->
306 
			<?php if ( isset($widget['chpSupp'] ) && 0 < count( (array) $widget['chpSupp'] ) ) : ?>
 293 
					<?php if ( isset($widget['chpSupp'] ) && 0 < count( (array) $widget['chpSupp'] ) ) : ?>
307 
				<form id="form-supp" role="form" autocomplete="on">
 294 
						<form id="form-supp"  class="bloc-top" role="form" autocomplete="on">
308 
					<h2><?= $chpsupp['titre']; ?></h2>
 295 
							<h2><?= $chpsupp['titre']; ?></h2>
Line 309... Line 296...
309 
						<div id="zone-supp" class="row">
 296 
							<div id="zone-supp" class="row">
310 
							<div class="col-md-6">
 297 
								<div class="col-md-6">
311 
 
 298 
 
312 
			                  <?php foreach( $widget['chpSupp']['sauvagessupp']['champs-supp'] as $champ ) :?>
 299 
									<?php foreach( $widget['chpSupp'][ $widget['projet'] ]['champs-supp'] as $champ ) : ?>
313 
			                    <?php
 300 
										<?php
314 
			                      $min         = ( $champ['fieldValues']['min'] )? ' min="' . $champ['fieldValues']['min'] . '"':'';
 301 
											$min         = ( $champ['fieldValues']['min'] )? ' min="' . $champ['fieldValues']['min'] . '"':'';
Line 323... Line 310...
323 
                      $pattern     = '';
 310 
											$pattern     = '';
324 
                      $obs_radio   = '';
 311 
											$obs_radio   = '';
325 
                      $help        = '';
 312 
											$help        = '';
326 
                      $help_button = '';
 313 
											$help_button = '';
Line 327... Line 314...
327 
 
 314 
 
328 
                      if( /*true*/$champ['help'] ) {
 315 
											if( $champ['help'] ) {
329 
                        $help = ' and-help';
 - 
 
330 
                        // TODO récupérer un $champ['help_mime_type']
 - 
 
331 
                        // $champ['help_mime_type'] = 'application/pdf';
 - 
 
332 
                        $champ['help_mime_type'] = 'image.*';
 316 
												$help = ' and-help';
333 
                        $help_button = ' <div class="help-button help-' . $champ['key'] . ' btn btn-outline-info btn-sm border-0" data-key="' . $champ['key'] . '" data-name="' . $champ['name'] . '" data-mime-type="' . $champ['help_mime_type'] . '"><i class="fas fa-info-circle"></i></div>';
 317 
												$help_button = ' <div class="help-button help-' . $champ['key'] . ' btn btn-outline-info btn-sm border-0" data-key="' . $champ['key'] . '" data-name="' . $champ['name'] . '" data-mime-type="' . $champ['help'] . '"><i class="fas fa-info-circle"></i></div>';
Line 334... Line 318...
334 
                      }
 318 
											}
335 
 
 319 
 
336 
                      if( $champ['mandatory'] ) {
 320 
											if( $champ['mandatory'] ) {
Line 451... Line 435...
451 
                              </select>
 435 
															</select>
452 
                            </div>
 436 
														</div>
453 
                          </div>
 437 
													</div>
454 
                        <?php break;
 438 
												<?php break;
Line 455... Line -...
455 
 
 - 
 
456 
                        case 'file' : ?>
 - 
 
457 
                          <div class="control-group col-sm-8 mb-3">
 - 
 
458 
                            <div class="input-file-container<?= $help; ?>">
 - 
 
459 
                              <input type="<?= $champ['element']; ?>" name="<?= $champ['key']; ?>" class="<?php echo $champ['key'] . ' input-file'; ?> form-control" <?php echo $description . $placeholder . $required; ?>  accept="application/pdf, image/*, video/*" data-label="<?= $champ['name']; ?>">
 - 
 
460 
                              <label for="<?= $champ['key']; ?>" class="label-file<?= $mandatory; ?>" <?= $description; ?>><i class="fas fa-download" aria-hidden="true"></i> <?= $champ['name']; ?></label>
 - 
 
461 
 
 - 
 
462 
                              <?php if ( !$champ['mandatory'] ) : ?>
 - 
 
463 
                                <div class="remove-file button" name="remove-file" title="Supprimer le fichier"><i class="fas fa-times" aria-hidden="true"></i></div>
 - 
 
464 
                              <?php endif; ?>
 - 
 
465 
 
 - 
 
466 
                            </div>
 - 
 
467 
                          </div>
 - 
 
468 
                        <?php break;
 - 
 
469 
 
 439 
 
470 
                        case 'textarea': ?>
 440 
												case 'textarea': ?>
471 
                          <div class="control-group">
 441 
													<div class="control-group">
472 
                            <label for="<?= $champ['key']; ?>" class="col-sm-8<?php echo $help . $mandatory; ?>" <?= $description; ?>><?= $champ['name'] . $help_button; ?></label>
 442 
														<label for="<?= $champ['key']; ?>" class="col-sm-8<?php echo $help . $mandatory; ?>" <?= $description; ?>><?= $champ['name'] . $help_button; ?></label>
473 
                            <div class="col-sm-8 mb-3">
 443 
														<div class="col-sm-8 mb-3">
Line 477... Line 447...
477 
                        <?php break;
 447 
												<?php break;
Line 478... Line 448...
478 
 
 448 
 
479 
                        case 'range': ?>
 449 
												case 'range': ?>
480 
                          <div class="control-group">
 450 
													<div class="control-group">
- 
 
 451 
														<label for="<?= $champ['key']; ?>" class="col-sm-8<?= $help . $mandatory; ?>" <?= $description; ?>><?= $champ['name'] . $help_button; ?></label>
- 
 
 452 
														<div class="col-sm-8 mb-3 <?php echo ($champ['fieldValues']['min'] || $champ['fieldValues']['max']) ? 'row' : '';?>">
- 
 
 453 
															<?php
- 
 
 454 
																if ( $champ['fieldValues']['min'] || $champ['fieldValues']['max'] ) {
- 
 
 455 
 
- 
 
 456 
																	$div_range_min_max = '';
481 
                            <label for="<?= $champ['key']; ?>" class="col-sm-8<?= $help . $mandatory; ?>" <?= $description; ?>><?= $champ['name'] . $help_button; ?></label>
 457 
 
- 
 
 458 
																	if ( $champ['fieldValues']['min'] )  {
- 
 
 459 
																		$div_range_min_max =
- 
 
 460 
																			"<p class=\"col-sm-2 range-values text-center font-weight-bold\">".
- 
 
 461 
																				"Min " . $champ['fieldValues']['min'] .
- 
 
 462 
																			"</p>";
- 
 
 463 
																	}
- 
 
 464 
																	$div_range_min_max .= '<div class="range-live-value range-values text-center font-weight-bold col-sm-';
- 
 
 465 
 
- 
 
 466 
																	if ( $champ['fieldValues']['min'] && $champ['fieldValues']['max'] ) {
- 
 
 467 
																		$div_range_min_max .= '8">';
- 
 
 468 
																	} else {
- 
 
 469 
																		$div_range_min_max .= '10">';
- 
 
 470 
																	}
- 
 
 471 
 
- 
 
 472 
																	$div_range_min_max .= '</div>';
- 
 
 473 
 
- 
 
 474 
																	if( $champ['fieldValues']['max'] ) {
- 
 
 475 
																		$div_range_min_max .=
- 
 
 476 
																			"<p class=\"col-sm-2 range-values text-center font-weight-bold\">".
- 
 
 477 
																				"Max " . $champ['fieldValues']['max'] .
- 
 
 478 
																			"</p>";
- 
 
 479 
																	}
- 
 
 480 
 
- 
 
 481 
																	echo $div_range_min_max;
- 
 
 482 
																}
482 
                            <div class="col-sm-8 mb-3">
 483 
															?>
483 
                              <input type="<?= $champ['element']; ?>" name="<?= $champ['key']; ?>" class="<?= $champ['key'] . $help; ?> form-control" <?php echo $description . $placeholder . $step . $default . $min . $max . $required; ?> data-label="<?= $champ['name']; ?>">
 484 
															<input type="<?= $champ['element']; ?>" name="<?= $champ['key']; ?>" class="custom-range <?= $champ['key'] . $help; ?> form-control" <?= $description . $placeholder . $step . $default . $min . $max . $required; ?> data-label="<?= $champ['name']; ?>">
484 
                            </div>
 485 
														</div>
485 
                          </div>
 486 
													</div>
Line 486... Line 487...
486 
                          <?php break;
 487 
													<?php break;
Line 512... Line 513...
512 
                </div>
 513 
								</div>
513 
              </div>
 514 
							</div>
514 
            </form>
 515 
						</form>
515 
          <?php endif; ?><!-- Fin champs supplémentaires -->
 516 
					<?php endif; ?><!-- Fin champs supplémentaires -->
Line -... Line 517...
- 
 
 517 
 
- 
 
 518 
					<form id="form-upload" class="form-horizontal bloc-top" action="<?= $url_ws_upload ?>" method="post" enctype="multipart/form-data">
- 
 
 519 
						<h2><?= $image['titre']; ?></h2>
- 
 
 520 
						<p class="miniature-info" class="discretion help-inline">
- 
 
 521 
							<?= $image['aide']; ?>
- 
 
 522 
						</p>
- 
 
 523 
						<div id ="photos-conteneur" class="control-group">
- 
 
 524 
							<div>
- 
 
 525 
								<label for="fichier" class="label-file btn btn-large btn-info mb-3">
- 
 
 526 
									<span class="label-text"><i class="fas fa-download"></i> <?= $image['ajouter']; ?></span>
- 
 
 527 
									<input type="file" id="fichier" name="fichier" class="input-file" accept="image/jpeg" multiple>
- 
 
 528 
									<input type="hidden" name="MAX_FILE_SIZE" value="5242880">
- 
 
 529 
								</label>
- 
 
 530 
							</div>
- 
 
 531 
 
- 
 
 532 
							<div id="miniatures"></div>
- 
 
 533 
							<p class="miniature-msg" class="span12">&nbsp;</p>
- 
 
 534 
						</div>
- 
 
 535 
					</form>
516 
 
 536 
 
517 
          <div id="image" class="row"></div>
 537 
					<div id="image" class="row"></div>
Line 518... Line 538...
518 
        </div>
 538 
				</div>
519 
 
 539 
 
520 
        <!-- Bouton cr&ation d'une obs -->
 540 
				<!-- Bouton cr&ation d'une obs -->
521 
        <div class="row mb-3 bloc-bottom">
 - 
 
522 
          <div class="centre" title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour
 - 
 
523 
              ajouter votre observation à la liste à transmettre.">
 541 
				<div class="row mb-3 bloc-bottom">
524 
            <a id="ajouter-obs" class="btn btn-primary">
 - 
 
525 
              <i class="fas fa-check-square"></i><?= $resume['creer']; ?>
542 
					<div class="centre" title="<?= $resume['creer-title']; ?>">
526 
            </a>
 543 
						<a id="ajouter-obs" class="btn btn-primary"><i class="fas fa-check-square"></i> <?= $resume['creer']; ?></a>
Line 527... Line 544...
527 
          </div>
 544 
					</div>
528 
        </div>
 545 
				</div>
Line 590... Line 607...
590 
          </div>
 607 
					</div>
591 
        </div>
 608 
				</div>
Line 592... Line 609...
592 
 
 609 
 
593 
        <!-- Templates HTML -->
 610 
				<!-- Templates HTML -->
594 
        <div id="tpl-transmission-ok" class="hidden">
 - 
 
595 
          <p class="msg">
 611 
				<div id="tpl-transmission-ok" class="hidden">
596 
            <?= $resume['transok']; ?>
 - 
 
597 
          </p>
 612 
					<p class="msg"><?= $resume['transok']; ?></p>
598 
        </div>
 613 
				</div>
599 
        <div id="tpl-transmission-ko" class="hidden">
 - 
 
600 
          <p class="msg">
 614 
				<div id="tpl-transmission-ko" class="hidden">
601 
            <?= $resume['transko']; ?>
 - 
 
602 
          </p>
 615 
					<p class="msg"><?= $resume['transko']; ?></p>
603 
        </div>
 616 
				</div>
604 
      </div>
 617 
			</div>
605 
    </div>
 618 
		</div>
606 
    <div id="help-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="help-modal-label" style="display: none;" aria-hidden="true">
 619 
		<div id="help-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="help-modal-label" style="display: none;" aria-hidden="true">
Line 640... Line 653...
640 
    <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/additional-methods.min.js"></script>
 653 
		<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/additional-methods.min.js"></script>
641 
    <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/messages_fr.js"></script>
 654 
		<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/messages_fr.js"></script>
642 
    <!-- Jquery Form :nécessaire pour l'upload des images -->
 655 
		<!-- Jquery Form :nécessaire pour l'upload des images -->
643 
    <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/form/3.51/jquery.form.min.js"></script>
 656 
		<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/form/3.51/jquery.form.min.js"></script>
644 
    <!-- Bootstrap -->
 657 
		<!-- Bootstrap -->
- 
 
 658 
		<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
645 
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
 659 
		<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
646 
    <!-- Authentification -->
 660 
		<!-- Authentification -->
647 
    <script type="text/javascript" src="<?= $url_base; ?>modules/saisie2/squelettes/js/auth.js"></script>
 661 
		<script type="text/javascript" src="<?= $url_base; ?>modules/saisie2/squelettes/js/auth.js"></script>
648 
    <!-- Connexion, bloc de prévisualisation, date -->
 662 
		<!-- Connexion, bloc de prévisualisation, date -->
649 
    <script type="text/javascript" src="<?= $url_base; ?>modules/saisie2/squelettes/js/WidgetSaisie.js"></script>
 663 
		<script type="text/javascript" src="<?= $url_base; ?>modules/saisie2/squelettes/js/WidgetSaisie.js"></script>
Line 671... Line 685...
671 
          // Mots-clés à ajouter aux observations
 685 
					// Mots-clés à ajouter aux observations
672 
          widget.tagObs = "<?= isset($_GET['tag-obs']) ? $_GET['tag-obs'] : ''; ?>";
 686 
					widget.tagObs = "<?= isset($_GET['tag-obs']) ? $_GET['tag-obs'] : ''; ?>";
673 
          widget.separationTagObs = "<?= isset($_GET['projet']) && isset($_GET['tag-obs']) ? ',' : ''; ?>";
 687 
					widget.separationTagObs = "<?= isset($_GET['projet']) && isset($_GET['tag-obs']) ? ',' : ''; ?>";
674 
          widget.tagObs = <?= isset($_GET['projet']) ? "'".$_GET['projet']."' + widget.separationTagObs + widget.tagObs" : 'widget.tagObs'; ?>;
 688 
					widget.tagObs = <?= isset($_GET['projet']) ? "'".$_GET['projet']."' + widget.separationTagObs + widget.tagObs" : 'widget.tagObs'; ?>;
675 
          // Précharger le formulaire avec les infos d'une observation
 689 
					// Précharger le formulaire avec les infos d'une observation
676 
          widget.obsId = "<?=isset($_GET['id-obs']) ? $_GET['id-obs'] : ''?>";
 690 
					widget.obsId = "<?= isset($_GET['id-obs']) ? $_GET['id-obs'] : ''; ?>";
677 
          // URL du web service réalisant l'insertion des données dans la base du CEL.
 691 
					// URL du web service réalisant l'insertion des données dans la base du CEL.
678 
          widget.serviceSaisieUrl = "<?=$url_ws_saisie?>";
 692 
					widget.serviceSaisieUrl = "<?= $url_ws_saisie; ?>";
679 
          // URL du web service permettant de récupérer les infos d'une observation du CEL.
 693 
					// URL du web service permettant de récupérer les infos d'une observation du CEL.
680 
          widget.serviceObsUrl = "<?=$url_ws_obs?>";
 694 
					widget.serviceObsUrl = "<?= $url_ws_obs; ?>";
681 
          //
 695 
					//
682 
          //
 696 
					//
683 
          //
 697 
					//
Line 684... Line 698...
684 
 
 698 
 
685 
          // langue
 699 
					// langue
686 
          widget.langue = "<?= $widget['langue']; ?>";
 700 
					widget.langue = "<?= $widget['langue']; ?>";
687 
          // Squelette d'URL du web service de l'annuaire.
 701 
					// Squelette d'URL du web service de l'annuaire.
688 
          widget.serviceAnnuaireIdUrl = "<?= $url_ws_annuaire; ?>";
 702 
					widget.serviceAnnuaireIdUrl = "<?= $url_ws_annuaire; ?>";
689 
          // URL de l'icône du chargement en cours
 703 
					// URL de l'icône du chargement en cours
690 
          widget.chargementIconeUrl = "<?= $url_base?>modules/saisie/squelettes/defaut/img/icones/chargement.gif";
 704 
					widget.chargementIconeUrl = "<?= $url_base; ?>modules/saisie/squelettes/defaut/img/icones/chargement.gif";
691 
          // URL de l'icône du chargement en cours d'une image
 705 
					// URL de l'icône du chargement en cours d'une image
692 
          widget.chargementImageIconeUrl = "<?= $url_base?>modules/saisie/squelettes/defaut/img/icones/chargement-image.gif";
 706 
					widget.chargementImageIconeUrl = "<?= $url_base; ?>modules/saisie/squelettes/defaut/img/icones/chargement-image.gif";
693 
          // URL de l'icône du calendrier
 707 
					// URL de l'icône du calendrier
694 
          widget.calendrierIconeUrl = "<?= $url_base?>modules/saisie/squelettes/defaut/img/icones/calendrier.png";
 708 
					widget.calendrierIconeUrl = "<?= $url_base; ?>modules/saisie/squelettes/defaut/img/icones/calendrier.png";
695 
          // URL de l'icône pour une photo manquante
 709 
					// URL de l'icône pour une photo manquante
Line 696... Line 710...
696 
          widget.pasDePhotoIconeUrl = "<?= $url_base?>modules/saisie/squelettes/defaut/img/icones/pasdephoto.png";
 710 
					widget.pasDePhotoIconeUrl = "<?= $url_base; ?>modules/saisie/squelettes/defaut/img/icones/pasdephoto.png";
697 
 
 711 
 
698 
          // Code du référentiel utilisé pour les nom scientifiques.
 712 
					// Code du référentiel utilisé pour les nom scientifiques.
699 
          widget.nomSciReferentiel = "<?= strtolower( $widget['referentiel'] ); ?>";
 713 
					widget.nomSciReferentiel = "<?= strtolower( $widget['referentiel'] ); ?>";