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 strip_tags ( $widget['titre'] ); ?></title>
+		<title><?php echo strip_tags( $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" />
 		<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" />
+		<link href="<?php echo $url_base; ?>css/saisieSpe.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; ?>">
+	<body id="top" data-sq="<?php echo $url_base; ?>" data-type-loc="<?php echo $widget['type_localisation'];?>">
 		<?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 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>
+										<a id="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>
 								</div>
 							</div>
 						</div>
+						<div id="identite" class="mb-3 hidden">
+							<p id="bienvenue" class=" col-md-6 hidden font-weight-bold">
+								Bonjour<span id="bienvenue-prenom"></span><span id="bienvenue-nom"></span>!
-						<div id="anonyme" class="mb-3 hidden">
+							</p>
 							<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>
 											<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">
+										<div id="geoloc" class="col-sm-12">
 											<tb-geolocation-element
 												id="tb-geolocation"
 												layer='osm'
-												zoom_init="4"
+												zoom_init="<?php echo ( isset($widget['localisation']['zoom']) ) ? $widget['localisation']['zoom']: '4' ;?>"
-												lat_init="46.5"
+												lat_init="<?php echo ( isset($widget['localisation']['latitude']) ) ? $widget['localisation']['latitude']: '46.5' ;?>"
-												lng_init="2.9"
+												lng_init="<?php echo ( isset($widget['localisation']['longitude'])) ? $widget['localisation']['longitude'] : '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=""
 															<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_array ) : ?>
 																	<?php
-																	var_dump($list_value_array[0]);
+																	<?php
 																		$selected = '';
 																		if ( '#' === substr( $list_value_array[0], -1 ) ) :
 																			$selected = ' selected="selected"';
 					<p class="msg"><?php echo $resume['transko']; ?></p>
 				</div>
 			</div>
 		</div>
-		<!-- Modales Aide -->
+		<!-- modale -->
-		<div id="help-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="help-modal-label" style="display: none;" aria-hidden="true">
+		<div id="fenetre-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="fenetre-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>
+						<h5 class="modal-title" id="fenetre-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 class="modal-footer"></div>
 				</div>
 			</div>
 		</div>
 		<!-- carto -->
 		<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/Utils.js"></script>
+		<script type="text/javascript" src="<?php echo $url_base; ?>js/WidgetsSaisiesCommun.js"></script>
 		<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[
+				const NBRE_ELTS_AUTOCOMP = 20;
+				const OBS_MAX_NBRE       = 10;
-				$( document ).ready( function() {
+				const DUREE_MESSAGE      = 1000;
+				var tagImg           = "<?php echo isset($_GET['tag-img']) ? $_GET['tag-img'] : ''; ?>";
+				var separationTagImg = "<?php echo isset($_GET['motcle']) && isset($_GET['tag-img']) ? ',' : ''; ?>";
-					// OMG un modèle objet !!
+				var tagObs           = "<?php echo isset($_GET['tag-obs']) ? $_GET['tag-obs'] : ''; ?>";
-					var widget = new WidgetSaisie();
+				var separationTagObs = "<?php echo isset($_GET['projet']) && isset($_GET['tag-obs']) ? ',' : ''; ?>";
+				var widgetProp = {
+					// url jusqu'à "/widget:cel:"
+					'urlWidgets'                        : "<?php echo $widgets_url; ?>",
+					// module utilisé (apa,lg,streets)
+					'nomSquelette'                      : "<?php echo $widget['projet']; ?>",
 					// La présence du parametre 'debug' dans l'URL enclenche le débogage
-					widget.debug = <?php echo isset( $_GET['debug'] ) ? 'true' : 'false'; ?>;
+					'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'; ?>;
+					'html5'                             : <?php echo isset($_GET['html5']) ? 'true' : 'false'; ?>,
 					// Mot-clé du widget/projet
-					widget.tagProjet = "WidgetSaisie";
+					'tagProjet'                         : "<?php echo $widget['motscles']; ?>",
 					// 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'; ?>;
+					'tagImg'                            : <?php echo isset($_GET['motcle']) ? "'".$_GET['motcle']."' + separationTagImg + tagImg" : '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'; ?>;
+					'tagObs'                            : <?php echo isset($_GET['projet']) ? "'".$_GET['projet']."' + separationTagObs + tagObs" : 'tagObs'; ?>,
 					// Précharger le formulaire avec les infos d'une observation
-					widget.obsId = "<?php echo isset($_GET['id-obs']) ? $_GET['id-obs'] : ''; ?>";
+					'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; ?>";
+					'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; ?>";
+					'serviceObsUrl'                     : "<?php echo $url_ws_obs; ?>",
 					// langue
-					widget.langue = "<?php echo $widget['langue']; ?>";
+					'langue'                            : "<?php echo $widget['langue']; ?>",
 					// Squelette d'URL du web service de l'annuaire.
-					widget.serviceAnnuaireIdUrl = "<?php echo $url_ws_annuaire; ?>";
+					'serviceAnnuaireIdUrl'              : "<?php echo $url_ws_annuaire; ?>",
 					// mode : prod / beta / local
-					widget.mode = "<?php echo $conf_mode; ?>"
+					'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";
+					'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";
+					'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'; ?>";
+					'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']; ?>";
+					'especeImposee'                     : "<?php echo $widget['especes']['espece_imposee']; ?>",
 					// Tableau d'informations sur l'espèce imposée
-					widget.infosEspeceImposee = "<?php echo $widget['especes']['infos_espece']; ?>";
+					'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'; ?>";
+					'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' ; ?>;
+					'isTaxonListe'                      : <?php echo ( isset( $widget['especes']['taxons'] ) && count( (array) $widget['especes']['taxons'] ) )? 'true' : 'false' ; ?>,
+					// Nombre d'élément dans les listes d'auto-complétion
+					'autocompletionElementsNbre'        : NBRE_ELTS_AUTOCOMP,
 					// URL du web service permettant l'auto-complétion des noms scientifiques
-					widget.serviceAutocompletionNomSciUrl = "<?php echo $widget['especes']['url_ws_autocompletion_ns']; ?>?"+
+					'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;
+						"navigation.limite=" + NBRE_ELTS_AUTOCOMP,
 					// 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']; ?>?"+
+					'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;
+						"navigation.limite=" + NBRE_ELTS_AUTOCOMP,
 					// Nombre d'observations max autorisé avant transmission
-					widget.obsMaxNbre = 10;
+					'obsMaxNbre'                        : OBS_MAX_NBRE,
 					// Durée d'affichage en milliseconde des messages d'informations
-					widget.dureeMessage = 10000;
+					'dureeMessage'                      : DUREE_MESSAGE,
 					// 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}";
+					'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";
+					'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";
+				};
+				$( document ).ready( function() {
-					// Initialisation du bousin
+					widget = new WidgetSaisie(widgetProp);
+					widget.init();
+					// Fonctions de Style et Affichage des éléments "spéciaux"
-					widget.init();
+					utils.init();
 				});
 			//]]>
 		</script>
 		<!-- Barre de navigation -->

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/saisie2/squelettes/saisie.tpl.html – Rev 3362 → 3425