WebSVN – eFlore/Applications.cel – Diff – /trunk/widget/modules/saisie2/squelettes/saisie.tpl.html


<!DOCTYPE html>
<html xmlns="https://www.w3.org/1999/xhtml">
	<head>
		<title><?php echo $widget['titre']; ?></title>
 
		<meta charset="utf-8" />
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		<meta http-equiv="Content-style-type" content="text/css" />
		<meta http-equiv="Content-script-type" content="text/javascript" />
		<meta http-equiv="Content-language" content="fr" />
 
		<meta name="revisit-after" content="15 days" />
		<meta name="robots" content="index,follow" />
		<meta name="author" content="Tela Botanica" />
		<meta name="keywords" content="Tela Botanica, CEL" />
		<meta name="description" content="Widgets de saisie du carnet en ligne" />
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no" />
 
		<!-- OpenGraph pour Facebook, Pinterest, Google+ -->
		<meta property="og:type" content="website" />
		<meta property="og:title" content="Widgets de saisie du CeL" />
		<meta property="og:site_name" content="Tela Botanica" />
		<meta property="og:description" content="Widgets de saisie du Carnet en Ligne" />
		<meta property="og:image" content="https://resources.tela-botanica.org/tb/img/256x256/carre_englobant.png" />
		<meta property="og:image:type" content="image/png" />
		<meta property="og:image:width" content="256" />
		<meta property="og:image:height" content="256" />
		<meta property="og:locale" content="fr_FR" />
 
		<!-- Favicone -->
		<link rel="shortcut icon" type="image/x-icon" href="https://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
		<!-- Jquery-ui custom css-->
		<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" />
		<!-- Bootstrap CSS -->
		<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous" />
		<!-- Fontawesome -->
		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
		<!-- Carto -->
		<link href="<?php echo $url_base; ?>js/tb-geoloc/styles.css" rel="stylesheet" type="text/css" media="screen" />
		<!-- STYLE SAISIE -->
		<link href="<?php echo $url_base; ?>css/saisie.css" rel="stylesheet" type="text/css" media="screen" />
 
		<!--  Google Analytics -->
		<?php if( $prod ): ?>
			<?php include "analytics.html"; ?>
		<?php endif; ?>
		<!-- <link rel="icon" type="image/x-icon" href="favicon.ico" /> -->
		<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
	</head>
 
	<body id="top" data-sq="<?php echo $url_base; ?>">
		<?php
			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;background-size:cover') . '"></div>': '';
		?>
		<div id="zone-appli" class="container" data-projet="<?php echo $widget['projet']; ?>" data-url-fichiers="<?php echo $widget['chemin_fichiers']; ?>">
			<div class="layout-wrapper page">
				<div class="row mb-3">
					<div class="col-md-2 col-sm-10">
						<img id="logo" class="mr-3" src="<?php echo htmlspecialchars( $widget['chemin_fichiers'] . 'logo.' . preg_replace( '/(?:imag)?e\/?/','', $widget['logo'] ) ); ?>" alt="logo <?php echo $widget['projet']; ?>" />
					</div>
					<div class="col-md-10 col-sm-12">
						<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>
					</div>
				</div>
 
				<div class="row mb-3">
					<div class="col-md-6">
						<div id="description"><?php echo $widget['description']; ?></div>
					</div>
					<div class="col-md-6">
						<div id="aide" class="well well-lg hidden-sm-down">
							<h3><?php echo $aide['titre']; ?></h3>
							<div id="aide-txt" class="hiden-sm-down">
								<p><?php echo $aide['description']; ?></p>
							</div>
						</div>
					</div>
				</div>
 
				<div id="formulaire" class="row mb-3 bloc-top">
					<form id="form-observateur" role="form" autocomplete="on">
						<h2><?php echo $observateur['titre']; ?></h2>
						<div id="tb-observateur">
							<div class="navbar-default mb-3" id="tb-navbar">
								<div class="nav navbar-nav navbar-right row control-group">
									<div id="bouton-connexion" class="volet col-md-6 col-sm-8">
										<label for="bouton-connexion"><?php echo $observateur['compte']; ?></label>
										<a id="connexion" href="<?php echo $authTpl; ?>" class="btn btn-success  mr-1 mb-1" taget="_blank"><?php echo $observateur['connexion']; ?></a>
										<a id="bouton-inscription" href="" class="btn btn-primary mr-1 mb-1" taget="_blank"><?php echo $observateur['inscription']; ?></a>
									</div>
									<div id="creation-compte" class="volet col-md-6 col-sm-8">
										<label for="creation-compte"><?php echo $observateur['noninscription']; ?></label>
										<a id="bouton-anonyme" href="" class="btn btn-info mr-1 mb-1"><?php echo $observateur['nonconnexion']; ?></a>
									</div>
									<div id="utilisateur-connecte" class="volet hidden">
										<label for="utilisateur-connecte"><?php echo $observateur['bienvenue']; ?></label>
										<a href="" class="list-tool btn btn-large btn-primary volet-toggle" data-toggle="volet">
											<span id="nom-complet"></span> <!-- <i class="fas fa-caret-down"></i> -->
										</a>
										<div class="volet-menu hidden">
											<div id="profil-utilisateur">
												<a href="" taget="_blank"><?php echo $observateur['profil']; ?></a>
											</div>
											<div id="deconnexion"><a href=""><?php echo $observateur['deconnexion']; ?></a></div>
										</div>
									</div>
								</div>
							</div>
						</div>
 
						<div id="anonyme" class="mb-3 hidden">
							<div id="zone-courriel" class="row">
								<div class="control-group col-md-6">
									<label for="courriel" class="col-sm-8 obligatoire" title="<?php echo $observateur['courriel-title']; ?>">
										<i class="fa fa-envelope" aria-hidden="true"></i>
										<?php echo $observateur['courriel']; ?>
									</label>
									<div class="col-sm-8 mb-3">
										<input id="courriel" name="courriel" class="form-control" type="email" title="<?php echo $observateur['courriel-title']; ?> ">
										<input id="id_utilisateur" name="id_utilisateur" type="hidden">
									</div>
								</div>
 
								<div id="zone-courriel-confirmation" class="control-group col-md-6 hidden">
									<label for="courriel_confirmation" class="col-sm-8 obligatoire" title="<?php echo $observateur['courriel-confirmation-title']; ?>">
										<i class="fa fa-envelope" aria-hidden="true"></i>
										<?php echo $observateur['courriel-confirmation']; ?>
									</label>
									<div class="col-sm-8">
										<input id="courriel_confirmation" name="courriel_confirmation" class="form-control" type="email">
									</div>
								</div>
							</div>
 
							<div id="zone-prenom-nom" class="row hidden">
								<div class="control-group col-md-6">
									<label for="prenom" class="col-sm-8">
										<i class="fa fa-user" aria-hidden="true"></i>
										<?php echo $observateur['prenom']; ?>
									</label>
									<div class="input-group col-sm-8">
										<input id="prenom" name="prenom" class="form-control" type="text">
									</div>
								</div>
								<div class="control-group col-md-6">
									<label for="nom" class="col-sm-8">
										<i class="fa fa-user" aria-hidden="true"></i>
										<?php echo $observateur['nom']; ?>
									</label>
									<div class="input-group col-sm-8">
										<input id="nom" name="nom" class="form-control" type="text">
									</div>
								</div>
							</div>
						</div>
					</form>
 
					<!-- Messages d'erreur du formulaire-->
					<div class="zone-alerte">
						<div id="dialogue-bloquer-copier-coller" class="alert alert-info alert-block hidden">
							<a class="close">×</a>
							<h4 class="alert-heading"><?php echo $observateur['alertcc-title']; ?></h4>
							<p><?php echo $observateur['alertcc']; ?></p>
						</div>
						<div id="dialogue-utilisateur-non-identifie" class="alert alert-warning alert-block hidden">
							<a class="close">×</a>
							<h4 class="alert-heading"><?php echo $observateur['alertni-title']; ?></h4>
							<p><?php echo $observateur['alertni']; ?></p>
						</div>
					</div>
 
					<form id="form-observation" role="form" autocomplete="on" class="bloc-top">
						<h2><?php echo $observation['titre']; ?></h2>
						<div id="zone-observation" class="row">
							<div class="col-md-6">
 
								<div class="mb-3">
									<label for="geolocalisation" class="col-sm-8 obligatoire has-tooltip" data-toggle="tooltip" title="<?php echo $observation['geoloc-title']; ?>">
										<i class="fa fa-street-view" aria-hidden="true"></i>
										<?php echo $observation['geolocalisation']; ?>
									</label>
									<div class="control-group">
										<div id="geoloc-datas">
											<input type="hidden" id="pays" name="pays" value="" style="display:none">
											<input type="hidden" id="commune-nom" name="commune-nom" value="" style="display:none">
											<input type="hidden" id="latitude" name="latitude" value="" style="display:none">
											<input type="hidden" id="longitude" name="longitude" value="" style="display:none">
											<input type="hidden" id="altitude" name="altitude" value="" style="display:none">
											<input type="hidden" id="commune-insee" name="commune-insee" value="" style="display:none">
											<input type="hidden" id="coord-lineaire" name="coord-lineaire" value="" style="display:none">
										</div>
										<div id="geoloc" class="col-sm-8">
											<tb-geolocation-element
												id="tb-geolocation"
												layer='osm'
												zoom_init="4"
												lat_init="46.5"
												lng_init="2.9"
												marker="<?php echo ( $widget['type_localisation'] === 'point' ) ? 'true' : 'false' ;?>"
												polyline="<?php echo ( $widget['type_localisation'] === 'rue' ) ? 'true' : 'false' ;?>"
												polygon="false"
												show_lat_lng_elevation_inputs="<?php echo ( $widget['type_localisation'] === 'point' ) ? 'true' : 'false' ;?>"
												osm_class_filter=""
												elevation_provider="mapquest"
												map_quest_api_key="mG6oU5clZHRHrOSnAV0QboFI7ahnGg34"
											>
											</tb-geolocation-element>
										</div>
									</div>
								</div>
 
								<div class="control-group">
									<label for="lieudit" class="col-sm-8">
										<i class="fa fa-map-signs" aria-hidden="true"></i>
										<?php echo $observation['lieudit']; ?>
									</label>
									<div class="col-sm-8 mb-3">
										<input type="text" id="lieudit" name="lieudit" class="form-control has-tooltip" data-toggle="tooltip" title="<?php echo $observation['lieudit-title']; ?>">
									</div>
								</div>
								<div class="control-group">
									<label for="station" class="col-sm-8">
										<i class="fa fa-map-marker" aria-hidden="true"></i>
										<?php echo $observation['station']; ?>
									</label>
									<div class="col-sm-8 mb-3">
										<input type="text" id="station" name="station" class="form-control has-tooltip" data-toggle="tooltip" data-placement="bottom"title="<?php echo $observation['station-title']; ?>">
									</div>
								</div>
 
							</div>
 
							<div class="col-md-6">
 
								<div class="control-group">
									<label for="date_releve" class="col-sm-8 obligatoire">
										<i class="fa fa-calendar" aria-hidden="true"></i>
										<?php echo $observation['date']; ?>
									</label>
									<div class="col-sm-8 mb-3 has-tooltip" data-toggle="tooltip" title="<?php echo $observation['date-title']; ?>">
										<input type="date" id="date_releve" name="date_releve" class="form-control" max="<?php echo date('Y-m-d', time()); ?>" placeholder="jj/mm/aaaa" required>
									</div>
								</div>
 
								<?php if( ( $widget['type_especes'] === 'referentiel' || empty( $widget['type_especes'] ) ) && empty( $widget['referentiel'] ) ) : ?>
									<div class="control-group">
										<label for="referentiel" class="col-sm-8 obligatoire">
											<i class="fa fa-book" aria-hidden="true"></i>
											<?php echo $observation['referentiel']; ?>
										</label>
										<div class="col-sm-8 mb-3">
											<select id="referentiel" class="form-control custom-select has-tooltip" data-toggle="tooltip" title="<?php echo $observation['referentiel-title']; ?>">
												<option class="choisir" value="" selected hidden><?php echo $general['choisir']; ?></option>
												<option value="bdtfxr" selected="selected" title="Trachéophytes de France métropolitaine">Métropole (index réduit)</option>
												<option value="bdtfx" title="Trachéophytes de France métropolitaine">Métropole (BDTFX)</option>
												<option value="bdtxa" title="Trachéophytes des Antilles">Antilles françaises (BDTXA)</option>
												<option value="bdtre" title="Trachéophytes de La Réunion">Réunion (BDTRE)</option>
												<option value="aublet" title="Guyane">Guyane (AUBLET2)</option>
												<option value="florical" title="Nouvelle-Calédonie">Nouvelle-Calédonie (FLORICAL)</option>
												<option value="isfan" title="Afrique du Nord">Afrique du Nord (ISFAN)</option>
												<option value="apd" title="Afrique de l'Ouest et du Centre">Afrique de l'Ouest et du Centre (APD)</option>
												<option value="lbf" title="Liban">Liban (LBF)</option>
												<option value="autre" title="Autre/Inconnu">Autre/Inconnu</option>
											</select>
										</div>
									</div>
								<?php else : ?>
									<input id="referentiel" name="referentiel" value="<?php echo $widget['referentiel']; ?>" type="hidden">
								<?php endif; ?>
 
								<div id="bloc-taxon" class="control-group">
									<?php $isTaxonListe = ( isset( $widget['especes']['taxons'] ) && count( (array) $widget['especes']['taxons'] ) > 0 ) ;?>
									<label for="<?php echo ( !$isTaxonListe ) ? 'taxon' : 'taxon-liste';?>" class="col-sm-8">
										<i class="fa fa-leaf" aria-hidden="true"></i>
										<?php echo $observation['espece']; ?><?php if ( !empty( $widget['referentiel'] ) ) echo " (" . $widget['referentiel'] . ")"; ?>
									</label>
									<div class="col-sm-8 mb-3">
										<?php if ( $widget['type_especes'] === 'fixe' || $widget['especes']['espece_imposee'] ) : ?>
													<input id="taxon" name="taxon" type="text" class="form-control taxon-validation" title"" value="<?php echo $widget['especes']['nom_sci_espece_defaut']; ?>"/>
												</div>
											</div>
 
										<?php elseif ( $isTaxonListe ) : ?>
											<?php ksort( $widget['especes']['taxons'] ); ?>
													<select id="taxon-liste" name="taxon-liste" class="form-control custom-select taxon-validation has-tooltip" data-toggle="tooltip" title="<?php echo $observation['liste-espece-title']; ?>">
														<option class="choisir"  value="inconnue" selected hidden><?php echo $general['choisir']; ?></option>
														<?php foreach ($widget['especes']['taxons'] as $taxon)  : ?>
															<option
																class="nom-sci"
																value="<?php echo $taxon['nom_sel'];?>"
																title="<?php echo $taxon['nom_fr'];?>"
																data-num-nom-sel="<?php echo $taxon['num_nom_sel'];?>"
																data-nom-ret="<?php echo $taxon['nom_ret'];?>"
																data-num-nom-ret="<?php echo $taxon['num_nom_ret'];?>"
																data-nt="<?php echo $taxon['num_taxon'];?>"
																data-famille="<?php echo $taxon['famille'];?>"
															><?php echo $taxon['nom_sel'];?></option>
														<?php endforeach; ?>
														<option value="autre"><?php echo $observation['autre-espece']; ?></option>
													</select>
													<span for="taxon-liste" class="error" style="display: none;"><?php echo $observation['error-taxon'];?></span>
													<input id="taxon" name="taxon" class="form-control" type="hidden" />
												</div>
											</div>
											<div id="taxon-input-groupe" class="control-group hidden">
												<label for="taxon-autre" class="col-sm-8" title="">
													<i class="fab fa-pagelines" aria-hidden="true"></i>
													<?php echo $observation['autre-espece']; ?>
												</label>
												<div class="col-sm-8 mb-3">
													<input id="taxon-autre" name="taxon-autre" class="form-control has-tooltip" type="text" data-toggle="tooltip" title="<?php echo $observation['espece-title']; ?>">
												</div>
											</div>
										<?php else : ?>
													<input id="taxon" name="taxon" class="form-control taxon-validation has-tooltip" type="text" data-toggle="tooltip" title="<?php echo $observation['espece-title']; ?>">
													<span for="taxon" class="error" style="display: none;"><?php echo $observation['error-taxon'];?></span>
												</div>
											</div>
										<?php endif; ?>
 
								<div class="control-group">
									<label for="certitude" class="col-sm-8 obligatoire">
										<i class="fa fa-question" aria-hidden="true"></i>
										<?php echo $observation['certitude']; ?>
									</label>
									<div class="col-sm-8 mb-3">
										<select id="certitude" name="certitude" class="form-control custom-select has-tooltip" data-toggle="tooltip" title="<?php echo $observation['certitude-title']; ?>">
											<option class="aDeterminer" value="à determiner" ><?php echo $observation['certADet']; ?></option>
											<option class="douteuse" value="douteuse" ><?php echo $observation['certDout']; ?></option>
											<option class="certaine" value="certaine" selected="selected" ><?php echo $observation['certCert']; ?></option>
										</select>
									</div>
								</div>
								<div class="">
									<label for="milieu" class="col-sm-8">
										<i class="fa fa-street-view" aria-hidden="true"></i>
										<?php echo $observation['milieu']; ?>
									</label>
									<div class="col-sm-8 mb-3">
										<?php if ( 0 < count( (array) $widget['milieux'] ) ) :?>
											<div class="select-wrapper add-field-select">
												<select id="milieu" class="form-control milieu select custom-select has-tooltip mb-2" data-toggle="tooltip" title="<?php echo $observation['liste-milieu-title']; ?>" data-name="milieu" data-label="milieu">
													<option class="choisir" value="" selected hidden><?php echo $general['choisir']; ?></option>
													<?php foreach ( $widget['milieux'] as $milieu ) :?>
														<?php if ( 'autre' !== strtolower( $milieu ) ) :?>
															<option value="<?php echo $milieu; ?>" data-name="milieu"><?php echo $milieu; ?></option>
														<?php else :?>
															<option id="other-milieu" class="other form-control is-select" value="other" data-element="select" data-name="milieu"><?php echo $milieu; ?></option>
														<?php endif; ?>
													<?php endforeach; ?>
												</select>
											</div>
										<?php else : ?>
											<input id="milieu" name="milieu" class="form-control has-tooltip" data-toggle="tooltip" type="text" placeholder="<?php echo $observation['milieu-ph']; ?>" title="<?php echo $observation['milieu-title']; ?>">
										<?php endif; ?>
									</div>
								</div>
								<div class="">
									<label for="notes" class="col-sm-8">
										<i class="fa fa-pen" aria-hidden="true"></i>
										<?php echo $observation['notes']; ?>
									</label>
									<div class="col-sm-8 mb-3">
										<textarea id="notes" form="form-observation" class="col-md-12 has-tooltip" data-toggle="tooltip" rows="7" name="notes" placeholder="<?php echo $observation['notes_ph']; ?>" title="<?php echo $observation['notes-title']; ?>"></textarea>
									</div>
								</div>
 
							</div>
						</div>
					</form>
 
					<!-- Messages d'erreur du formulaire-->
					<div class="zone-alerte">
						<div id="dialogue-geoloc-ko" class="alert alert-warning alert-block hidden">
							<a class="close">×</a>
							<h4 class="alert-heading"><?php echo $observation['alertgk-title']; ?></h4>
							<p><?php echo $observation['alertgk']; ?></p>
						</div>
						<div id="dialogue-taxon-or-image" class="alert alert-warning alert-block hidden">
							<a class="close">×</a>
							<h4 class="alert-heading"><?php echo $observation['alert-img-tax-title']; ?></h4>
							<p><?php echo $observation['alert-img-tax']; ?></p>
						</div>
					</div>
 
					<!-- Champs supplémentaires -->
					<?php if ( isset($widget['chpSupp'] ) && 0 < count( (array) $widget['chpSupp'] ) ) : ?>
						<form id="form-supp"  class="bloc-top" role="form" autocomplete="on">
							<h2><?php echo $chpsupp['titre']; ?></h2>
							<div id="zone-supp" class="row">
								<div class="col-md-6">
 
									<?php foreach( $widget['chpSupp'][ $widget['projet'] ]['champs-supp'] as $champ ) : ?>
										<?php
											$min         = ( isset( $champ['fieldValues']['min'] ) )? ' min="' . $champ['fieldValues']['min'] . '"':'';
											$max         = ( isset( $champ['fieldValues']['max'] ) )? ' max="' . $champ['fieldValues']['max'] . '"':'';
											$step        = ( isset( $champ['fieldValues']['step'] ) )? ' step="' . $champ['fieldValues']['step'] . '"':'';
											$default     = ( isset( $champ['fieldValues']['default'] ) )? ' value="' . $champ['fieldValues']['default'] . '" data-default="' . $champ['fieldValues']['default'] . '"' :'';
											$description = ( isset( $champ['description'] ) )? ' data-toggle="tooltip" title="' . $champ['description'] . '"':'';
											$placeholder = ( isset( $champ['fieldValues']['placeholder'] ) )? ' placeholder="' . $champ['fieldValues']['placeholder'] . '"':'';
											$required    = '';
											$mandatory   = '';
											$pattern     = '';
											$obs_radio   = '';
											$help        = '';
											$help_button = '';
 
											if( $champ['help'] ) {
												$help = ' and-help';
												$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>';
											}
 
											if( $champ['mandatory'] ) {
												// Attr required
												$required  = ' required';
												// class="obligatoire"
												$mandatory = ' obligatoire';
											}
 
											switch( $champ['element'] ) {
												case 'radio':
												case 'checkbox': ?>
													<div class="control-group <?php echo $champ['element']; ?> mb-3"<?php echo $required; ?> data-name="<?php echo $champ['key']; ?>[]">
														<div class="col-sm-8 list-label<?php echo $help . $mandatory; ?>">
															<?php echo $champ['name'] . $help_button; ?>
														</div>
														<div class="col-sm-8 has-tooltip" <?php echo $description; ?>>
 
															<?php foreach ( $champ['fieldValues']['listValue'] as $i => $list_value ) : ?>
 
																	<?php
																		$checked = '';
																		if ( '#' === substr( $list_value, -1 ) ) :
																			$checked = ' checked';
																			$list_value = substr( $list_value, 0, -1 );
																		endif;
																	?>
 
																	<?php if( 'other' !== $list_value ) : ?>
																		<label for="<?php echo $champ['fieldValues']['cleanListValue'][$i]; ?>" class="<?php echo $champ['fieldValues']['cleanListValue'][$i]; ?>">
																			<input type="<?php echo $champ['element']; ?>" id="<?php echo $champ['fieldValues']['cleanListValue'][$i]; ?>" name="<?php echo $champ['key']; ?>[]" value="<?php echo $list_value; ?>"<?php echo $checked; ?> class="<?php echo $champ['fieldValues']['cleanListValue'][$i] . ' ' . $champ['key']; ?>" data-label="<?php echo $champ['name']; ?>" data-name="<?php echo $champ['key']; ?>">
																			<?php echo $list_value; ?>
																		</label>
																	<?php else : ?>
																		<label for="other-<?php echo $champ['key']; ?>">
																			<input type="<?php echo $champ['element']; ?>" id="other-<?php echo $champ['key']; ?>" name="<?php echo $champ['key']; ?>[]" value="other" class="other <?php echo $champ['key']; ?>" data-label="<?php echo $champ['name']; ?>" data-element="<?php echo $champ['element']; ?>" data-name="<?php echo $champ['key']; ?>">
																			Autre
																		</label>
																	<?php endif; ?>
 
															<?php endforeach; ?>
 
														</div>
													</div>
												<?php break;
 
												case 'list-checkbox': ?>
													<div class="multiselect <?php echo $champ['element'] . $help; ?>">
														<label class="col-sm-8<?php echo $mandatory; ?>" title="<?php echo $chpsupp['select-checkboxes-texte'];?>">
															<?php echo $champ['name'] . $help_button; ?>
														</label>
														<div class="control-group col-sm-8 mb-3 has-tooltip" <?php echo $description; ?>>
															<div class="selectBox">
																<select class="form-control list-checkbox custom-select" id="list-checkbox-<?php echo $champ['key']; ?>">
																	<option><?php echo $chpsupp['select-checkboxes-texte'];?></option>
																</select>
																<div class="overSelect"></div>
															</div>
															<div class="checkboxes hidden" <?php echo $required; ?> data-name="<?php echo $champ['key']; ?>[]">
																<?php foreach ( $champ['fieldValues']['listValue'] as $i => $list_value ) : ?>
 
																	<?php
																		$checked = '';
																		if ( '#' === substr( $list_value, -1 ) ) :
																			$checked = ' checked';
																			$list_value = substr( $list_value, 0, -1 );
																		endif;
																	?>
 
																	<?php if( 'other' !== $list_value ) : ?>
																		<label for="<?php echo $champ['fieldValues']['cleanListValue'][$i]; ?>">
																			<input type="checkbox" id="<?php echo $champ['fieldValues']['cleanListValue'][$i]; ?>" name="<?php echo $champ['key']; ?>[]" value="<?php echo $list_value; ?>"<?php echo $checked; ?> class="<?php echo $champ['fieldValues']['cleanListValue'][$i] . ' ' . $champ['key']; ?>" data-label="<?php echo $champ['name']; ?>" data-name="<?php echo $champ['key']; ?>">
																			<?php echo $list_value; ?>
																		</label>
																	<?php else : ?>
																		<label for="other-<?php echo $champ['key']; ?>">
																			<input type="checkbox" id="other-<?php echo $champ['key']; ?>" name="<?php echo $champ['key']; ?>[]" value="other" class="other <?php echo $champ['key']; ?>" data-label="<?php echo $champ['name']; ?>" data-element="checkboxes" data-name="<?php echo $champ['key']; ?>">
																			Autre
																		</label>
																	<?php endif; ?>
 
																<?php endforeach; ?>
 
															</div>
														</div>
													</div>
												<?php break;
 
												case 'select': ?>
													<div class="control-group mb-3">
														<label for="<?php echo $champ['key']; ?>" class="col-sm-8<?php echo $mandatory; ?>"><?php echo $champ['name'] . $help_button; ?></label>
														<div class="col-sm-8 mb-3">
															<div class="select-wrapper add-field-select <?php echo $help; ?>">
																<select id="<?php echo $champ['key']; ?>" class="<?php echo $champ['key'] . ' ' . $champ['element']; ?> form-control has-tooltip custom-select mb-2"<?php echo $required; ?> data-label="<?php echo $champ['name']; ?>" data-name="<?php echo $champ['key']; ?>" <?php echo $description; ?>>
 
																	<?php foreach ( $champ['fieldValues']['listValue'] as $list_value ) : ?>
 
																		<?php
																			$selected = '';
																			if ( '#' === substr( $list_value, -1 ) ) :
																				$selected = ' selected="selected"';
																				$list_value = substr( $list_value, 0, -1 );
																			endif;
																		?>
 
																		<?php if( 'other' !== $list_value ) : ?>
																			<option value="<?php echo $list_value; ?>"<?php echo $selected; ?> data-name="<?php echo $champ['key']; ?>">
																				<?php echo ucfirst( $list_value ); ?>
																			</option>
																		<?php else : ?>
																			<option id="other-<?php echo $champ['key']; ?>" class="other form-control is-select" value="other" data-element="<?php echo $champ['element']; ?>" data-name="<?php echo $champ['key']; ?>">Autre</option>
																		<?php endif; ?>
 
																	<?php endforeach; ?>
 
																</select>
															</div>
														</div>
													</div>
												<?php break;
 
												case 'textarea': ?>
													<div class="control-group">
														<label for="<?php echo $champ['key']; ?>" class="col-sm-8<?php echo $help . $mandatory; ?> " ><?php echo $champ['name'] . $help_button; ?></label>
														<div class="col-sm-8 mb-3">
															<textarea type="<?php echo $champ['element']; ?>" id="<?php echo $champ['key']; ?>" name="<?php echo $champ['key']; ?>" class="<?php echo $champ['key'] . $help; ?> form-control has-tooltip" <?php echo $description . $placeholder . $required; ?> data-label="<?php echo $champ['name']; ?>"></textarea>
														</div>
													</div>
												<?php break;
 
												case 'range': ?>
													<div class="control-group">
														<label for="<?php echo $champ['key']; ?>" class="col-sm-8<?php echo $help . $mandatory; ?>"><?php echo $champ['name'] . $help_button; ?></label>
														<div class="col-sm-8 mb-3 row">
															<?php
																$div_range_min_max = '';
 
																if ( isset( $champ['fieldValues']['min'] ) )  {
																	$div_range_min_max =
																		"<p class=\"col-sm-2 range-values text-center font-weight-bold\">".
																			"Min " . $champ['fieldValues']['min'] .
																		"</p>";
																}
 
																$div_range_min_max .= '<div class="range-live-value range-values text-center font-weight-bold col-sm-';
 
																if ( isset( $champ['fieldValues']['min'] ) && isset( $champ['fieldValues']['max'] ) ) {
																	$div_range_min_max .= '8';
																} elseif ( isset( $champ['fieldValues']['min'] ) || isset( $champ['fieldValues']['max'] ) ) {
																	$div_range_min_max .= '10';
																} else {
																	$div_range_min_max .= '12';
																}
 
																$div_range_min_max .= '" onload="this.innerText = document.getElementById(&apos;ajouter-obs&apos;).value"></div>';
 
																if( isset( $champ['fieldValues']['max'] ) ) {
																	$div_range_min_max .=
																		"<p class=\"col-sm-2 range-values text-center font-weight-bold\">".
																			"Max " . $champ['fieldValues']['max'] .
																		"</p>";
																}
 
																echo $div_range_min_max;
															?>
															<input type="<?php echo $champ['element']; ?>" name="<?php echo $champ['key']; ?>" class="pl-3 custom-range <?php echo $champ['key'] . $help; ?> form-control has-tooltip" <?php echo $description . $placeholder . $step . $default . $min . $max . $required; ?> data-label="<?php echo $champ['name']; ?>">
														</div>
													</div>
													<?php break;
 
												case 'number':
												case 'date': ?>
													<div class="control-group">
														<label for="<?php echo $champ['key']; ?>" class="col-sm-8<?php echo $mandatory; ?>"><?php echo $champ['name'] . $help_button; ?></label>
														<div class="col-sm-8 mb-3">
															<input type="<?php echo $champ['element']; ?>" name="<?php echo $champ['key']; ?>" class="<?php echo $champ['key'] . $help; ?> form-control has-tooltip"<?php echo  $pattern . $description . $placeholder . $step . $default . $min . $max . $required; ?> data-label="<?php echo $champ['name']; ?>">
														</div>
													</div>
													<?php break;
 
												case 'text' :
												case 'email':
												default: ?>
													<div class="control-group">
														<label for="<?php echo $champ['key']; ?>" class="col-sm-8<?php echo $mandatory; ?>"><?php echo $champ['name'] . $help_button; ?></label>
														<div class="col-sm-8 mb-3">
															<input type="<?php echo $champ['element']; ?>" name="<?php echo $champ['key']; ?>" class="<?php echo $champ['key'] . $help; ?> form-control has-tooltip" <?php echo $description . $placeholder . $required; ?> data-label="<?php echo $champ['name']; ?>">
														</div>
													</div>
												<?php break;
											}
										?>
 
									<?php endforeach; ?>
								</div>
							</div>
						</form>
					<?php endif; ?><!-- Fin champs supplémentaires -->
 
					<form id="form-upload" class="form-horizontal bloc-top" action="<?php echo $url_ws_upload ?>" method="post" enctype="multipart/form-data">
						<h2><?php echo $image['titre']; ?></h2>
						<p id="miniature-info">
							<?php echo $image['aide']; ?>
						</p>
						<div id ="photos-conteneur" class="control-group">
							<div>
								<label for="fichier" class="label-file btn btn-large btn-info mb-3">
									<span class="label-text"><i class="fas fa-download"></i> <?php echo $image['ajouter']; ?></span>
									<input type="file" id="fichier" name="fichier" class="input-file" accept="image/jpeg" multiple>
									<input type="hidden" name="MAX_FILE_SIZE" value="5242880">
								</label>
							</div>
							<span for="fichier" class="error" style="display: none;"><?php echo $observation['error-taxon'];?></span>
 
							<div id="miniatures"></div>
							<p class="miniature-msg" class="span12">&nbsp;</p>
						</div>
					</form>
 
					<div id="image" class="row"></div>
				</div>
 
				<!-- Bouton cr&ation d'une obs -->
				<div class="row mb-3">
					<div class="centre" title="<?php echo $resume['creer-title']; ?>">
						<button id="ajouter-obs" class="btn btn-success"><i class="fas fa-check-square"></i> <?php echo $resume['creer']; ?></button>
					</div>
				</div>
 
				<!-- Messages d'erreur du formulaire-->
				<div class="row">
					<div class="zone-alerte">
						<div id="dialogue-bloquer-creer-obs" class="alert alert-warning alert-block hidden">
							<a class="close">×</a>
							<h4 class="alert-heading"><?php echo $resume['alert10max']; ?></h4>
							<p><?php echo $resume['alert10max-desc']; ?></p>
						</div>
					</div>
					<div class="zone-alerte">
						<div id="dialogue-form-invalide" class="alert alert-warning alert-block hidden">
							<a class="close">×</a>
							<h4 class="alert-heading"><?php echo $resume['alertchp']; ?></h4>
							<p><?php echo $resume['alertchp-desc']; ?></p>
						</div>
					</div>
				</div>
 
				<!-- Affiche le tableau récapitualif des observations ajoutées -->
				<div id="zone-liste-obs" class="bloc-top hidden">
					<div class="alert alert-info">
						<h2 class="transmission-title"><strong><?php echo $resume['titre']; ?> <span class="obs-nbre badge badge-info">0</span></strong></h2>
						<button id="transmettre-obs" class="btn btn-success droite" disabled="disabled"
							title="<?php echo $resume['trans-title']; ?>" type="button">
							<?php echo $resume['trans']; ?>
						</button>
					</div>
					<!-- chargement -->
					<div id="chargement" class="modal-fenetre hidden">
						<div id="chargement-centrage" class="modal-contenu">
							<div class="progress active">
								<div id="barre-progression-upload" class="progress-bar progress-bar-striped" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="10" style="">
										<span class="sr-only">0/10 <?php echo $resume['nbobs']; ?></span>
									</div>
							</div>
							<p id="chargement-txt"><?php echo $resume['transencours']; ?></p>
						</div>
					</div>
					<div id="liste-obs" ></div>
					<div class="row">
						<div class="zone-alerte">
							<div id="dialogue-zero-obs" class="alert alert-block hidden">
								<a class="close">×</a>
								<h4 class="alert-heading"><?php echo $resume['alert0obs']; ?></h4>
								<p><?php echo $resume['alert0obs-desc']; ?></p>
							</div>
							<div id="dialogue-obs-transaction-ok" class="alert alert-success alert-block hidden">
								<a class="close">×</a>
								<h4 class="alert-heading"><?php echo $resume['info-trans']; ?></h4>
								<div class="alert-txt"></div>
							</div>
							<div id="dialogue-obs-transaction-ko" class="alert alert-error alert-block hidden">
								<a class="close">×</a>
								<h4 class="alert-heading"><?php echo $resume['alerttrans']; ?></h4>
								<div class="alert-txt"></div>
							</div>
						</div>
					</div>
				</div>
 
				<!-- Templates HTML -->
				<div id="tpl-transmission-ok" class="hidden">
					<p class="msg"><?php echo $resume['transok']; ?></p>
				</div>
				<div id="tpl-transmission-ko" class="hidden">
					<p class="msg"><?php echo $resume['transko']; ?></p>
				</div>
			</div>
		</div>
 
		<!-- Modales Aide -->
		<div id="help-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="help-modal-label" style="display: none;" aria-hidden="true">
			<div class="modal-dialog modal-dialog-centered" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<h5 class="modal-title" id="help-modal-label"></h5>
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
					</div>
					<div class="modal-body" id="print_content"></div>
					<div class="modal-footer">
						<button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
					</div>
				</div>
			</div>
		</div>
		<!-- carto -->
		<script type="text/javascript" src="<?php echo $url_base; ?>js/tb-geoloc/tb-geoloc-lib-app.js"></script>
		<!-- Jquery -->
		<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/1.11.1/jquery-1.11.1.min.js"></script>
		<!-- Jquery UI : nécessaire pour le minicalendrier et l'auto-complétion -->
		<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/jquery-ui/1.11.0/js/jquery-ui.min.js"></script>
		<!-- <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/jquery-ui/1.11.0/js/datepicker-fr.js"></script> -->
		<!-- Jquery Plugins -->
		<!-- Jquery Validate : nécessaire pour la validation des formulaires -->
		<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/jquery.validate.min.js"></script>
		<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/additional-methods.min.js"></script>
		<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/messages_fr.js"></script>
		<!-- Jquery Form :nécessaire pour l'upload des images -->
		<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/form/3.51/jquery.form.min.js"></script>
		<!-- Bootstrap -->
		<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>
		<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
		<!-- Connexion, bloc de prévisualisation, date -->
		<script type="text/javascript" src="<?php echo $url_base; ?>js/WidgetSaisie.js"></script>
		<script type="text/javascript" src="<?php echo $url_base; ?>js/champs-supp.js"></script>
		<script type="text/javascript">
			//<![CDATA[
				$( document ).ready( function() {
 
					// OMG un modèle objet !!
					var widget = new WidgetSaisie();
 
					// La présence du parametre 'debug' dans l'URL enclenche le débogage
					widget.debug = <?php echo isset( $_GET['debug'] ) ? 'true' : 'false'; ?>;
					// La présence du parametre 'html5' dans l'URL enclenche les fonctions avancées HTML5
					widget.html5 = <?php echo isset($_GET['html5']) ? 'true' : 'false'; ?>;
					// Mot-clé du widget/projet
					widget.tagProjet = "WidgetSaisie";
					// Mots-clés à ajouter aux images
					widget.tagImg = "<?php echo isset($widget['tag-img']) ? $widget['tag-img'] : ''; ?>";
					widget.separationTagImg = "<?php echo isset($_GET['motcle']) && isset($widget['tag-img']) ? ',' : ''; ?>";
					widget.tagImg = <?php echo isset($_GET['motcle']) ? "'".$_GET['motcle']."' + widget.separationTagImg + widget.tagImg" : 'widget.tagImg'; ?>;
					// Mots-clés à ajouter aux observations
					widget.tagObs = "<?php echo isset($widget['tag-obs']) ? $widget['tag-obs'] : ''; ?>";
					widget.separationTagObs = "<?php echo isset($_GET['projet']) && isset($widget['tag-obs']) ? ',' : ''; ?>";
					widget.tagObs = <?php echo isset($_GET['projet']) ? "'".$_GET['projet']."' + widget.separationTagObs + widget.tagObs" : 'widget.tagObs'; ?>;
					// Précharger le formulaire avec les infos d'une observation
					widget.obsId = "<?php echo isset($_GET['id-obs']) ? $_GET['id-obs'] : ''; ?>";
					// URL du web service réalisant l'insertion des données dans la base du CEL.
					widget.serviceSaisieUrl = "<?php echo $url_ws_saisie; ?>";
					// URL du web service permettant de récupérer les infos d'une observation du CEL.
					widget.serviceObsUrl = "<?php echo $url_ws_obs; ?>";
 
					// langue
					widget.langue = "<?php echo $widget['langue']; ?>";
					// Squelette d'URL du web service de l'annuaire.
					widget.serviceAnnuaireIdUrl = "<?php echo $url_ws_annuaire; ?>";
					// mode : prod / beta / local
					widget.mode = "<?php echo $conf_mode; ?>"
					// URL de l'icône du chargement en cours d'une image
					widget.chargementImageIconeUrl = "<?php echo $url_base; ?>img/icones/chargement-image.gif";
					// URL de l'icône pour une photo manquante
					widget.pasDePhotoIconeUrl = "<?php echo $url_base; ?>img/icones/pasdephoto.png";
 
					// Code du référentiel utilisé pour les nom scientifiques.
					widget.nomSciReferentiel = "<?php echo ( !empty( $widget['referentiel'] ) ) ? strtolower( $widget['referentiel'] ) : 'bdtfxr'; ?>";
					// Indication de la présence d'une espèce imposée
					widget.especeImposee = "<?php echo $widget['especes']['espece_imposee']; ?>";
					// Tableau d'informations sur l'espèce imposée
					widget.infosEspeceImposee = "<?php echo $widget['especes']['infos_espece']; ?>";
					// Nombre d'élément dans les listes d'auto-complétion
					widget.autocompletionElementsNbre = 20;
					// Indication de la présence d'un référentiel imposé
					widget.referentielImpose = "<?php echo ( !empty( $widget['referentiel'] ) ) ? strtolower( $widget['referentiel'] ) : 'bdtfxr'; ?>";
					// #taxon est une liste
					widget.isTaxonListe = <?php echo ( isset( $widget['especes']['taxons'] ) && count( (array) $widget['especes']['taxons'] ) )? 'true' : 'false' ; ?>;
					// URL du web service permettant l'auto-complétion des noms scientifiques
					widget.serviceAutocompletionNomSciUrl = "<?php echo $widget['especes']['url_ws_autocompletion_ns']; ?>?"+
						"masque={masque}&"+
						"recherche=etendue&"+
						"retour.champs=famille,nom_retenu,nom_retenu_complet,num_taxonomique,nom_retenu.id&"+
						"ns.structure=au&"+
						"navigation.limite=" + widget.autocompletionElementsNbre;
					// Squelette d'URL du web service permettant l'auto-complétion des noms scientifiques
					widget.serviceAutocompletionNomSciUrlTpl = "<?php echo $widget['especes']['url_ws_autocompletion_ns_tpl']; ?>?"+
						"masque={masque}&"+
						"recherche=etendue&"+
						"retour.champs=famille,nom_retenu,nom_retenu_complet,num_taxonomique,nom_retenu.id&"+
						"retour.tri=alpharet&"+ // tri "à la CeL"
						"ns.structure=au&"+
						"navigation.limite=" + widget.autocompletionElementsNbre;
					// Nombre d'observations max autorisé avant transmission
					widget.obsMaxNbre = 10;
					// Durée d'affichage en milliseconde des messages d'informations
					widget.dureeMessage = 10000;
					// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
					widget.serviceNomCommuneUrl = "https://api.tela-botanica.org/service:eflore:0.1/osm/nom-commune?lon={lon}&lat={lat}";
					// Squelette d'URL du web service d'eFlore fournissant les noms de communes hors de France (localisation approximative).
					widget.serviceNomCommuneUrlAlt = "https://api.tela-botanica.org/service:eflore:0.1/wikipedia/nom-commune?lon={lon}&lat={lat}&nbre=1";
					// URL du marqueur à utiliser dans la carte Google Map
					widget.googleMapMarqueurUrl = "<?php echo $url_base; ?>img/marqueurs/epingle.png";
 
					// Initialisation du bousin
					widget.init();
				});
			//]]>
		</script>
		<!-- Barre de navigation -->
		<?php if ( $bar ): ?>
			<script src="<?php echo $url_script_navigation; ?>"></script>
		<?php endif; ?>
	</body>
</html>

Rev 3330	Rev 3331
1	`<!DOCTYPE html>`	1	`<!DOCTYPE html>`
2	`<html xmlns="https://www.w3.org/1999/xhtml">`	2	`<html xmlns="https://www.w3.org/1999/xhtml">`
3	`<head>`	3	`<head>`
4	`<title><?php echo $widget['titre']; ?></title>`	4	`<title><?php echo $widget['titre']; ?></title>`
5		5
6	`<meta charset="utf-8" />`	6	`<meta charset="utf-8" />`
7	`<meta http-equiv="content-type" content="text/html; charset=UTF-8" />`	7	`<meta http-equiv="content-type" content="text/html; charset=UTF-8" />`
8	`<meta http-equiv="Content-style-type" content="text/css" />`	8	`<meta http-equiv="Content-style-type" content="text/css" />`
9	`<meta http-equiv="Content-script-type" content="text/javascript" />`	9	`<meta http-equiv="Content-script-type" content="text/javascript" />`
10	`<meta http-equiv="Content-language" content="fr" />`	10	`<meta http-equiv="Content-language" content="fr" />`
11		11
12	`<meta name="revisit-after" content="15 days" />`	12	`<meta name="revisit-after" content="15 days" />`
13	`<meta name="robots" content="index,follow" />`	13	`<meta name="robots" content="index,follow" />`
14	`<meta name="author" content="Tela Botanica" />`	14	`<meta name="author" content="Tela Botanica" />`
15	`<meta name="keywords" content="Tela Botanica, CEL" />`	15	`<meta name="keywords" content="Tela Botanica, CEL" />`
16	`<meta name="description" content="Widgets de saisie du carnet en ligne" />`	16	`<meta name="description" content="Widgets de saisie du carnet en ligne" />`
17	`<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no" />`	17	`<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no" />`
18		18
19	`<!-- OpenGraph pour Facebook, Pinterest, Google+ -->`	19	`<!-- OpenGraph pour Facebook, Pinterest, Google+ -->`
20	`<meta property="og:type" content="website" />`	20	`<meta property="og:type" content="website" />`
21	`<meta property="og:title" content="Widgets de saisie du CeL" />`	21	`<meta property="og:title" content="Widgets de saisie du CeL" />`
22	`<meta property="og:site_name" content="Tela Botanica" />`	22	`<meta property="og:site_name" content="Tela Botanica" />`
23	`<meta property="og:description" content="Widgets de saisie du Carnet en Ligne" />`	23	`<meta property="og:description" content="Widgets de saisie du Carnet en Ligne" />`
24	`<meta property="og:image" content="https://resources.tela-botanica.org/tb/img/256x256/carre_englobant.png" />`	24	`<meta property="og:image" content="https://resources.tela-botanica.org/tb/img/256x256/carre_englobant.png" />`
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" />`
29		29
30	`<!-- Favicone -->`	30	`<!-- Favicone -->`
31	`<link rel="shortcut icon" type="image/x-icon" href="https://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />`	31	`<link rel="shortcut icon" type="image/x-icon" href="https://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />`
32	`<!-- Jquery-ui custom css-->`	32	`<!-- Jquery-ui custom css-->`
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" />`	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" />`
34	`<!-- Bootstrap CSS -->`	34	`<!-- Bootstrap CSS -->`
35	`<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" />`
36	`<!-- Fontawesome -->`	36	`<!-- Fontawesome -->`
37	`<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">`	37	`<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">`
38	`<!-- Carto -->`	38	`<!-- Carto -->`
39	`<link href="<?php echo $url_base; ?>js/tb-geoloc/styles.css" rel="stylesheet" type="text/css" media="screen" />`	39	`<link href="<?php echo $url_base; ?>js/tb-geoloc/styles.css" rel="stylesheet" type="text/css" media="screen" />`
40	`<!-- STYLE SAISIE -->`	40	`<!-- STYLE SAISIE -->`
41	`<link href="<?php echo $url_base; ?>css/saisie.css" rel="stylesheet" type="text/css" media="screen" />`	41	`<link href="<?php echo $url_base; ?>css/saisie.css" rel="stylesheet" type="text/css" media="screen" />`
42		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" /> -->`
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>`	49	`</head>`
50		50
51	`<body id="top" data-sq="<?php echo $url_base; ?>">`	51	`<body id="top" data-sq="<?php echo $url_base; ?>">`
52	`<?php`	52	`<?php`
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;background-size:cover') . '"></div>': '';`	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;background-size:cover') . '"></div>': '';`
54	`?>`	54	`?>`
55	`<div id="zone-appli" class="container" data-projet="<?php echo $widget['projet']; ?>" data-url-fichiers="<?php echo $widget['chemin_fichiers']; ?>">`	55	`<div id="zone-appli" class="container" data-projet="<?php echo $widget['projet']; ?>" data-url-fichiers="<?php echo $widget['chemin_fichiers']; ?>">`
56	`<div class="layout-wrapper page">`	56	`<div class="layout-wrapper page">`
57	`<div class="row mb-3">`	57	`<div class="row mb-3">`
58	`<div class="col-md-2 col-sm-10">`	58	`<div class="col-md-2 col-sm-10">`
59	`<img id="logo" class="mr-3" src="<?php echo htmlspecialchars( $widget['chemin_fichiers'] . 'logo.' . preg_replace( '/(?:imag)?e\/?/','', $widget['logo'] ) ); ?>" alt="logo <?php echo $widget['projet']; ?>" />`	59	`<img id="logo" class="mr-3" src="<?php echo htmlspecialchars( $widget['chemin_fichiers'] . 'logo.' . preg_replace( '/(?:imag)?e\/?/','', $widget['logo'] ) ); ?>" alt="logo <?php echo $widget['projet']; ?>" />`
60	`</div>`	60	`</div>`
61	`<div class="col-md-10 col-sm-12">`	61	`<div class="col-md-10 col-sm-12">`
62	`<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>`	62	`<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>`
63	`</div>`	63	`</div>`
64	`</div>`	64	`</div>`
65		65
66	`<div class="row mb-3">`	66	`<div class="row mb-3">`
67	`<div class="col-md-6">`	67	`<div class="col-md-6">`
68	`<div id="description"><?php echo $widget['description']; ?></div>`	68	`<div id="description"><?php echo $widget['description']; ?></div>`
69	`</div>`	69	`</div>`
70	`<div class="col-md-6">`	70	`<div class="col-md-6">`
71	`<div id="aide" class="well well-lg hidden-sm-down">`	71	`<div id="aide" class="well well-lg hidden-sm-down">`
72	`<h3><?php echo $aide['titre']; ?></h3>`	72	`<h3><?php echo $aide['titre']; ?></h3>`
73	`<div id="aide-txt" class="hiden-sm-down">`	73	`<div id="aide-txt" class="hiden-sm-down">`
74	`<p><?php echo $aide['description']; ?></p>`	74	`<p><?php echo $aide['description']; ?></p>`
75	`</div>`	75	`</div>`
76	`</div>`	76	`</div>`
77	`</div>`	77	`</div>`
78	`</div>`	78	`</div>`
79		79
80	`<div id="formulaire" class="row mb-3 bloc-top">`	80	`<div id="formulaire" class="row mb-3 bloc-top">`
81	`<form id="form-observateur" role="form" autocomplete="on">`	81	`<form id="form-observateur" role="form" autocomplete="on">`
82	`<h2><?php echo $observateur['titre']; ?></h2>`	82	`<h2><?php echo $observateur['titre']; ?></h2>`
83	`<div id="tb-observateur">`	83	`<div id="tb-observateur">`
84	`<div class="navbar-default mb-3" id="tb-navbar">`	84	`<div class="navbar-default mb-3" id="tb-navbar">`
85	`<div class="nav navbar-nav navbar-right row control-group">`	85	`<div class="nav navbar-nav navbar-right row control-group">`
86	`<div id="bouton-connexion" class="volet col-md-6 col-sm-8">`	86	`<div id="bouton-connexion" class="volet col-md-6 col-sm-8">`
87	`<label for="bouton-connexion"><?php echo $observateur['compte']; ?></label>`	87	`<label for="bouton-connexion"><?php echo $observateur['compte']; ?></label>`
88	`<a id="connexion" href="<?php echo $authTpl; ?>" class="btn btn-success mr-1 mb-1" taget="_blank"><?php echo $observateur['connexion']; ?></a>`	88	`<a id="connexion" href="<?php echo $authTpl; ?>" class="btn btn-success mr-1 mb-1" taget="_blank"><?php echo $observateur['connexion']; ?></a>`
89	`<a id="bouton-inscription" href="" class="btn btn-primary mr-1 mb-1" taget="_blank"><?php echo $observateur['inscription']; ?></a>`	89	`<a id="bouton-inscription" href="" class="btn btn-primary mr-1 mb-1" taget="_blank"><?php echo $observateur['inscription']; ?></a>`
90	`</div>`	90	`</div>`
91	`<div id="creation-compte" class="volet col-md-6 col-sm-8">`	91	`<div id="creation-compte" class="volet col-md-6 col-sm-8">`
92	`<label for="creation-compte"><?php echo $observateur['noninscription']; ?></label>`	92	`<label for="creation-compte"><?php echo $observateur['noninscription']; ?></label>`
93	`<a id="bouton-anonyme" href="" class="btn btn-info mr-1 mb-1"><?php echo $observateur['nonconnexion']; ?></a>`	93	`<a id="bouton-anonyme" href="" class="btn btn-info mr-1 mb-1"><?php echo $observateur['nonconnexion']; ?></a>`
94	`</div>`	94	`</div>`
95	`<div id="utilisateur-connecte" class="volet hidden">`	95	`<div id="utilisateur-connecte" class="volet hidden">`
96	`<label for="utilisateur-connecte"><?php echo $observateur['bienvenue']; ?></label>`	96	`<label for="utilisateur-connecte"><?php echo $observateur['bienvenue']; ?></label>`
97	`<a href="" class="list-tool btn btn-large btn-primary volet-toggle" data-toggle="volet">`	97	`<a href="" class="list-tool btn btn-large btn-primary volet-toggle" data-toggle="volet">`
98	`<span id="nom-complet"></span> <!-- <i class="fas fa-caret-down"></i> -->`	98	`<span id="nom-complet"></span> <!-- <i class="fas fa-caret-down"></i> -->`
99	`</a>`	99	`</a>`
100	`<div class="volet-menu hidden">`	100	`<div class="volet-menu hidden">`
101	`<div id="profil-utilisateur">`	101	`<div id="profil-utilisateur">`
102	`<a href="" taget="_blank"><?php echo $observateur['profil']; ?></a>`	102	`<a href="" taget="_blank"><?php echo $observateur['profil']; ?></a>`
103	`</div>`	103	`</div>`
104	`<div id="deconnexion"><a href=""><?php echo $observateur['deconnexion']; ?></a></div>`	104	`<div id="deconnexion"><a href=""><?php echo $observateur['deconnexion']; ?></a></div>`
105	`</div>`	105	`</div>`
106	`</div>`	106	`</div>`
107	`</div>`	107	`</div>`
108	`</div>`	108	`</div>`
109	`</div>`	109	`</div>`
110		110
111	`<div id="anonyme" class="mb-3 hidden">`	111	`<div id="anonyme" class="mb-3 hidden">`
112	`<div id="zone-courriel" class="row">`	112	`<div id="zone-courriel" class="row">`
113	`<div class="control-group col-md-6">`	113	`<div class="control-group col-md-6">`
114	`<label for="courriel" class="col-sm-8 obligatoire" title="<?php echo $observateur['courriel-title']; ?>">`	114	`<label for="courriel" class="col-sm-8 obligatoire" title="<?php echo $observateur['courriel-title']; ?>">`
115	`<i class="fa fa-envelope" aria-hidden="true"></i>`	115	`<i class="fa fa-envelope" aria-hidden="true"></i>`
116	`<?php echo $observateur['courriel']; ?>`	116	`<?php echo $observateur['courriel']; ?>`
117	`</label>`	117	`</label>`
118	`<div class="col-sm-8 mb-3">`	118	`<div class="col-sm-8 mb-3">`
119	`<input id="courriel" name="courriel" class="form-control" type="email" title="<?php echo $observateur['courriel-title']; ?> ">`	119	`<input id="courriel" name="courriel" class="form-control" type="email" title="<?php echo $observateur['courriel-title']; ?> ">`
120	`<input id="id_utilisateur" name="id_utilisateur" type="hidden">`	120	`<input id="id_utilisateur" name="id_utilisateur" type="hidden">`
121	`</div>`	121	`</div>`
122	`</div>`	122	`</div>`
123		123
124	`<div id="zone-courriel-confirmation" class="control-group col-md-6 hidden">`	124	`<div id="zone-courriel-confirmation" class="control-group col-md-6 hidden">`
125	`<label for="courriel_confirmation" class="col-sm-8 obligatoire" title="<?php echo $observateur['courriel-confirmation-title']; ?>">`	125	`<label for="courriel_confirmation" class="col-sm-8 obligatoire" title="<?php echo $observateur['courriel-confirmation-title']; ?>">`
126	`<i class="fa fa-envelope" aria-hidden="true"></i>`	126	`<i class="fa fa-envelope" aria-hidden="true"></i>`
127	`<?php echo $observateur['courriel-confirmation']; ?>`	127	`<?php echo $observateur['courriel-confirmation']; ?>`
128	`</label>`	128	`</label>`
129	`<div class="col-sm-8">`	129	`<div class="col-sm-8">`
130	`<input id="courriel_confirmation" name="courriel_confirmation" class="form-control" type="email">`	130	`<input id="courriel_confirmation" name="courriel_confirmation" class="form-control" type="email">`
131	`</div>`	131	`</div>`
132	`</div>`	132	`</div>`
133	`</div>`	133	`</div>`
134		134
135	`<div id="zone-prenom-nom" class="row hidden">`	135	`<div id="zone-prenom-nom" class="row hidden">`
136	`<div class="control-group col-md-6">`	136	`<div class="control-group col-md-6">`
137	`<label for="prenom" class="col-sm-8">`	137	`<label for="prenom" class="col-sm-8">`
138	`<i class="fa fa-user" aria-hidden="true"></i>`	138	`<i class="fa fa-user" aria-hidden="true"></i>`
139	`<?php echo $observateur['prenom']; ?>`	139	`<?php echo $observateur['prenom']; ?>`
140	`</label>`	140	`</label>`
141	`<div class="input-group col-sm-8">`	141	`<div class="input-group col-sm-8">`
142	`<input id="prenom" name="prenom" class="form-control" type="text">`	142	`<input id="prenom" name="prenom" class="form-control" type="text">`
143	`</div>`	143	`</div>`
144	`</div>`	144	`</div>`
145	`<div class="control-group col-md-6">`	145	`<div class="control-group col-md-6">`
146	`<label for="nom" class="col-sm-8">`	146	`<label for="nom" class="col-sm-8">`
147	`<i class="fa fa-user" aria-hidden="true"></i>`	147	`<i class="fa fa-user" aria-hidden="true"></i>`
148	`<?php echo $observateur['nom']; ?>`	148	`<?php echo $observateur['nom']; ?>`
149	`</label>`	149	`</label>`
150	`<div class="input-group col-sm-8">`	150	`<div class="input-group col-sm-8">`
151	`<input id="nom" name="nom" class="form-control" type="text">`	151	`<input id="nom" name="nom" class="form-control" type="text">`
152	`</div>`	152	`</div>`
153	`</div>`	153	`</div>`
154	`</div>`	154	`</div>`
155	`</div>`	155	`</div>`
156	`</form>`	156	`</form>`
157		157
158	`<!-- Messages d'erreur du formulaire-->`	158	`<!-- Messages d'erreur du formulaire-->`
159	`<div class="zone-alerte">`	159	`<div class="zone-alerte">`
160	`<div id="dialogue-bloquer-copier-coller" class="alert alert-info alert-block hidden">`	160	`<div id="dialogue-bloquer-copier-coller" class="alert alert-info alert-block hidden">`
161	`<a class="close">×</a>`	161	`<a class="close">×</a>`
162	`<h4 class="alert-heading"><?php echo $observateur['alertcc-title']; ?></h4>`	162	`<h4 class="alert-heading"><?php echo $observateur['alertcc-title']; ?></h4>`
163	`<p><?php echo $observateur['alertcc']; ?></p>`	163	`<p><?php echo $observateur['alertcc']; ?></p>`
164	`</div>`	164	`</div>`
165	`<div id="dialogue-utilisateur-non-identifie" class="alert alert-warning alert-block hidden">`	165	`<div id="dialogue-utilisateur-non-identifie" class="alert alert-warning alert-block hidden">`
166	`<a class="close">×</a>`	166	`<a class="close">×</a>`
167	`<h4 class="alert-heading"><?php echo $observateur['alertni-title']; ?></h4>`	167	`<h4 class="alert-heading"><?php echo $observateur['alertni-title']; ?></h4>`
168	`<p><?php echo $observateur['alertni']; ?></p>`	168	`<p><?php echo $observateur['alertni']; ?></p>`
169	`</div>`	169	`</div>`
170	`</div>`	170	`</div>`
171		171
172	`<form id="form-observation" role="form" autocomplete="on" class="bloc-top">`	172	`<form id="form-observation" role="form" autocomplete="on" class="bloc-top">`
173	`<h2><?php echo $observation['titre']; ?></h2>`	173	`<h2><?php echo $observation['titre']; ?></h2>`
174	`<div id="zone-observation" class="row">`	174	`<div id="zone-observation" class="row">`
175	`<div class="col-md-6">`	175	`<div class="col-md-6">`
176		176
177	`<div class="mb-3">`	177	`<div class="mb-3">`
178	`<label for="geolocalisation" class="col-sm-8 obligatoire has-tooltip" data-toggle="tooltip" title="<?php echo $observation['geoloc-title']; ?>">`	178	`<label for="geolocalisation" class="col-sm-8 obligatoire has-tooltip" data-toggle="tooltip" title="<?php echo $observation['geoloc-title']; ?>">`
179	`<i class="fa fa-street-view" aria-hidden="true"></i>`	179	`<i class="fa fa-street-view" aria-hidden="true"></i>`
180	`<?php echo $observation['geolocalisation']; ?>`	180	`<?php echo $observation['geolocalisation']; ?>`
181	`</label>`	181	`</label>`
182	`<div class="control-group">`	182	`<div class="control-group">`
183	`<div id="geoloc-datas">`	183	`<div id="geoloc-datas">`
184	`<input type="hidden" id="pays" name="pays" value="" style="display:none">`	184	`<input type="hidden" id="pays" name="pays" value="" style="display:none">`
185	`<input type="hidden" id="commune-nom" name="commune-nom" value="" style="display:none">`	185	`<input type="hidden" id="commune-nom" name="commune-nom" value="" style="display:none">`
186	`<input type="hidden" id="latitude" name="latitude" value="" style="display:none">`	186	`<input type="hidden" id="latitude" name="latitude" value="" style="display:none">`
187	`<input type="hidden" id="longitude" name="longitude" value="" style="display:none">`	187	`<input type="hidden" id="longitude" name="longitude" value="" style="display:none">`
188	`<input type="hidden" id="altitude" name="altitude" value="" style="display:none">`	188	`<input type="hidden" id="altitude" name="altitude" value="" style="display:none">`
189	`<input type="hidden" id="commune-insee" name="commune-insee" value="" style="display:none">`	189	`<input type="hidden" id="commune-insee" name="commune-insee" value="" style="display:none">`
190	`<input type="hidden" id="coord-lineaire" name="coord-lineaire" value="" style="display:none">`	190	`<input type="hidden" id="coord-lineaire" name="coord-lineaire" value="" style="display:none">`
191	`</div>`	191	`</div>`
192	`<div id="geoloc" class="col-sm-8">`	192	`<div id="geoloc" class="col-sm-8">`
193	`<tb-geolocation-element`	193	`<tb-geolocation-element`
194	`id="tb-geolocation"`	194	`id="tb-geolocation"`
195	`layer='osm'`	195	`layer='osm'`
196	`zoom_init="4"`	196	`zoom_init="4"`
197	`lat_init="46.5"`	197	`lat_init="46.5"`
198	`lng_init="2.9"`	198	`lng_init="2.9"`
199	`marker="<?php echo ( $widget['type_localisation'] === 'point' ) ? 'true' : 'false' ;?>"`	199	`marker="<?php echo ( $widget['type_localisation'] === 'point' ) ? 'true' : 'false' ;?>"`
200	`polyline="<?php echo ( $widget['type_localisation'] === 'rue' ) ? 'true' : 'false' ;?>"`	200	`polyline="<?php echo ( $widget['type_localisation'] === 'rue' ) ? 'true' : 'false' ;?>"`
201	`polygon="false"`	201	`polygon="false"`
202	`show_lat_lng_elevation_inputs="<?php echo ( $widget['type_localisation'] === 'point' ) ? 'true' : 'false' ;?>"`	202	`show_lat_lng_elevation_inputs="<?php echo ( $widget['type_localisation'] === 'point' ) ? 'true' : 'false' ;?>"`
203	`osm_class_filter=""`	203	`osm_class_filter=""`
204	`elevation_provider="mapquest"`	204	`elevation_provider="mapquest"`
205	`map_quest_api_key="mG6oU5clZHRHrOSnAV0QboFI7ahnGg34"`	205	`map_quest_api_key="mG6oU5clZHRHrOSnAV0QboFI7ahnGg34"`
206	`>`	206	`>`
207	`</tb-geolocation-element>`	207	`</tb-geolocation-element>`
208	`</div>`	208	`</div>`
209	`</div>`	209	`</div>`
210	`</div>`	210	`</div>`
211		211
212	`<div class="control-group">`	212	`<div class="control-group">`
213	`<label for="lieudit" class="col-sm-8">`	213	`<label for="lieudit" class="col-sm-8">`
214	`<i class="fa fa-map-signs" aria-hidden="true"></i>`	214	`<i class="fa fa-map-signs" aria-hidden="true"></i>`
215	`<?php echo $observation['lieudit']; ?>`	215	`<?php echo $observation['lieudit']; ?>`
216	`</label>`	216	`</label>`
217	`<div class="col-sm-8 mb-3">`	217	`<div class="col-sm-8 mb-3">`
218	`<input type="text" id="lieudit" name="lieudit" class="form-control has-tooltip" data-toggle="tooltip" title="<?php echo $observation['lieudit-title']; ?>">`	218	`<input type="text" id="lieudit" name="lieudit" class="form-control has-tooltip" data-toggle="tooltip" title="<?php echo $observation['lieudit-title']; ?>">`
219	`</div>`	219	`</div>`
220	`</div>`	220	`</div>`
221	`<div class="control-group">`	221	`<div class="control-group">`
222	`<label for="station" class="col-sm-8">`	222	`<label for="station" class="col-sm-8">`
223	`<i class="fa fa-map-marker" aria-hidden="true"></i>`	223	`<i class="fa fa-map-marker" aria-hidden="true"></i>`
224	`<?php echo $observation['station']; ?>`	224	`<?php echo $observation['station']; ?>`
225	`</label>`	225	`</label>`
226	`<div class="col-sm-8 mb-3">`	226	`<div class="col-sm-8 mb-3">`
227	`<input type="text" id="station" name="station" class="form-control has-tooltip" data-toggle="tooltip" data-placement="bottom"title="<?php echo $observation['station-title']; ?>">`	227	`<input type="text" id="station" name="station" class="form-control has-tooltip" data-toggle="tooltip" data-placement="bottom"title="<?php echo $observation['station-title']; ?>">`
228	`</div>`	228	`</div>`
229	`</div>`	229	`</div>`
230		230
231	`</div>`	231	`</div>`
232		232
233	`<div class="col-md-6">`	233	`<div class="col-md-6">`
234		234
235	`<div class="control-group">`	235	`<div class="control-group">`
236	`<label for="date_releve" class="col-sm-8 obligatoire">`	236	`<label for="date_releve" class="col-sm-8 obligatoire">`
237	`<i class="fa fa-calendar" aria-hidden="true"></i>`	237	`<i class="fa fa-calendar" aria-hidden="true"></i>`
238	`<?php echo $observation['date']; ?>`	238	`<?php echo $observation['date']; ?>`
239	`</label>`	239	`</label>`
240	`<div class="col-sm-8 mb-3 has-tooltip" data-toggle="tooltip" title="<?php echo $observation['date-title']; ?>">`	240	`<div class="col-sm-8 mb-3 has-tooltip" data-toggle="tooltip" title="<?php echo $observation['date-title']; ?>">`
241	`<input type="date" id="date_releve" name="date_releve" class="form-control" max="<?php echo date('Y-m-d', time()); ?>" placeholder="jj/mm/aaaa" required>`	241	`<input type="date" id="date_releve" name="date_releve" class="form-control" max="<?php echo date('Y-m-d', time()); ?>" placeholder="jj/mm/aaaa" required>`
242	`</div>`	242	`</div>`
243	`</div>`	243	`</div>`
244		244
245	`<?php if( ( $widget['type_especes'] === 'referentiel' \|\| empty( $widget['type_especes'] ) ) && empty( $widget['referentiel'] ) ) : ?>`	245	`<?php if( ( $widget['type_especes'] === 'referentiel' \|\| empty( $widget['type_especes'] ) ) && empty( $widget['referentiel'] ) ) : ?>`
246	`<div class="control-group">`	246	`<div class="control-group">`
247	`<label for="referentiel" class="col-sm-8 obligatoire">`	247	`<label for="referentiel" class="col-sm-8 obligatoire">`
248	`<i class="fa fa-book" aria-hidden="true"></i>`	248	`<i class="fa fa-book" aria-hidden="true"></i>`
249	`<?php echo $observation['referentiel']; ?>`	249	`<?php echo $observation['referentiel']; ?>`
250	`</label>`	250	`</label>`
251	`<div class="col-sm-8 mb-3">`	251	`<div class="col-sm-8 mb-3">`
252	`<select id="referentiel" class="form-control custom-select has-tooltip" data-toggle="tooltip" title="<?php echo $observation['referentiel-title']; ?>">`	252	`<select id="referentiel" class="form-control custom-select has-tooltip" data-toggle="tooltip" title="<?php echo $observation['referentiel-title']; ?>">`
253	`<option class="choisir" value="" selected hidden><?php echo $general['choisir']; ?></option>`	253	`<option class="choisir" value="" selected hidden><?php echo $general['choisir']; ?></option>`
254	`<option value="bdtfxr" selected="selected" title="Trachéophytes de France métropolitaine">Métropole (index réduit)</option>`	254	`<option value="bdtfxr" selected="selected" title="Trachéophytes de France métropolitaine">Métropole (index réduit)</option>`
255	`<option value="bdtfx" title="Trachéophytes de France métropolitaine">Métropole (BDTFX)</option>`	255	`<option value="bdtfx" title="Trachéophytes de France métropolitaine">Métropole (BDTFX)</option>`
256	`<option value="bdtxa" title="Trachéophytes des Antilles">Antilles françaises (BDTXA)</option>`	256	`<option value="bdtxa" title="Trachéophytes des Antilles">Antilles françaises (BDTXA)</option>`
257	`<option value="bdtre" title="Trachéophytes de La Réunion">Réunion (BDTRE)</option>`	257	`<option value="bdtre" title="Trachéophytes de La Réunion">Réunion (BDTRE)</option>`
258	`<option value="aublet" title="Guyane">Guyane (AUBLET2)</option>`	258	`<option value="aublet" title="Guyane">Guyane (AUBLET2)</option>`
259	`<option value="florical" title="Nouvelle-Calédonie">Nouvelle-Calédonie (FLORICAL)</option>`	259	`<option value="florical" title="Nouvelle-Calédonie">Nouvelle-Calédonie (FLORICAL)</option>`
260	`<option value="isfan" title="Afrique du Nord">Afrique du Nord (ISFAN)</option>`	260	`<option value="isfan" title="Afrique du Nord">Afrique du Nord (ISFAN)</option>`
261	`<option value="apd" title="Afrique de l'Ouest et du Centre">Afrique de l'Ouest et du Centre (APD)</option>`	261	`<option value="apd" title="Afrique de l'Ouest et du Centre">Afrique de l'Ouest et du Centre (APD)</option>`
262	`<option value="lbf" title="Liban">Liban (LBF)</option>`	262	`<option value="lbf" title="Liban">Liban (LBF)</option>`
263	`<option value="autre" title="Autre/Inconnu">Autre/Inconnu</option>`	263	`<option value="autre" title="Autre/Inconnu">Autre/Inconnu</option>`
264	`</select>`	264	`</select>`
265	`</div>`	265	`</div>`
266	`</div>`	266	`</div>`
267	`<?php else : ?>`	267	`<?php else : ?>`
268	`<input id="referentiel" name="referentiel" value="<?php echo $widget['referentiel']; ?>" type="hidden">`	268	`<input id="referentiel" name="referentiel" value="<?php echo $widget['referentiel']; ?>" type="hidden">`
269	`<?php endif; ?>`	269	`<?php endif; ?>`
270		270
271	`<div id="bloc-taxon" class="control-group">`	271	`<div id="bloc-taxon" class="control-group">`
272	`<?php $isTaxonListe = ( isset( $widget['especes']['taxons'] ) && count( (array) $widget['especes']['taxons'] ) > 0 ) ;?>`	272	`<?php $isTaxonListe = ( isset( $widget['especes']['taxons'] ) && count( (array) $widget['especes']['taxons'] ) > 0 ) ;?>`
273	`<label for="<?php echo ( !$isTaxonListe ) ? 'taxon' : 'taxon-liste';?>" class="col-sm-8">`	273	`<label for="<?php echo ( !$isTaxonListe ) ? 'taxon' : 'taxon-liste';?>" class="col-sm-8">`
274	`<i class="fa fa-leaf" aria-hidden="true"></i>`	274	`<i class="fa fa-leaf" aria-hidden="true"></i>`
275	`<?php echo $observation['espece']; ?><?php if ( !empty( $widget['referentiel'] ) ) echo " (" . $widget['referentiel'] . ")"; ?>`	275	`<?php echo $observation['espece']; ?><?php if ( !empty( $widget['referentiel'] ) ) echo " (" . $widget['referentiel'] . ")"; ?>`
276	`</label>`	276	`</label>`
277	`<div class="col-sm-8 mb-3">`	277	`<div class="col-sm-8 mb-3">`
278	`<?php if ( $widget['type_especes'] === 'fixe' \|\| $widget['especes']['espece_imposee'] ) : ?>`	278	`<?php if ( $widget['type_especes'] === 'fixe' \|\| $widget['especes']['espece_imposee'] ) : ?>`
279	`<input id="taxon" name="taxon" type="text" class="form-control taxon-validation" title"" value="<?php echo $widget['especes']['nom_sci_espece_defaut']; ?>"/>`	279	`<input id="taxon" name="taxon" type="text" class="form-control taxon-validation" title"" value="<?php echo $widget['especes']['nom_sci_espece_defaut']; ?>"/>`
280	`</div>`	280	`</div>`
281	`</div>`	281	`</div>`
282		282
283	`<?php elseif ( $isTaxonListe ) : ?>`	283	`<?php elseif ( $isTaxonListe ) : ?>`
284	`<?php ksort( $widget['especes']['taxons'] ); ?>`	284	`<?php ksort( $widget['especes']['taxons'] ); ?>`
285	`<select id="taxon-liste" name="taxon-liste" class="form-control custom-select taxon-validation has-tooltip" data-toggle="tooltip" title="<?php echo $observation['liste-espece-title']; ?>">`	285	`<select id="taxon-liste" name="taxon-liste" class="form-control custom-select taxon-validation has-tooltip" data-toggle="tooltip" title="<?php echo $observation['liste-espece-title']; ?>">`
286	`<option class="choisir" value="inconnue" selected hidden><?php echo $general['choisir']; ?></option>`	286	`<option class="choisir" value="inconnue" selected hidden><?php echo $general['choisir']; ?></option>`
287	`<?php foreach ($widget['especes']['taxons'] as $taxon) : ?>`	287	`<?php foreach ($widget['especes']['taxons'] as $taxon) : ?>`
288	`<option`	288	`<option`
289	`class="nom-sci"`	289	`class="nom-sci"`
290	`value="<?php echo $taxon['nom_sel'];?>"`	290	`value="<?php echo $taxon['nom_sel'];?>"`
291	`title="<?php echo $taxon['nom_fr'];?>"`	291	`title="<?php echo $taxon['nom_fr'];?>"`
292	`data-num-nom-sel="<?php echo $taxon['num_nom_sel'];?>"`	292	`data-num-nom-sel="<?php echo $taxon['num_nom_sel'];?>"`
293	`data-nom-ret="<?php echo $taxon['nom_ret'];?>"`	293	`data-nom-ret="<?php echo $taxon['nom_ret'];?>"`
294	`data-num-nom-ret="<?php echo $taxon['num_nom_ret'];?>"`	294	`data-num-nom-ret="<?php echo $taxon['num_nom_ret'];?>"`
295	`data-nt="<?php echo $taxon['num_taxon'];?>"`	295	`data-nt="<?php echo $taxon['num_taxon'];?>"`
296	`data-famille="<?php echo $taxon['famille'];?>"`	296	`data-famille="<?php echo $taxon['famille'];?>"`
297	`><?php echo $taxon['nom_sel'];?></option>`	297	`><?php echo $taxon['nom_sel'];?></option>`
298	`<?php endforeach; ?>`	298	`<?php endforeach; ?>`
299	`<option value="autre"><?php echo $observation['autre-espece']; ?></option>`	299	`<option value="autre"><?php echo $observation['autre-espece']; ?></option>`
300	`</select>`	300	`</select>`
301	`<span for="taxon-liste" class="error" style="display: none;"><?php echo $observation['error-taxon'];?></span>`	301	`<span for="taxon-liste" class="error" style="display: none;"><?php echo $observation['error-taxon'];?></span>`
302	`<input id="taxon" name="taxon" class="form-control" type="hidden" />`	302	`<input id="taxon" name="taxon" class="form-control" type="hidden" />`
303	`</div>`	303	`</div>`
304	`</div>`	304	`</div>`
305	`<div id="taxon-input-groupe" class="control-group hidden">`	305	`<div id="taxon-input-groupe" class="control-group hidden">`
306	`<label for="taxon-autre" class="col-sm-8" title="">`	306	`<label for="taxon-autre" class="col-sm-8" title="">`
307	`<i class="fab fa-pagelines" aria-hidden="true"></i>`	307	`<i class="fab fa-pagelines" aria-hidden="true"></i>`
308	`<?php echo $observation['autre-espece']; ?>`	308	`<?php echo $observation['autre-espece']; ?>`
309	`</label>`	309	`</label>`
310	`<div class="col-sm-8 mb-3">`	310	`<div class="col-sm-8 mb-3">`
311	`<input id="taxon-autre" name="taxon-autre" class="form-control has-tooltip" type="text" data-toggle="tooltip" title="<?php echo $observation['espece-title']; ?>">`	311	`<input id="taxon-autre" name="taxon-autre" class="form-control has-tooltip" type="text" data-toggle="tooltip" title="<?php echo $observation['espece-title']; ?>">`
312	`</div>`	312	`</div>`
313	`</div>`	313	`</div>`
314	`<?php else : ?>`	314	`<?php else : ?>`
315	`<input id="taxon" name="taxon" class="form-control taxon-validation has-tooltip" type="text" data-toggle="tooltip" title="<?php echo $observation['espece-title']; ?>">`	315	`<input id="taxon" name="taxon" class="form-control taxon-validation has-tooltip" type="text" data-toggle="tooltip" title="<?php echo $observation['espece-title']; ?>">`
316	`<span for="taxon" class="error" style="display: none;"><?php echo $observation['error-taxon'];?></span>`	316	`<span for="taxon" class="error" style="display: none;"><?php echo $observation['error-taxon'];?></span>`
317	`</div>`	317	`</div>`
318	`</div>`	318	`</div>`
319	`<?php endif; ?>`	319	`<?php endif; ?>`
320		320
321	`<div class="control-group">`	321	`<div class="control-group">`
322	`<label for="certitude" class="col-sm-8 obligatoire">`	322	`<label for="certitude" class="col-sm-8 obligatoire">`
323	`<i class="fa fa-question" aria-hidden="true"></i>`	323	`<i class="fa fa-question" aria-hidden="true"></i>`
324	`<?php echo $observation['certitude']; ?>`	324	`<?php echo $observation['certitude']; ?>`
325	`</label>`	325	`</label>`
326	`<div class="col-sm-8 mb-3">`	326	`<div class="col-sm-8 mb-3">`
327	`<select id="certitude" name="certitude" class="form-control custom-select has-tooltip" data-toggle="tooltip" title="<?php echo $observation['certitude-title']; ?>">`	327	`<select id="certitude" name="certitude" class="form-control custom-select has-tooltip" data-toggle="tooltip" title="<?php echo $observation['certitude-title']; ?>">`
328	`<option class="aDeterminer" value="à determiner" ><?php echo $observation['certADet']; ?></option>`	328	`<option class="aDeterminer" value="à determiner" ><?php echo $observation['certADet']; ?></option>`
329	`<option class="douteuse" value="douteuse" ><?php echo $observation['certDout']; ?></option>`	329	`<option class="douteuse" value="douteuse" ><?php echo $observation['certDout']; ?></option>`
330	`<option class="certaine" value="certaine" selected="selected" ><?php echo $observation['certCert']; ?></option>`	330	`<option class="certaine" value="certaine" selected="selected" ><?php echo $observation['certCert']; ?></option>`
331	`</select>`	331	`</select>`
332	`</div>`	332	`</div>`
333	`</div>`	333	`</div>`
334	`<div class="">`	334	`<div class="">`
335	`<label for="milieu" class="col-sm-8">`	335	`<label for="milieu" class="col-sm-8">`
336	`<i class="fa fa-street-view" aria-hidden="true"></i>`	336	`<i class="fa fa-street-view" aria-hidden="true"></i>`
337	`<?php echo $observation['milieu']; ?>`	337	`<?php echo $observation['milieu']; ?>`
338	`</label>`	338	`</label>`
339	`<div class="col-sm-8 mb-3">`	339	`<div class="col-sm-8 mb-3">`
340	`<?php if ( 0 < count( (array) $widget['milieux'] ) ) :?>`	340	`<?php if ( 0 < count( (array) $widget['milieux'] ) ) :?>`
-		341	`<div class="select-wrapper add-field-select">`
341	`<select id="milieu" class="form-control custom-select has-tooltip" data-toggle="tooltip" title="<?php echo $observation['liste-milieu-title']; ?>">`	342	`<select id="milieu" class="form-control milieu select custom-select has-tooltip mb-2" data-toggle="tooltip" title="<?php echo $observation['liste-milieu-title']; ?>" data-name="milieu" data-label="milieu">`
342	`<option class="choisir" value="" selected hidden><?php echo $general['choisir']; ?></option>`	343	`<option class="choisir" value="" selected hidden><?php echo $general['choisir']; ?></option>`
343	`<?php foreach ( $widget['milieux'] as $milieu ) :?>`	344	`<?php foreach ( $widget['milieux'] as $milieu ) :?>`
-		345	`<?php if ( 'autre' !== strtolower( $milieu ) ) :?>`
344	`<option value="<?php echo $milieu; ?>"><?php echo $milieu; ?></option>`	346	`<option value="<?php echo $milieu; ?>" data-name="milieu"><?php echo $milieu; ?></option>`
-		347	`<?php else :?>`
-		348	`<option id="other-milieu" class="other form-control is-select" value="other" data-element="select" data-name="milieu"><?php echo $milieu; ?></option>`
-		349	`<?php endif; ?>`
345	`<?php endforeach; ?>`	350	`<?php endforeach; ?>`
346	`</select>`	351	`</select>`
-		352	`</div>`
347	`<?php else : ?>`	353	`<?php else : ?>`
348	`<input id="milieu" name="milieu" class="form-control has-tooltip" data-toggle="tooltip" type="text" placeholder="<?php echo $observation['milieu-ph']; ?>" title="<?php echo $observation['milieu-title']; ?>">`	354	`<input id="milieu" name="milieu" class="form-control has-tooltip" data-toggle="tooltip" type="text" placeholder="<?php echo $observation['milieu-ph']; ?>" title="<?php echo $observation['milieu-title']; ?>">`
349	`<?php endif; ?>`	355	`<?php endif; ?>`
350	`</div>`	356	`</div>`
351	`</div>`	357	`</div>`
352	`<div class="">`	358	`<div class="">`
353	`<label for="notes" class="col-sm-8">`	359	`<label for="notes" class="col-sm-8">`
354	`<i class="fa fa-pen" aria-hidden="true"></i>`	360	`<i class="fa fa-pen" aria-hidden="true"></i>`
355	`<?php echo $observation['notes']; ?>`	361	`<?php echo $observation['notes']; ?>`
356	`</label>`	362	`</label>`
357	`<div class="col-sm-8 mb-3">`	363	`<div class="col-sm-8 mb-3">`
358	`<textarea id="notes" form="form-observation" class="col-md-12 has-tooltip" data-toggle="tooltip" rows="7" name="notes" placeholder="<?php echo $observation['notes_ph']; ?>" title="<?php echo $observation['notes-title']; ?>"></textarea>`	364	`<textarea id="notes" form="form-observation" class="col-md-12 has-tooltip" data-toggle="tooltip" rows="7" name="notes" placeholder="<?php echo $observation['notes_ph']; ?>" title="<?php echo $observation['notes-title']; ?>"></textarea>`
359	`</div>`	365	`</div>`
360	`</div>`	366	`</div>`
361		367
362	`</div>`	368	`</div>`
363	`</div>`	369	`</div>`
364	`</form>`	370	`</form>`
365		371
366	`<!-- Messages d'erreur du formulaire-->`	372	`<!-- Messages d'erreur du formulaire-->`
367	`<div class="zone-alerte">`	373	`<div class="zone-alerte">`
368	`<div id="dialogue-geoloc-ko" class="alert alert-warning alert-block hidden">`	374	`<div id="dialogue-geoloc-ko" class="alert alert-warning alert-block hidden">`
369	`<a class="close">×</a>`	375	`<a class="close">×</a>`
370	`<h4 class="alert-heading"><?php echo $observation['alertgk-title']; ?></h4>`	376	`<h4 class="alert-heading"><?php echo $observation['alertgk-title']; ?></h4>`
371	`<p><?php echo $observation['alertgk']; ?></p>`	377	`<p><?php echo $observation['alertgk']; ?></p>`
372	`</div>`	378	`</div>`
373	`<div id="dialogue-taxon-or-image" class="alert alert-warning alert-block hidden">`	379	`<div id="dialogue-taxon-or-image" class="alert alert-warning alert-block hidden">`
374	`<a class="close">×</a>`	380	`<a class="close">×</a>`
375	`<h4 class="alert-heading"><?php echo $observation['alert-img-tax-title']; ?></h4>`	381	`<h4 class="alert-heading"><?php echo $observation['alert-img-tax-title']; ?></h4>`
376	`<p><?php echo $observation['alert-img-tax']; ?></p>`	382	`<p><?php echo $observation['alert-img-tax']; ?></p>`
377	`</div>`	383	`</div>`
378	`</div>`	384	`</div>`
379		385
380	`<!-- Champs supplémentaires -->`	386	`<!-- Champs supplémentaires -->`
381	`<?php if ( isset($widget['chpSupp'] ) && 0 < count( (array) $widget['chpSupp'] ) ) : ?>`	387	`<?php if ( isset($widget['chpSupp'] ) && 0 < count( (array) $widget['chpSupp'] ) ) : ?>`
382	`<form id="form-supp" class="bloc-top" role="form" autocomplete="on">`	388	`<form id="form-supp" class="bloc-top" role="form" autocomplete="on">`
383	`<h2><?php echo $chpsupp['titre']; ?></h2>`	389	`<h2><?php echo $chpsupp['titre']; ?></h2>`
384	`<div id="zone-supp" class="row">`	390	`<div id="zone-supp" class="row">`
385	`<div class="col-md-6">`	391	`<div class="col-md-6">`
386		392
387	`<?php foreach( $widget['chpSupp'][ $widget['projet'] ]['champs-supp'] as $champ ) : ?>`	393	`<?php foreach( $widget['chpSupp'][ $widget['projet'] ]['champs-supp'] as $champ ) : ?>`
388	`<?php`	394	`<?php`
389	`$min = ( isset( $champ['fieldValues']['min'] ) )? ' min="' . $champ['fieldValues']['min'] . '"':'';`	395	`$min = ( isset( $champ['fieldValues']['min'] ) )? ' min="' . $champ['fieldValues']['min'] . '"':'';`
390	`$max = ( isset( $champ['fieldValues']['max'] ) )? ' max="' . $champ['fieldValues']['max'] . '"':'';`	396	`$max = ( isset( $champ['fieldValues']['max'] ) )? ' max="' . $champ['fieldValues']['max'] . '"':'';`
391	`$step = ( isset( $champ['fieldValues']['step'] ) )? ' step="' . $champ['fieldValues']['step'] . '"':'';`	397	`$step = ( isset( $champ['fieldValues']['step'] ) )? ' step="' . $champ['fieldValues']['step'] . '"':'';`
392	`$default = ( isset( $champ['fieldValues']['default'] ) )? ' value="' . $champ['fieldValues']['default'] . '" data-default="' . $champ['fieldValues']['default'] . '"' :'';`	398	`$default = ( isset( $champ['fieldValues']['default'] ) )? ' value="' . $champ['fieldValues']['default'] . '" data-default="' . $champ['fieldValues']['default'] . '"' :'';`
393	`$description = ( isset( $champ['description'] ) )? ' data-toggle="tooltip" title="' . $champ['description'] . '"':'';`	399	`$description = ( isset( $champ['description'] ) )? ' data-toggle="tooltip" title="' . $champ['description'] . '"':'';`
394	`$placeholder = ( isset( $champ['fieldValues']['placeholder'] ) )? ' placeholder="' . $champ['fieldValues']['placeholder'] . '"':'';`	400	`$placeholder = ( isset( $champ['fieldValues']['placeholder'] ) )? ' placeholder="' . $champ['fieldValues']['placeholder'] . '"':'';`
395	`$required = '';`	401	`$required = '';`
396	`$mandatory = '';`	402	`$mandatory = '';`
397	`$pattern = '';`	403	`$pattern = '';`
398	`$obs_radio = '';`	404	`$obs_radio = '';`
399	`$help = '';`	405	`$help = '';`
400	`$help_button = '';`	406	`$help_button = '';`
401		407
402	`if( $champ['help'] ) {`	408	`if( $champ['help'] ) {`
403	`$help = ' and-help';`	409	`$help = ' and-help';`
404	`$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>';`	410	`$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>';`
405	`}`	411	`}`
406		412
407	`if( $champ['mandatory'] ) {`	413	`if( $champ['mandatory'] ) {`
408	`// Attr required`	414	`// Attr required`
409	`$required = ' required';`	415	`$required = ' required';`
410	`// class="obligatoire"`	416	`// class="obligatoire"`
411	`$mandatory = ' obligatoire';`	417	`$mandatory = ' obligatoire';`
412	`}`	418	`}`
413		419
414	`switch( $champ['element'] ) {`	420	`switch( $champ['element'] ) {`
415	`case 'radio':`	421	`case 'radio':`
416	`case 'checkbox': ?>`	422	`case 'checkbox': ?>`
417	`<div class="control-group <?php echo $champ['element']; ?> mb-3"<?php echo $required; ?> data-name="<?php echo $champ['key']; ?>[]">`	423	`<div class="control-group <?php echo $champ['element']; ?> mb-3"<?php echo $required; ?> data-name="<?php echo $champ['key']; ?>[]">`
418	`<div class="col-sm-8 list-label<?php echo $help . $mandatory; ?>">`	424	`<div class="col-sm-8 list-label<?php echo $help . $mandatory; ?>">`
419	`<?php echo $champ['name'] . $help_button; ?>`	425	`<?php echo $champ['name'] . $help_button; ?>`
420	`</div>`	426	`</div>`
421	`<div class="col-sm-8 has-tooltip" <?php echo $description; ?>>`	427	`<div class="col-sm-8 has-tooltip" <?php echo $description; ?>>`
422		428
423	`<?php foreach ( $champ['fieldValues']['listValue'] as $i => $list_value ) : ?>`	429	`<?php foreach ( $champ['fieldValues']['listValue'] as $i => $list_value ) : ?>`
424		430
425	`<?php`	431	`<?php`
426	`$checked = '';`	432	`$checked = '';`
427	`if ( '#' === substr( $list_value, -1 ) ) :`	433	`if ( '#' === substr( $list_value, -1 ) ) :`
428	`$checked = ' checked';`	434	`$checked = ' checked';`
429	`$list_value = substr( $list_value, 0, -1 );`	435	`$list_value = substr( $list_value, 0, -1 );`
430	`endif;`	436	`endif;`
431	`?>`	437	`?>`
432		438
433	`<?php if( 'other' !== $list_value ) : ?>`	439	`<?php if( 'other' !== $list_value ) : ?>`
434	`<label for="<?php echo $champ['fieldValues']['cleanListValue'][$i]; ?>" class="<?php echo $champ['fieldValues']['cleanListValue'][$i]; ?>">`	440	`<label for="<?php echo $champ['fieldValues']['cleanListValue'][$i]; ?>" class="<?php echo $champ['fieldValues']['cleanListValue'][$i]; ?>">`
435	`<input type="<?php echo $champ['element']; ?>" id="<?php echo $champ['fieldValues']['cleanListValue'][$i]; ?>" name="<?php echo $champ['key']; ?>[]" value="<?php echo $list_value; ?>"<?php echo $checked; ?> class="<?php echo $champ['fieldValues']['cleanListValue'][$i] . ' ' . $champ['key']; ?>" data-label="<?php echo $champ['name']; ?>" data-name="<?php echo $champ['key']; ?>">`	441	`<input type="<?php echo $champ['element']; ?>" id="<?php echo $champ['fieldValues']['cleanListValue'][$i]; ?>" name="<?php echo $champ['key']; ?>[]" value="<?php echo $list_value; ?>"<?php echo $checked; ?> class="<?php echo $champ['fieldValues']['cleanListValue'][$i] . ' ' . $champ['key']; ?>" data-label="<?php echo $champ['name']; ?>" data-name="<?php echo $champ['key']; ?>">`
436	`<?php echo $list_value; ?>`	442	`<?php echo $list_value; ?>`
437	`</label>`	443	`</label>`
438	`<?php else : ?>`	444	`<?php else : ?>`
439	`<label for="other-<?php echo $champ['key']; ?>">`	445	`<label for="other-<?php echo $champ['key']; ?>">`
440	`<input type="<?php echo $champ['element']; ?>" id="other-<?php echo $champ['key']; ?>" name="<?php echo $champ['key']; ?>[]" value="other" class="other <?php echo $champ['key']; ?>" data-label="<?php echo $champ['name']; ?>" data-element="<?php echo $champ['element']; ?>" data-name="<?php echo $champ['key']; ?>">`	446	`<input type="<?php echo $champ['element']; ?>" id="other-<?php echo $champ['key']; ?>" name="<?php echo $champ['key']; ?>[]" value="other" class="other <?php echo $champ['key']; ?>" data-label="<?php echo $champ['name']; ?>" data-element="<?php echo $champ['element']; ?>" data-name="<?php echo $champ['key']; ?>">`
441	`Autre`	447	`Autre`
442	`</label>`	448	`</label>`
443	`<?php endif; ?>`	449	`<?php endif; ?>`
444		450
445	`<?php endforeach; ?>`	451	`<?php endforeach; ?>`
446		452
447	`</div>`	453	`</div>`
448	`</div>`	454	`</div>`
449	`<?php break;`	455	`<?php break;`
450		456
451	`case 'list-checkbox': ?>`	457	`case 'list-checkbox': ?>`
452	`<div class="multiselect <?php echo $champ['element'] . $help; ?>">`	458	`<div class="multiselect <?php echo $champ['element'] . $help; ?>">`
453	`<label class="col-sm-8<?php echo $mandatory; ?>" title="<?php echo $chpsupp['select-checkboxes-texte'];?>">`	459	`<label class="col-sm-8<?php echo $mandatory; ?>" title="<?php echo $chpsupp['select-checkboxes-texte'];?>">`
454	`<?php echo $champ['name'] . $help_button; ?>`	460	`<?php echo $champ['name'] . $help_button; ?>`
455	`</label>`	461	`</label>`
456	`<div class="control-group col-sm-8 mb-3 has-tooltip" <?php echo $description; ?>>`	462	`<div class="control-group col-sm-8 mb-3 has-tooltip" <?php echo $description; ?>>`
457	`<div class="selectBox">`	463	`<div class="selectBox">`
458	`<select class="form-control list-checkbox custom-select" id="list-checkbox-<?php echo $champ['key']; ?>">`	464	`<select class="form-control list-checkbox custom-select" id="list-checkbox-<?php echo $champ['key']; ?>">`
459	`<option><?php echo $chpsupp['select-checkboxes-texte'];?></option>`	465	`<option><?php echo $chpsupp['select-checkboxes-texte'];?></option>`
460	`</select>`	466	`</select>`
461	`<div class="overSelect"></div>`	467	`<div class="overSelect"></div>`
462	`</div>`	468	`</div>`
463	`<div class="checkboxes hidden" <?php echo $required; ?> data-name="<?php echo $champ['key']; ?>[]">`	469	`<div class="checkboxes hidden" <?php echo $required; ?> data-name="<?php echo $champ['key']; ?>[]">`
464	`<?php foreach ( $champ['fieldValues']['listValue'] as $i => $list_value ) : ?>`	470	`<?php foreach ( $champ['fieldValues']['listValue'] as $i => $list_value ) : ?>`
465		471
466	`<?php`	472	`<?php`
467	`$checked = '';`	473	`$checked = '';`
468	`if ( '#' === substr( $list_value, -1 ) ) :`	474	`if ( '#' === substr( $list_value, -1 ) ) :`
469	`$checked = ' checked';`	475	`$checked = ' checked';`
470	`$list_value = substr( $list_value, 0, -1 );`	476	`$list_value = substr( $list_value, 0, -1 );`
471	`endif;`	477	`endif;`
472	`?>`	478	`?>`
473		479
474	`<?php if( 'other' !== $list_value ) : ?>`	480	`<?php if( 'other' !== $list_value ) : ?>`
475	`<label for="<?php echo $champ['fieldValues']['cleanListValue'][$i]; ?>">`	481	`<label for="<?php echo $champ['fieldValues']['cleanListValue'][$i]; ?>">`
476	`<input type="checkbox" id="<?php echo $champ['fieldValues']['cleanListValue'][$i]; ?>" name="<?php echo $champ['key']; ?>[]" value="<?php echo $list_value; ?>"<?php echo $checked; ?> class="<?php echo $champ['fieldValues']['cleanListValue'][$i] . ' ' . $champ['key']; ?>" data-label="<?php echo $champ['name']; ?>" data-name="<?php echo $champ['key']; ?>">`	482	`<input type="checkbox" id="<?php echo $champ['fieldValues']['cleanListValue'][$i]; ?>" name="<?php echo $champ['key']; ?>[]" value="<?php echo $list_value; ?>"<?php echo $checked; ?> class="<?php echo $champ['fieldValues']['cleanListValue'][$i] . ' ' . $champ['key']; ?>" data-label="<?php echo $champ['name']; ?>" data-name="<?php echo $champ['key']; ?>">`
477	`<?php echo $list_value; ?>`	483	`<?php echo $list_value; ?>`
478	`</label>`	484	`</label>`
479	`<?php else : ?>`	485	`<?php else : ?>`
480	`<label for="other-<?php echo $champ['key']; ?>">`	486	`<label for="other-<?php echo $champ['key']; ?>">`
481	`<input type="checkbox" id="other-<?php echo $champ['key']; ?>" name="<?php echo $champ['key']; ?>[]" value="other" class="other <?php echo $champ['key']; ?>" data-label="<?php echo $champ['name']; ?>" data-element="checkboxes" data-name="<?php echo $champ['key']; ?>">`	487	`<input type="checkbox" id="other-<?php echo $champ['key']; ?>" name="<?php echo $champ['key']; ?>[]" value="other" class="other <?php echo $champ['key']; ?>" data-label="<?php echo $champ['name']; ?>" data-element="checkboxes" data-name="<?php echo $champ['key']; ?>">`
482	`Autre`	488	`Autre`
483	`</label>`	489	`</label>`
484	`<?php endif; ?>`	490	`<?php endif; ?>`
485		491
486	`<?php endforeach; ?>`	492	`<?php endforeach; ?>`
487		493
488	`</div>`	494	`</div>`
489	`</div>`	495	`</div>`
490	`</div>`	496	`</div>`
491	`<?php break;`	497	`<?php break;`
492		498
493	`case 'select': ?>`	499	`case 'select': ?>`
494	`<div class="control-group mb-3">`	500	`<div class="control-group mb-3">`

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/saisie2/squelettes/saisie.tpl.html @ 3545 – Rev 3330 → 3331