Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 3230 Rev 3239
Line 25... Line 25...
25 
		<meta property="og:image:type" content="image/png" />
 25 
		<meta property="og:image:type" content="image/png" />
26 
		<meta property="og:image:width" content="256" />
 26 
		<meta property="og:image:width" content="256" />
27 
		<meta property="og:image:height" content="256" />
 27 
		<meta property="og:image:height" content="256" />
28 
		<meta property="og:locale" content="fr_FR" />
 28 
		<meta property="og:locale" content="fr_FR" />
Line 29... Line 29...
29 
 
 29 
 
30 
		<!-- Favicones -->
 30 
		<!-- Favicone -->
31 
		<link rel="shortcut icon" type="image/x-icon" href="https://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
 - 
 
32
31 
		<link rel="shortcut icon" type="image/x-icon" href="https://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
33 
		<!-- CSS -->
 32 
		<!-- Jquery-ui custom css-->
34 
		<link href="https://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.18/css/smoothness/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" media="screen" />
 33 
		<link href="https://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.18/css/smoothness/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" media="screen" />
35 
		<!-- Bootstrap CSS -->
 34 
		<!-- Bootstrap CSS -->
36 
		<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous" />
 35 
		<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous" />
37 
		<link rel="stylesheet" type="text/css" href="<?= $url_base; ?>modules/saisie2/squelettes/css/bootstrap-4/css/bootstrap.min.css" />
 36 
		<!-- Fontawesome -->
- 
 
 37 
		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous" />
- 
 
 38 
		<!-- Carto -->
- 
 
 39 
		<link href="<?= $url_base; ?>modules/saisie2/squelettes/js/tb-geoloc/styles.css" rel="stylesheet" type="text/css" media="screen" />
38 
		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous" />
 40 
		<!-- STYLE SAISIE -->
Line 39... Line -...
39 
		<link href="<?= $url_base; ?>modules/saisie2/squelettes/css/saisie.css" rel="stylesheet" type="text/css" media="screen" />
 - 
 
40 
 
 - 
 
41 
		<!-- carto -->
 41 
		<link href="<?= $url_base; ?>modules/saisie2/squelettes/css/saisie.css" rel="stylesheet" type="text/css" media="screen" />
42 
		<link href="<?= $url_base; ?>modules/saisie2/squelettes/js/tb-geoloc/styles.css" rel="stylesheet" type="text/css" media="screen" />
 42 
 
43 
		<!--  Google Analytics -->
 43 
		<!--  Google Analytics -->
44 
		<?php if( $prod ): ?>
 44 
		<?php if( $prod ): ?>
45 
			<?php include "analytics.html"; ?>
 45 
			<?php include "analytics.html"; ?>
46 
		<?php endif; ?>
 46 
		<?php endif; ?>
47 
		<link rel="icon" type="image/x-icon" href="favicon.ico" />
 47 
		<link rel="icon" type="image/x-icon" href="favicon.ico" />
Line 48... Line 48...
48 
		<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
 48 
		<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
- 
 
 49 
	</head>
- 
 
 50 
 
- 
 
 51 
	<body>
49 
	</head>
 52 
		<?php
50 
 
 53 
			echo ( $widget['image_fond'] ) ? '<div id="image-fond" style="' . htmlspecialchars( 'background:url("' . $widget['chemin_fichiers'] . 'image_fond.' . preg_replace( '/(?:imag)?e\/?/','',$widget['image_fond']) . '") no-repeat center center') . '"></div>': '';
51 
	<body>
 54 
		?>
52 
		<!-- <?php //var_dump($widget['especes']['url_ws_autocompletion_ns']); ?> -->
 55 
		<!-- <?php //var_dump($widget['especes']['url_ws_autocompletion_ns']); ?> -->
53 
		<div id="zone-appli" class="container">
 56 
		<div id="zone-appli" class="container" data-projet="<?= $widget['projet']; ?>" data-url-fichiers="<?= $widget['chemin_fichiers']; ?>">
54 
			<div class="layout-wrapper page">
 57 
			<div class="layout-wrapper page">
55 
				<div class="media">
 58 
				<div class="media">
56 
					<img class="d-flex mr-3" src="<?= $widget['logo']; ?>" alt="logo<?= $widget['projet']; ?>" />
 - 
 
57 
				<div class="media-body">
 - 
 
58 
				<h1 class="mt-0"><?= $widget['titre']; ?></h1>
 - 
 
59 
			</div>
 - 
 
60 
		</div>
 - 
 
61 
 
 - 
 
62 
		<div class="row">
 - 
 
63 
			<div class="col-md-6">
 - 
 
64 
				<div id="description"><?= $widget['description']; ?></div>
 - 
 
65 
			</div>
 - 
 
66 
			<div class="col-md-6">
 - 
 
67 
				<div id="aide" class="well well-lg hidden-sm-down">
 - 
 
68 
					<h3><?= $aide['titre']; ?></h3>
 59 
					<img class="d-flex mr-3" src="<?php echo htmlspecialchars( $widget['chemin_fichiers'] . 'logo.' . preg_replace( '/(?:imag)?e\/?/','', $widget['logo'] ) ); ?>" alt="logo <?= $widget['projet']; ?>" />
69 
					<div id="aide-txt" class="hiden-sm-down">
 60 
					<div class="media-body">
70 
						<p><?= $aide['description']; ?></p>
 - 
 
71 
					</div>
 - 
 
Line 72... Line -...
72 
				</div>
 - 
 
73 
			</div>
 - 
 
74 
		</div>
 - 
 
75 
 
 - 
 
76 
		<div id="formulaire" class="row mb-3 bloc-top">
 - 
 
77 
			<form id="form-observateur" role="form" autocomplete="on">
 - 
 
78 
				<h2><?= $observateur['titre']; ?></h2>
 - 
 
79 
				<!--la partie tb-navigation vient du widget stats http://svn.tela-botanica.net/websvn/filedetails.php?repname=eFlore%2FApplications.cel&path=%2Ftrunk%2Fwidget%2Fmodules%2Fstats%2Fsquelettes%2Fstats_utilisateur.tpl.html
 61 
						<h1 id="titre-projet" class="mt-0"><?php echo ( $widget['info'] ) ? $widget['titre'] . ' <div id="info-button" class="btn btn-outline-info btn-sm border-0" data-mime-info="' . $widget['info'] . '"><i class="fas fa-info-circle"></i></div>' : $widget['titre']; ?></h1>
80 
				la partie contenu-souce vient de http://svn.tela-botanica.net/websvn/filedetails.php?repname=Applications.reseau&path=%2Ftrunk%2Fwidget%2Fmodules%2Fnavigation%2Fsquelettes%2Fbootstrap3.tpl.php
 - 
 
81 
				le javascript auth.js vient de http://svn.tela-botanica.net/websvn/filedetails.php?repname=Applications.reseau&path=%2Ftrunk%2Fresources%2Fjs%2Fnavigation.js
 62 
					</div>
82 
				de l'aide dans la partie Intégration dans l'interface (applications AJAX) de https://www.tela-botanica.org/wikini/DevInformatiques/wakka.php?wiki=MemoIntegrationSSO-->
 - 
 
83 
				<!-- prod : -->
 - 
 
84 
				<!-- <div id="tb-navigation" data-courant="widget-cel-saisie2" data-squelette="navigation" data-mode="prod"> -->
 - 
 
85 
				<!-- beta (test) :-->
 - 
 
86 
				<div id="tb-navigation" data-courant="widget-cel-saisie2" data-squelette="navigation" data-mode="test">
 - 
 
87 
				<!-- dev (localhost) : -->
 - 
 
88 
				<!-- <div id="tb-navigation" data-courant="widget-cel-saisie2" data-squelette="navigation" data-mode="local"> -->
 63 
				</div>
89 
					<div class="navbar-default mb-3" id="tb-navbar">
 - 
 
90 
						<div class="nav navbar-nav navbar-right row">
 - 
 
91 
							<div id="bouton-connexion" class="dropdown col-md-6 col-sm-8">
 64 
 
92 
								<label for="bouton-connexion"><?= $observateur['compte']; ?></label>
 65 
				<div class="row">
93 
								<a id="connexion" href="<?= $authTpl; ?>" class="btn btn-success  mr-1 mb-1" taget="_blank"><?= $observateur['connexion']; ?></a>
 - 
 
94 
								<a id="bouton-inscription" href="https://beta.tela-botanica.org/test/inscription" class="btn btn-primary mr-1 mb-1" taget="_blank"><?= $observateur['inscription']; ?></a>
 - 
 
95 
							</div>
 - 
 
96 
							<div id="creation-compte" class="dropdown col-md-6 col-sm-8">
 66 
					<div class="col-md-6">
97 
								<label for="creation-compte"><?= $observateur['noninscription']; ?></label>
 - 
 
98 
								<a id="bouton-anonyme" href="#" class="btn btn-info mr-1 mb-1"><?= $observateur['nonconnexion']; ?></a>
 - 
 
99 
							</div>
 67 
						<div id="description"><?= $widget['description']; ?></div>
100 
							<div id="utilisateur-connecte" class="dropdown hidden">
 - 
 
101 
								<label for="utilisateur-connecte"><?= $observateur['bienvenue']; ?></label>
 68 
					</div>
102 
								<a href="#" class="list-tool btn btn-largee btn-primary dropdown-toggle" data-toggle="dropdown">
 - 
 
103 
									<span id="nom-complet"></span>
 69 
					<div class="col-md-6">
104 
								</a>
 - 
 
105 
								<div class="dropdown-menu">
 70 
						<div id="aide" class="well well-lg hidden-sm-down">
106 
									<div id="profil-utilisateur"><a href="https://beta.tela-botanica.org/test/inscription" taget="_blank"><?= $observateur['profil']; ?></a></div>
 71 
							<h3><?= $aide['titre']; ?></h3>
107 
									<div id="deconnexion"><a href="#"><?= $observateur['deconnexion']; ?></a></div>
 72 
							<div id="aide-txt" class="hiden-sm-down">
108 
								</div>
 73 
								<p><?= $aide['description']; ?></p>
109 
							</div>
 74 
							</div>
110 
						</div>
 75 
						</div>
- 
 
 76 
					</div>
- 
 
 77 
				</div>
- 
 
 78 
 
- 
 
 79 
				<div id="formulaire" class="row mb-3 bloc-top">
- 
 
 80 
					<form id="form-observateur" role="form" autocomplete="on">
- 
 
 81 
						<h2><?= $observateur['titre']; ?></h2>
- 
 
 82 
						<!--la partie tb-navigation vient du widget stats http://svn.tela-botanica.net/websvn/filedetails.php?repname=eFlore%2FApplications.cel&path=%2Ftrunk%2Fwidget%2Fmodules%2Fstats%2Fsquelettes%2Fstats_utilisateur.tpl.html
- 
 
 83 
						la partie contenu-souce vient de http://svn.tela-botanica.net/websvn/filedetails.php?repname=Applications.reseau&path=%2Ftrunk%2Fwidget%2Fmodules%2Fnavigation%2Fsquelettes%2Fbootstrap3.tpl.php
- 
 
 84 
						le javascript auth.js vient de http://svn.tela-botanica.net/websvn/filedetails.php?repname=Applications.reseau&path=%2Ftrunk%2Fresources%2Fjs%2Fnavigation.js
- 
 
 85 
						de l'aide dans la partie Intégration dans l'interface (applications AJAX) de https://www.tela-botanica.org/wikini/DevInformatiques/wakka.php?wiki=MemoIntegrationSSO-->
- 
 
 86 
						<!-- prod : -->
- 
 
 87 
						<!-- <div id="tb-navigation" data-courant="widget-cel-saisie2" data-squelette="navigation" data-mode="prod"> -->
- 
 
 88 
						<!-- beta (test) :-->
- 
 
 89 
						<div id="tb-navigation" data-courant="widget-cel-saisie2" data-squelette="navigation" data-mode="test">
111 
					</div>
 90 
						<!-- dev (localhost) : -->
- 
 
 91 
						<!-- <div id="tb-navigation" data-courant="widget-cel-saisie2" data-squelette="navigation" data-mode="local"> -->
- 
 
 92 
							<div class="navbar-default mb-3" id="tb-navbar">
- 
 
 93 
								<div class="nav navbar-nav navbar-right row">
- 
 
 94 
									<div id="bouton-connexion" class="volet col-md-6 col-sm-8">
112 
				</div>
 95 
										<label for="bouton-connexion"><?= $observateur['compte']; ?></label>
113
96 
										<a id="connexion" href="<?= $authTpl; ?>" class="btn btn-success  mr-1 mb-1" taget="_blank"><?= $observateur['connexion']; ?></a>
- 
 
 97 
										<a id="bouton-inscription" href="https://beta.tela-botanica.org/test/inscription" class="btn btn-primary mr-1 mb-1" taget="_blank"><?= $observateur['inscription']; ?></a>
- 
 
 98 
									</div>
114 
				<div id="anonyme" class="mb-3 hidden">
 99 
									<div id="creation-compte" class="volet col-md-6 col-sm-8">
115 
					<div id="zone-courriel" class="row">
 100 
										<label for="creation-compte"><?= $observateur['noninscription']; ?></label>
- 
 
 101 
										<a id="bouton-anonyme" href="#" class="btn btn-info mr-1 mb-1"><?= $observateur['nonconnexion']; ?></a>
- 
 
 102 
									</div>
116 
						<div class="control-group col-md-6">
 103 
									<div id="utilisateur-connecte" class="volet hidden">
117 
							<label for="courriel" class="col-sm-8 obligatoire" title="<?= $observateur['courriel-title']; ?>">
 104 
										<label for="utilisateur-connecte"><?= $observateur['bienvenue']; ?></label>
- 
 
 105 
										<a href="#" class="list-tool btn btn-large btn-primary volet-toggle" data-toggle="volet">
118 
								<i class="fa fa-envelope" aria-hidden="true"></i>
 106 
											<span id="nom-complet"></span> <!-- <i class="fas fa-caret-down"></i> -->
- 
 
 107 
										</a>
119 
								<?= $observateur['courriel']; ?>
 108 
										<div class="volet-menu hidden">
- 
 
 109 
											<div id="profil-utilisateur">
- 
 
 110 
												<a href="https://beta.tela-botanica.org/test/inscription" taget="_blank"><?= $observateur['profil']; ?></a>
- 
 
 111 
											</div>
120 
							</label>
 112 
											<div id="deconnexion"><a href="#"><?= $observateur['deconnexion']; ?></a></div>
121 
							<div class="col-sm-8 mb-3">
 113 
										</div>
122 
								<input id="courriel" name="courriel" class="form-control" type="email" title="<?= $observateur['courriel-title']; ?> ">
 114 
									</div>
- 
 
 115 
								</div>
- 
 
 116 
							</div>
- 
 
 117 
						</div>
- 
 
 118 
 
- 
 
 119 
						<div id="anonyme" class="mb-3 hidden">
- 
 
 120 
							<div id="zone-courriel" class="row">
- 
 
 121 
								<div class="control-group col-md-6">
- 
 
 122 
									<label for="courriel" class="col-sm-8 obligatoire" title="<?= $observateur['courriel-title']; ?>">
- 
 
 123 
										<i class="fa fa-envelope" aria-hidden="true"></i>
- 
 
 124 
										<?= $observateur['courriel']; ?>
- 
 
 125 
									</label>
- 
 
 126 
									<div class="col-sm-8 mb-3">
- 
 
 127 
										<input id="courriel" name="courriel" class="form-control" type="email" title="<?= $observateur['courriel-title']; ?> ">
123 
								<input id="id_utilisateur" name="id_utilisateur" type="hidden">
 128 
										<input id="id_utilisateur" name="id_utilisateur" type="hidden">
124 
							</div>
 129 
									</div>
125 
						</div>
 130 
								</div>
126
131 
 
127 
						<div id="zone-courriel-confirmation" class="control-group col-md-6 hidden">
 132 
								<div id="zone-courriel-confirmation" class="control-group col-md-6 hidden">
128 
							<label for="courriel_confirmation" class="col-sm-8 obligatoire" title="Veuillez confirmer le courriel.">
 133 
									<label for="courriel_confirmation" class="col-sm-8 obligatoire" title="Veuillez confirmer le courriel.">
129 
								<i class="fa fa-envelope" aria-hidden="true"></i>
 134 
										<i class="fa fa-envelope" aria-hidden="true"></i>
- 
 
 135 
										<?= $observateur['courriel-confirmation']; ?>
- 
 
 136 
									</label>
130 
								<?= $observateur['courriel-confirmation']; ?>
 137 
									<div class="col-sm-8">
131 
							</label>
 - 
 
132 
							<div class="col-sm-8">
 - 
 
133 
								<input id="courriel_confirmation" name="courriel_confirmation" class="form-control" type="email">
 138 
										<input id="courriel_confirmation" name="courriel_confirmation" class="form-control" type="email">
134 
							</div>
 139 
									</div>
135 
						</div>
 140 
								</div>
136 
					</div>
 141 
							</div>
137
142 
 
138 
					<div id="zone-prenom-nom" class="row hidden">
 143 
							<div id="zone-prenom-nom" class="row hidden">
139 
						<div class="control-group col-md-6">
 144 
								<div class="control-group col-md-6">
140 
							<label for="prenom" class="col-sm-8">
 145 
									<label for="prenom" class="col-sm-8">
141 
								<i class="fa fa-user" aria-hidden="true"></i>
 146 
										<i class="fa fa-user" aria-hidden="true"></i>
- 
 
 147 
										<?= $observateur['prenom']; ?>
- 
 
 148 
									</label>
- 
 
 149 
									<div class="input-group col-sm-8">
- 
 
 150 
										<input id="prenom" name="prenom" class="form-control" type="text">
- 
 
 151 
									</div>
- 
 
 152 
								</div>
- 
 
 153 
								<div class="control-group col-md-6">
- 
 
 154 
									<label for="nom" class="col-sm-8">
- 
 
 155 
										<i class="fa fa-user" aria-hidden="true"></i>
- 
 
 156 
										<?= $observateur['nom']; ?>
- 
 
 157 
									</label>
142 
								<?= $observateur['prenom']; ?>
 158 
									<div class="input-group col-sm-8">
143 
							</label>
 159 
										<input id="nom" name="nom" class="form-control" type="text">
- 
 
 160 
									</div>
- 
 
 161 
								</div>
- 
 
 162 
							</div>
- 
 
 163 
						</div>
144 
							<div class="input-group col-sm-8">
 164 
					</form>
- 
 
 165 
 
145 
								<input id="prenom" name="prenom" class="form-control" type="text">
 166 
					<!-- Messages d'erreur du formulaire-->
146 
							</div>
 167 
					<div class="row">
147 
						</div>
 168 
						<div class="zone-alerte">
148 
						<div class="control-group col-md-6">
 169 
							<div id="dialogue-bloquer-copier-coller" class="alert alert-info alert-block hidden"">
- 
 
 170 
								<a class="close">×</a>
149 
							<label for="nom" class="col-sm-8">
 171 
								<h4 class="alert-heading"><?= $observateur['alertcc-title']; ?></h4>
150 
								<i class="fa fa-user" aria-hidden="true"></i>
 172 
								<p><?= $observateur['alertcc']; ?></p>
- 
 
 173 
							</div>
151 
								<?= $observateur['nom']; ?>
 174 
							<div id="dialogue-utilisateur-non-identifie" class="alert alert-warning alert-block hidden">
152 
							</label>
 175 
								<a class="close">×</a>
153 
							<div class="input-group col-sm-8">
 176 
								<h4 class="alert-heading"><?= $observateur['alertni-title']; ?></h4>
154 
								<input id="nom" name="nom" class="form-control" type="text">
 - 
 
155 
							</div>
 - 
 
Line -... Line 177...
- 
 
 177 
								<p><?= $observateur['alertni']; ?></p>
- 
 
 178 
							</div>
156 
						</div>
 179 
						</div>
157 
					</div>
 180 
					</div>
- 
 
 181 
 
158 
				</div>
 182 
					<form id="form-observation" role="form" autocomplete="on" class="bloc-top">
159 
			</form>
 183 
						<h2><?= $observation['titre']; ?></h2>
- 
 
 184 
						<div id="zone-observation" class="row">
- 
 
 185 
							<div class="col-md-6">
- 
 
 186 
 
160 
 
 187 
								<div class="control-group">
161 
			<!-- Messages d'erreur du formulaire-->
 188 
									<label for="geolocalisation" class="col-sm-8 obligatoire" title="<?= $observateur['courriel-title']; ?>">
162 
			<div class="row">
 189 
										<i class="fa fa-street-view" aria-hidden="true"></i>
- 
 
 190 
										<?= $observation['geolocalisation']; ?>
163 
				<div class="zone-alerte">
 191 
									</label>
- 
 
 192 
									<div class="col-sm-8 mb-3">
164 
					<div id="dialogue-bloquer-copier-coller" class="alert alert-info alert-block hidden"">
 193 
										<input id="geolocalisation" name="geolocalisation" type="hidden">
165 
						<a class="close">×</a>
 194 
										<tb-geolocation-element id="tb-geolocation"></tb-geolocation-element>
166 
						<h4 class="alert-heading"><?= $observateur['alertcc-title']; ?></h4>
 195 
									</div>
167 
						<p><?= $observateur['alertcc']; ?></p>
 196 
								</div>
168 
					</div>
 197 
 
- 
 
 198 
								<div class="control-group">
- 
 
 199 
									<label for="milieu" class="col-sm-8">
- 
 
 200 
										<i class="fa fa-street-view" aria-hidden="true"></i>
- 
 
 201 
										<?= $observation['milieu']; ?>
- 
 
 202 
									</label>
- 
 
 203 
									<div class="col-sm-8 mb-3">
- 
 
 204 
										<?php if ( 0 < count( (array) $widget['milieux'] ) ) :?>
- 
 
 205 
											<select id="milieu" class="form-control" >
- 
 
 206 
												<?php foreach ( $widget['milieux'] as $milieu ) :?>
- 
 
 207 
													<option value="<?= $milieu; ?>"><?= $milieu; ?></option>
169 
					<div id="dialogue-utilisateur-non-identifie" class="alert alert-warning alert-block hidden">
 208 
												<?php endforeach; ?>
170 
						<a class="close">×</a>
 209 
											</select>
Line 171... Line -...
171 
						<h4 class="alert-heading"><?= $observateur['alertni-title']; ?></h4>
 - 
 
172 
						<p><?= $observateur['alertni']; ?></p>
 - 
 
173 
					</div>
 - 
 
174 
				</div>
 - 
 
175 
			</div>
 - 
 
176 
 
 - 
 
177 
			<form id="form-observation" role="form" autocomplete="on" class="bloc-top">
 - 
 
178 
				<h2><?= $observation['titre']; ?></h2>
 - 
 
179 
				<div id="zone-observation" class="row">
 - 
 
180 
					<div class="col-md-6">
 - 
 
181 
						<div class="control-group">
 - 
 
182 
							<label for="geolocalisation" class="col-sm-8 obligatoire" title="<?= $observateur['courriel-title']; ?>">
 - 
 
183 
								<i class="fa fa-street-view" aria-hidden="true"></i>
 210 
										<?php else : ?>
- 
 
 211 
											<input id="milieu" name="milieu" class="form-control" type="text" placeholder="<?= $observation['milieu-ph']; ?>">
184 
								<?= $observation['geolocalisation']; ?>
 212 
										<?php endif; ?>
- 
 
 213 
									</div>
185 
							</label>
 214 
								</div>
186 
							<div class="col-sm-8 mb-3">
 215 
 
187 
								<input id="geolocalisation" name="geolocalisation" type="hidden">
 216 
							</div>
188 
								<tb-geolocation-element id="tb-geolocation"></tb-geolocation-element>
 217 
 
189 
							</div>
 218 
							<div class="col-md-6">
190 
						</div>
 219 
 
191 
						<div class="control-group">
 220 
								<div class="control-group">
- 
 
 221 
									<label for="date_releve" class="col-sm-8 obligatoire" title="">
- 
 
 222 
										<i class="fa fa-calendar" aria-hidden="true"></i>
- 
 
 223 
										<?= $observation['date']; ?>
- 
 
 224 
									</label>
- 
 
 225 
									<div class="col-sm-8 mb-3" id="datetimepicker">
- 
 
 226 
										<input type="text" id="date_releve" name="date_releve" class="form-control date" placeholder="jj/mm/aaaa"  pattern="(^(((0[1-9]|1[0-9]|2[0-8])[\/](0[1-9]|1[012]))|((29|30|31)[\/](0[13578]|1[02]))|((29|30)[\/](0[4,6,9]|11)))[\/](19|[2-9][0-9])\d\d$)|(^29[\/]02[\/](19|[2-9][0-9])(00|04|08|12|16|20|24|28|32|36|40|44|48|52|56|60|64|68|72|76|80|84|88|92|96)$)" title="jj/mm/aaaa">
- 
 
 227 
									</div>
- 
 
 228 
								</div>
- 
 
 229 
 
- 
 
 230 
								<?php if( ( $widget['type_especes'] === 'referentiel' || $widget['type_especes'] === '' ) && $widget['referentiel'] === '' ) : ?>
192 
							<label for="milieu" class="col-sm-8">
 231 
									<div class="control-group">
- 
 
 232 
										<label for="referentiel" class="col-sm-8 obligatoire" title="">
- 
 
 233 
											<i class="fa fa-book" aria-hidden="true"></i>
- 
 
 234 
											<?= $observation['referentiel']; ?>
- 
 
 235 
										</label>
193 
								<i class="fa fa-street-view" aria-hidden="true"></i>
 236 
										<div class="col-sm-8 mb-3">
- 
 
 237 
											<select id="referentiel" class="form-control" >
- 
 
 238 
												<option value="bdtfxr" selected="selected" title="Trachéophytes de France métropolitaine">Métropole (index réduit)</option>
- 
 
 239 
												<option value="bdtfx" title="Trachéophytes de France métropolitaine">Métropole (BDTFX)</option>
194 
								<?= $observation['milieu']; ?>
 240 
												<option value="bdtxa" title="Trachéophytes des Antilles">Antilles françaises (BDTXA)</option>
- 
 
 241 
												<option value="bdtre" title="Trachéophytes de La Réunion">Réunion (BDTRE)</option>
195 
							</label>
 242 
												<option value="aublet" title="Guyane">Guyane (AUBLET2)</option>
- 
 
 243 
												<option value="florical" title="Nouvelle-Calédonie">Nouvelle-Calédonie (FLORICAL)</option>
196 
							<div class="col-sm-8 mb-3">
 244 
												<option value="isfan" title="Afrique du Nord">Afrique du Nord (ISFAN)</option>
197 
								<?php if ( 0 < count( (array) $widget['milieux'] ) ) :?>
 245 
												<option value="apd" title="Afrique de l'Ouest et du Centre">Afrique de l'Ouest et du Centre (APD)</option>
198 
									<select id="milieu" class="form-control" >
 246 
												<option value="lbf" title="Liban">Liban (LBF)</option>
199 
										<?php foreach ( $widget['milieux'] as $milieu ) :?>
 247 
												<option value="autre" title="Autre/Inconnu">Autre/Inconnu</option>
- 
 
 248 
											</select>
- 
 
 249 
										</div>
- 
 
 250 
									</div>
- 
 
 251 
								<?php else : ?>
- 
 
 252 
									<input id="referentiel" name="referentiel" value="<?= $widget['referentiel']; ?>" type="hidden">
- 
 
 253 
								<?php endif; ?>
- 
 
 254 
 
- 
 
 255 
								<div class="control-group">
- 
 
 256 
									<label for="taxon" class="col-sm-8 obligatoire" title="">
- 
 
 257 
										<i class="fa fa-leaf" aria-hidden="true"></i>
- 
 
 258 
										<?= $observation['espece']; ?><?php if ( $widget['referentiel'] !== '' && $widget['referentiel'] !== NULL ) echo " (" . $widget['referentiel'] . ")"; ?>
- 
 
 259 
									</label>
- 
 
 260 
									<div class="col-sm-8 mb-3">
- 
 
 261 
										<input id="taxon" name="taxon" class="form-control" type="text">
- 
 
 262 
									</div>
- 
 
 263 
								</div>
- 
 
 264 
 
- 
 
 265 
								<div class="control-group">
- 
 
 266 
									<label for="certitude" class="col-sm-8 obligatoire" title="">
- 
 
 267 
										<i class="fa fa-question" aria-hidden="true"></i>
- 
 
 268 
										<?= $observation['certitude']; ?>
- 
 
 269 
									</label>
- 
 
 270 
									<div class="col-sm-8 mb-3">
- 
 
 271 
										<select id="certitude" name="certitude" class="form-control">
- 
 
 272 
											<option value="aDeterminer" ><?= $observation['certADet']; ?></option>
- 
 
 273 
											<option value="douteuse" ><?= $observation['certDout']; ?></option>
- 
 
 274 
											<option value="certaine" selected="selected" ><?= $observation['certCert']; ?></option>
- 
 
 275 
										</select>
- 
 
 276 
									</div>
- 
 
 277 
								</div>
- 
 
 278 
								<div class="control-group">
- 
 
 279 
                                    <label for="notes" class="col-sm-8" title="">
- 
 
 280 
                                        <i class="fa fa-pen" aria-hidden="true"></i>
- 
 
 281 
                                        <?= $observation['notes']; ?>
- 
 
 282 
                                    </label>
- 
 
 283 
                                    <div class="col-sm-8 mb-3">
- 
 
 284 
                                        <textarea id="notes" form="form-obs" class="form-control col-md-12" rows="7" name="notes" placeholder="<?= $observation['notes_ph']; ?>"></textarea>
- 
 
 285 
                                    </div>
- 
 
 286 
                                </div>
- 
 
 287 
 
- 
 
 288 
							</div>
- 
 
 289 
						</div>
- 
 
 290 
					</form>
- 
 
 291 
 
- 
 
 292 
					<!-- Champs supplémentaires -->
- 
 
 293 
					<?php if ( isset($widget['chpSupp'] ) && 0 < count( (array) $widget['chpSupp'] ) ) : ?>
- 
 
 294 
						<form id="form-supp"  class="bloc-top" role="form" autocomplete="on">
- 
 
 295 
							<h2><?= $chpsupp['titre']; ?></h2>
- 
 
 296 
							<div id="zone-supp" class="row">
- 
 
 297 
								<div class="col-md-6">
- 
 
 298 
 
- 
 
 299 
									<?php foreach( $widget['chpSupp'][ $widget['projet'] ]['champs-supp'] as $champ ) : ?>
- 
 
 300 
										<?php
- 
 
 301 
											$min         = ( $champ['fieldValues']['min'] )? ' min="' . $champ['fieldValues']['min'] . '"':'';
- 
 
 302 
											$max         = ( $champ['fieldValues']['max'] )? ' max="' . $champ['fieldValues']['max'] . '"':'';
- 
 
 303 
											$step        = ( $champ['fieldValues']['step'] )? ' step="' . $champ['fieldValues']['step'] . '"':'';
- 
 
 304 
											$default     = ( $champ['fieldValues']['default'] )? ' value="' . $champ['fieldValues']['default'] . '"':'';
- 
 
 305 
											$description = ( $champ['description'] )? ' title="' . $champ['description'] . '"':'';
- 
 
 306 
											$placeholder = ( $champ['fieldValues']['placeholder'] )? ' placeholder="' . $champ['fieldValues']['placeholder'] . '"':'';
- 
 
 307 
											$required    = '';
- 
 
 308 
											$mandatory   = '';
- 
 
 309 
											$datepicker  = '';
- 
 
 310 
											$pattern     = '';
- 
 
 311 
											$obs_radio   = '';
- 
 
 312 
											$help        = '';
- 
 
 313 
											$help_button = '';
- 
 
 314 
 
- 
 
 315 
											if( $champ['help'] ) {
- 
 
 316 
												$help = ' and-help';
- 
 
 317 
												$help_button = ' <div class="help-button help-' . $champ['key'] . ' btn btn-outline-info btn-sm border-0" data-key="' . $champ['key'] . '" data-name="' . $champ['name'] . '" data-mime-type="' . $champ['help'] . '"><i class="fas fa-info-circle"></i></div>';
- 
 
 318 
											}
- 
 
 319 
 
- 
 
 320 
											if( $champ['mandatory'] ) {
- 
 
 321 
												// Attr required
- 
 
 322 
												$required  = ' required';
- 
 
 323 
												// class="obligatoire"
- 
 
 324 
												$mandatory = ' obligatoire';
- 
 
 325 
											}
- 
 
 326 
 
- 
 
 327 
											if( 'date' === $champ['element'] ) {
- 
 
 328 
												$datepicker = ' date';
- 
 
 329 
												$pattern    = ' pattern="(^(((0[1-9]|1[0-9]|2[0-8])[\/](0[1-9]|1[012]))|((29|30|31)[\/](0[13578]|1[02]))|((29|30)[\/](0[4,6,9]|11)))[\/](19|[2-9][0-9])\d\d$)|(^29[\/]02[\/](19|[2-9][0-9])(00|04|08|12|16|20|24|28|32|36|40|44|48|52|56|60|64|68|72|76|80|84|88|92|96)$)"';
- 
 
 330 
											}
- 
 
 331 
 
- 
 
 332 
											switch( $champ['element'] ) {
- 
 
 333 
												case 'radio':
- 
 
 334 
												case 'checkbox': ?>
- 
 
 335 
													<div class="control-group <?= $champ['element']; ?> mb-3"<?php echo $description . $required; ?>>
- 
 
 336 
														<div class="col-sm-8 list-label<?php echo $help . $mandatory; ?>">
- 
 
 337 
															<?= $champ['name'] . $help_button; ?>
- 
 
 338 
														</div>
- 
 
 339 
														<div class="col-sm-8">
- 
 
 340 
 
- 
 
 341 
															<?php foreach ( $champ['fieldValues']['listValue'] as $i => $list_value ) : ?>
- 
 
 342 
 
- 
 
 343 
																	<?php
- 
 
 344 
																		$checked = '';
- 
 
 345 
																		if ( '#' === substr( $list_value, -1 ) ) :
- 
 
 346 
																			$checked = ' checked';
- 
 
 347 
																			$list_value = substr( $list_value, 0, -1 );
- 
 
 348 
																		endif;
- 
 
 349 
																	?>
- 
 
 350 
 
- 
 
 351 
																	<?php if( 'other' !== $list_value ) : ?>
- 
 
 352 
																		<label for="<?php echo $champ['fieldValues']['cleanListValue'][$i]; ?>" class="<?php echo $champ['fieldValues']['cleanListValue'][$i]; ?>">
- 
 
 353 
																			<input type="<?= $champ['element']; ?>" id="<?php echo $champ['fieldValues']['cleanListValue'][$i]; ?>" name="<?= $champ['key']; ?>" value="<?= $list_value; ?>"<?= $checked; ?> class="<?php echo $champ['fieldValues']['cleanListValue'][$i]; ?>" data-label="<?= $champ['name']; ?>">
- 
 
 354 
																			<?= $list_value; ?>
- 
 
 355 
																		</label>
- 
 
 356 
																	<?php else : ?>
- 
 
 357 
																		<label for="other-<?= $champ['key']; ?>">
- 
 
 358 
																			<input type="<?= $champ['element']; ?>" id="other-<?= $champ['key']; ?>" name="<?= $champ['key']; ?>" value="other" class="other" data-label="<?= $champ['name']; ?>" data-element="<?= $champ['element']; ?>">
- 
 
 359 
																			Autre
- 
 
 360 
																		</label>
- 
 
 361 
																	<?php endif; ?>
- 
 
 362 
 
- 
 
 363 
															<?php endforeach; ?>
- 
 
 364 
 
- 
 
 365 
														</div>
- 
 
 366 
													</div>
- 
 
 367 
												<?php break;
- 
 
 368 
 
- 
 
 369 
												case 'list-checkbox': ?>
- 
 
 370 
													<div class="multiselect <?php echo $champ['element'] . $help; ?>">
- 
 
 371 
														<label class="col-sm-8<?= $mandatory; ?>"><?= $champ['name'] . $help_button; ?></label>
- 
 
 372 
														<div class="control-group col-sm-8 mb-3">
- 
 
 373 
															<div class="selectBox">
- 
 
 374 
																<select class="form-control" id="list-checkbox-<?= $champ['key']; ?>"<?php echo $description . $required; ?> class="form-control">
- 
 
 375 
																	<option>Plusieurs choix possibles</option>
- 
 
 376 
																</select>
- 
 
 377 
																<div class="overSelect"></div>
- 
 
 378 
															</div>
- 
 
 379 
															<div class="checkboxes hidden">
- 
 
 380 
																<?php foreach ( $champ['fieldValues']['listValue'] as $i => $list_value ) : ?>
- 
 
 381 
 
- 
 
 382 
																	<?php
- 
 
 383 
																		$checked = '';
- 
 
 384 
																		if ( '#' === substr( $list_value, -1 ) ) :
- 
 
 385 
																			$checked = ' checked';
- 
 
 386 
																			$list_value = substr( $list_value, 0, -1 );
- 
 
 387 
																		endif;
- 
 
 388 
																	?>
- 
 
 389 
 
- 
 
 390 
																	<?php if( 'other' !== $list_value ) : ?>
- 
 
 391 
																		<label for="<?php echo $champ['fieldValues']['cleanListValue'][$i]; ?>">
- 
 
 392 
																			<input type="checkbox" id="<?php echo $champ['fieldValues']['cleanListValue'][$i]; ?>" name="<?= $champ['key']; ?>" value="<?= $list_value; ?>"<?= $checked; ?> class="<?php echo $champ['fieldValues']['cleanListValue'][$i]; ?>" data-label="<?= $champ['name']; ?>">
- 
 
 393 
																			<?= $list_value; ?>
- 
 
 394 
																		</label>
- 
 
 395 
																	<?php else : ?>
- 
 
 396 
																		<label for="other-<?= $champ['key']; ?>">
- 
 
 397 
																			<input type="checkbox" id="other-<?= $champ['key']; ?>" name="<?= $champ['key']; ?>" value="other" class="other" data-label="<?= $champ['name']; ?>" data-element="<?= $champ['element']; ?>">
- 
 
 398 
																			Autre
- 
 
 399 
																		</label>
- 
 
 400 
																	<?php endif; ?>
- 
 
 401 
 
- 
 
 402 
																<?php endforeach; ?>
- 
 
 403 
 
- 
 
 404 
															</div>
- 
 
 405 
														</div>
- 
 
 406 
													</div>
- 
 
 407 
												<?php break;
- 
 
 408 
 
- 
 
 409 
												case 'select': ?>
- 
 
 410 
													<label for="<?= $champ['key']; ?>" class="col-sm-8<?= $mandatory; ?>"<?= $description; ?>><?= $champ['name'] . $help_button; ?></label>
- 
 
 411 
													<div class="champ col-sm-8 mb-3">
- 
 
 412 
														<div class="select-wrapper add-field-select <?php echo $champ['element'] . $help; ?>">
- 
 
 413 
															<select name="<?= $champ['key']; ?>" id="<?= $champ['key']; ?>" class="<?= $champ['key']; ?> form-control"<?= $required; ?> data-label="<?= $champ['name']; ?>">
- 
 
 414 
 
- 
 
 415 
																<?php foreach ( $champ['fieldValues']['listValue'] as $list_value ) : ?>
- 
 
 416 
 
- 
 
 417 
																	<?php
- 
 
 418 
																		$selected = '';
- 
 
 419 
																		if ( '#' === substr( $list_value, -1 ) ) :
- 
 
 420 
																			$selected = ' selected="selected"';
- 
 
 421 
																			$list_value = substr( $list_value, 0, -1 );
- 
 
 422 
																		endif;
- 
 
 423 
																	?>
- 
 
 424 
 
- 
 
 425 
																	<?php if( 'other' !== $list_value ) : ?>
- 
 
 426 
																		<option value="<?= $list_value; ?>"<?= $selected; ?>>
- 
 
 427 
																			<?php echo ucfirst( $list_value ); ?>
- 
 
 428 
																		</option>
- 
 
 429 
																	<?php else : ?>
- 
 
 430 
																		<option class="other form-control is-select" value="other" data-element="<?= $champ['element']; ?>">Autre</option>
- 
 
 431 
																	<?php endif; ?>
- 
 
 432 
 
- 
 
 433 
																<?php endforeach; ?>
- 
 
 434 
 
- 
 
 435 
															</select>
- 
 
 436 
														</div>
- 
 
 437 
													</div>
- 
 
 438 
												<?php break;
- 
 
 439 
 
- 
 
 440 
												case 'textarea': ?>
- 
 
 441 
													<div class="control-group">
- 
 
 442 
														<label for="<?= $champ['key']; ?>" class="col-sm-8<?php echo $help . $mandatory; ?>" <?= $description; ?>><?= $champ['name'] . $help_button; ?></label>
- 
 
 443 
														<div class="col-sm-8 mb-3">
- 
 
 444 
															<textarea type="<?= $champ['element']; ?>" id="<?= $champ['key']; ?>" name="<?= $champ['key']; ?>" class="<?= $champ['key'] . $help; ?> form-control" <?php echo $description . $placeholder . $required; ?> data-label="<?= $champ['name']; ?>"></textarea>
- 
 
 445 
														</div>
- 
 
 446 
													</div>
- 
 
 447 
												<?php break;
- 
 
 448 
 
- 
 
 449 
												case 'range': ?>
- 
 
 450 
													<div class="control-group">
- 
 
 451 
														<label for="<?= $champ['key']; ?>" class="col-sm-8<?= $help . $mandatory; ?>" <?= $description; ?>><?= $champ['name'] . $help_button; ?></label>
- 
 
 452 
														<div class="col-sm-8 mb-3 <?php echo ($champ['fieldValues']['min'] || $champ['fieldValues']['max']) ? 'row' : '';?>">
- 
 
 453 
															<?php
- 
 
 454 
																if ( $champ['fieldValues']['min'] || $champ['fieldValues']['max'] ) {
- 
 
 455 
 
- 
 
 456 
																	$div_range_min_max = '';
- 
 
 457 
 
- 
 
 458 
																	if ( $champ['fieldValues']['min'] )  {
- 
 
 459 
																		$div_range_min_max =
- 
 
 460 
																			"<p class=\"col-sm-2 range-values text-center font-weight-bold\">".
- 
 
 461 
																				"Min " . $champ['fieldValues']['min'] .
- 
 
 462 
																			"</p>";
- 
 
 463 
																	}
- 
 
 464 
																	$div_range_min_max .= '<div class="range-live-value range-values text-center font-weight-bold col-sm-';
- 
 
 465 
 
- 
 
 466 
																	if ( $champ['fieldValues']['min'] && $champ['fieldValues']['max'] ) {
- 
 
 467 
																		$div_range_min_max .= '8">';
- 
 
 468 
																	} else {
- 
 
 469 
																		$div_range_min_max .= '10">';
- 
 
 470 
																	}
- 
 
 471 
 
- 
 
 472 
																	$div_range_min_max .= '</div>';
- 
 
 473 
 
- 
 
 474 
																	if( $champ['fieldValues']['max'] ) {
- 
 
 475 
																		$div_range_min_max .=
- 
 
 476 
																			"<p class=\"col-sm-2 range-values text-center font-weight-bold\">".
- 
 
 477 
																				"Max " . $champ['fieldValues']['max'] .
- 
 
 478 
																			"</p>";
- 
 
 479 
																	}
- 
 
 480 
 
- 
 
 481 
																	echo $div_range_min_max;
- 
 
 482 
																}
- 
 
 483 
															?>
- 
 
 484 
															<input type="<?= $champ['element']; ?>" name="<?= $champ['key']; ?>" class="custom-range <?= $champ['key'] . $help; ?> form-control" <?= $description . $placeholder . $step . $default . $min . $max . $required; ?> data-label="<?= $champ['name']; ?>">
- 
 
 485 
														</div>
- 
 
 486 
													</div>
- 
 
 487 
													<?php break;
- 
 
 488 
 
- 
 
 489 
												case 'number':
- 
 
 490 
												case 'date': ?>
- 
 
 491 
													<div class="control-group">
- 
 
 492 
														<label for="<?= $champ['key']; ?>" class="col-sm-8<?php echo $datepicker . $mandatory; ?>" <?= $description; ?>><?= $champ['name'] . $help_button; ?></label>
- 
 
 493 
														<div class="col-sm-8 mb-3">
- 
 
 494 
															<input type="<?= $champ['element']; ?>" name="<?= $champ['key']; ?>" class="<?= $champ['key'] . $help . $datepicker; ?> form-control"<?php echo  $pattern . $description . $placeholder . $step . $default . $min . $max . $required; ?> data-label="<?= $champ['name']; ?>">
- 
 
 495 
														</div>
- 
 
 496 
													</div>
- 
 
 497 
													<?php break;
- 
 
 498 
 
- 
 
 499 
												case 'text' :
- 
 
 500 
												case 'email':
- 
 
 501 
												default: ?>
- 
 
 502 
													<div class="control-group">
- 
 
 503 
														<label for="<?= $champ['key']; ?>" class="col-sm-8<?= $mandatory; ?>" <?= $description; ?>><?= $champ['name'] . $help_button; ?></label>
- 
 
 504 
														<div class="col-sm-8 mb-3">
- 
 
 505 
															<input type="<?= $champ['element']; ?>" name="<?= $champ['key']; ?>" class="<?= $champ['key'] . $help; ?> form-control" <?php echo $description . $placeholder . $required; ?> data-label="<?= $champ['name']; ?>">
- 
 
 506 
														</div>
- 
 
 507 
													</div>
200 
											<option value="<?= $milieu; ?>"><?= $milieu; ?></option>
 508 
												<?php break;
201 
										<?php endforeach; ?>
 509 
											}
202 
									</select>
 - 
 
203 
								<?php else : ?>
 - 
 
204 
									<input id="milieu" name="milieu" class="form-control" type="text" placeholder="<?= $observation['milieu-ph']; ?>">
 - 
 
205 
								<?php endif; ?>
 - 
 
206 
							</div>
 - 
 
207 
						</div>
 - 
 
208 
					</div>
 - 
 
209
- 
 
210 
					<div class="col-md-6">
 - 
 
211 
						<div class="control-group">
 510 
										?>
212 
							<label for="date_releve" class="col-sm-8 obligatoire" title="">
 - 
 
213 
								<i class="fa fa-calendar" aria-hidden="true"></i>
 - 
 
Line 214... Line 511...
214 
								<?= $observation['date']; ?>
 511 
 
- 
 
 512 
									<?php endforeach; ?>
- 
 
 513 
								</div>
- 
 
 514 
							</div>
- 
 
 515 
						</form>
215 
							</label>
 516 
					<?php endif; ?><!-- Fin champs supplémentaires -->
- 
 
 517 
 
216 
							<div class="col-sm-8 mb-3" id="datetimepicker">
 518 
					<form id="form-upload" class="form-horizontal bloc-top" action="<?= $url_ws_upload ?>" method="post" enctype="multipart/form-data">
217 
								<input type="text" id="date_releve" name="date_releve" class="form-control date" placeholder="jj/mm/aaaa"  pattern="(^(((0[1-9]|1[0-9]|2[0-8])[\/](0[1-9]|1[012]))|((29|30|31)[\/](0[13578]|1[02]))|((29|30)[\/](0[4,6,9]|11)))[\/](19|[2-9][0-9])\d\d$)|(^29[\/]02[\/](19|[2-9][0-9])(00|04|08|12|16|20|24|28|32|36|40|44|48|52|56|60|64|68|72|76|80|84|88|92|96)$)" title="jj/mm/aaaa">
 519 
						<h2><?= $image['titre']; ?></h2>
- 
 
 520 
						<p class="miniature-info" class="discretion help-inline">
218 
							</div>
 521 
							<?= $image['aide']; ?>
219 
						</div>
 522 
						</p>
220 
 
 - 
 
221 
						<?php if(($widget['type_especes'] === 'referentiel' || $widget['type_especes'] == '') && $widget['referentiel'] == '' ) : ?>
 - 
 
222 
							<div class="control-group">
 - 
 
223 
								<label for="referentiel" class="col-sm-8 obligatoire" title="">
 - 
 
224 
									<i class="fa fa-book" aria-hidden="true"></i>
 - 
 
225 
									<?= $observation['referentiel']; ?>
 - 
 
226 
								</label>
 - 
 
227 
								<div class="col-sm-8 mb-3">
 - 
 
228 
									<select id="referentiel" class="form-control" >
 - 
 
229 
										<option value="bdtfxr" selected="selected" title="Trachéophytes de France métropolitaine">Métropole (index réduit)</option>
 - 
 
230 
										<option value="bdtfx" title="Trachéophytes de France métropolitaine">Métropole (BDTFX)</option>
 - 
 
231 
										<option value="bdtxa" title="Trachéophytes des Antilles">Antilles françaises (BDTXA)</option>
 - 
 
232 
										<option value="bdtre" title="Trachéophytes de La Réunion">Réunion (BDTRE)</option>
 - 
 
233 
										<option value="aublet" title="Guyane">Guyane (AUBLET2)</option>
 - 
 
234 
										<option value="florical" title="Nouvelle-Calédonie">Nouvelle-Calédonie (FLORICAL)</option>
 - 
 
235 
										<option value="isfan" title="Afrique du Nord">Afrique du Nord (ISFAN)</option>
 - 
 
236 
										<option value="apd" title="Afrique de l'Ouest et du Centre">Afrique de l'Ouest et du Centre (APD)</option>
 - 
 
237 
										<option value="lbf" title="Liban">Liban (LBF)</option>
 - 
 
238 
										<option value="autre" title="Autre/Inconnu">Autre/Inconnu</option>
 - 
 
239 
									</select>
 - 
 
240 
								</div>
 - 
 
241 
							</div>
 - 
 
242 
						<?php else : ?>
 - 
 
243 
							<input id="referentiel" name="referentiel" value="<?= $widget['referentiel']; ?>" type="hidden">
 - 
 
244 
						<?php endif; ?>
 - 
 
245 
 
 - 
 
246 
						<div class="control-group">
 523 
						<div id ="photos-conteneur" class="control-group">
247 
							<label for="taxon" class="col-sm-8 obligatoire" title="">
 - 
 
Line 248... Line 524...
248 
								<i class="fa fa-leaf" aria-hidden="true"></i>
 524 
							<div>
249 
								<?= $observation['espece']; ?><?php if ($widget['referentiel'] !== '' && $widget['referentiel'] !== NULL) echo " (".$widget['referentiel'].")"; ?>
 - 
 
250 
							</label>
 525 
								<label for="fichier" class="label-file btn btn-large btn-info mb-3">
251 
							<div class="col-sm-8 mb-3">
 - 
 
252 
								<input id="taxon" name="taxon" class="form-control" type="text">
 - 
 
253 
							</div>
 - 
 
254 
						</div>
 - 
 
255 
 
 - 
 
256 
						<div class="control-group">
 - 
 
257 
							<label for="certitude" class="col-sm-8 obligatoire" title="">
 - 
 
258 
								<i class="fa fa-question" aria-hidden="true"></i>
 - 
 
259 
								<?= $observation['certitude']; ?>
 - 
 
260 
							</label>
 - 
 
261 
							<div class="col-sm-8 mb-3">
 - 
 
262 
								<select id="certitude" name="certitude" class="form-control">
 - 
 
263 
									<option value="aDeterminer" ><?= $observation['certADet']; ?></option>
 - 
 
264 
									<option value="douteuse" ><?= $observation['certDout']; ?></option>
 - 
 
265 
									<option value="certaine" selected="selected" ><?= $observation['certCert']; ?></option>
 - 
 
266 
								</select>
 - 
 
267 
							</div>
 - 
 
268 
						</div>
 - 
 
269
- 
 
270 
						<div class="control-group">
 - 
 
271 
							<label for="notes" class="col-sm-8" title="">
 - 
 
272 
								<i class="fa fa-pen" aria-hidden="true"></i>
 526 
									<span class="label-text"><i class="fas fa-download"></i> <?= $image['ajouter']; ?></span>
- 
 
 527 
									<input type="file" id="fichier" name="fichier" class="input-file" accept="image/jpeg" multiple>
Line 273... Line 528...
273 
								<?= $observation['notes']; ?>
 528 
									<input type="hidden" name="MAX_FILE_SIZE" value="5242880">
274 
							</label>
 529 
								</label>
275 
							<div class="col-sm-8 mb-3">
 - 
 
Line 276... Line -...
276 
								<textarea id="notes" form="form-obs" class="form-control col-md-12" rows="7" name="notes"
 - 
 
277 
									placeholder="<?= $observation['notes_ph']; ?>"></textarea>
 530 
							</div>
278
531 
 
279 
							</div>
 - 
 
280 
						</div>
 - 
 
281 
 
 532 
							<div id="miniatures"></div>
282 
					</div>
 - 
 
283 
				</div>
 - 
 
284 
			</form>
 533 
							<p class="miniature-msg" class="span12">&nbsp;</p>
285 
 
 - 
 
286 
			<form id="form-upload" class="form-horizontal bloc-top" action="<?= $url_ws_upload ?>" method="post" enctype="multipart/form-data">
 - 
 
287 
				<h2><?= $image['titre']; ?></h2>
 - 
 
288 
				<p class="miniature-info" class="discretion help-inline">
 534 
						</div>
289 
					<?= $image['aide']; ?>
 - 
 
290 
				</p>
 - 
 
291 
				<div id ="photos-conteneur" class="control-group">
 - 
 
292 
					<div>
 535 
					</form>
293 
						<label for="fichier" class="label-file btn btn-large btn-info mb-3">
 - 
 
Line 294... Line 536...
294 
							<span class="label-text"><i class="fas fa-download"></i> <?= $image['ajouter']; ?></span>
 536 
 
- 
 
 537 
					<div id="image" class="row"></div>
- 
 
 538 
				</div>
295 
							<input type="file" id="fichier" name="fichier" class="input-file" accept="image/jpeg" multiple>
 539 
 
- 
 
 540 
				<!-- Bouton cr&ation d'une obs -->
296 
							<input type="hidden" name="MAX_FILE_SIZE" value="5242880">
 541 
				<div class="row mb-3 bloc-bottom">
297 
						</label>
 542 
					<div class="centre" title="<?= $resume['creer-title']; ?>">
- 
 
 543 
						<a id="ajouter-obs" class="btn btn-primary"><i class="fas fa-check-square"></i> <?= $resume['creer']; ?></a>
- 
 
 544 
					</div>
298 
					</div>
 545 
				</div>
- 
 
 546 
 
299 
 
 547 
				<!-- Messages d'erreur du formulaire-->
- 
 
 548 
				<div class="row">
- 
 
 549 
					<div class="zone-alerte">
- 
 
 550 
						<div id="dialogue-bloquer-creer-obs" class="alert alert-warning alert-block hidden">
- 
 
 551 
							<a class="close">×</a>
- 
 
 552 
							<h4 class="alert-heading"><?= $resume['alert10max']; ?></h4>
Line 300... Line 553...
300 
					<div id="miniatures"></div>
 553 
							<p><?= $resume['alert10max-desc']; ?></p>
301 
					<p class="miniature-msg" class="span12">&nbsp;</p>
 554 
						</div>
302 
				</div>
 555 
					</div>
303 
			</form>
 - 
 
304 
 
 556 
					<div class="zone-alerte">
305 
			<!-- Champs supplémentaires -->
 - 
 
306 
			<?php if ( isset($widget['chpSupp'] ) && 0 < count( (array) $widget['chpSupp'] ) ) : ?>
 557 
						<div id="dialogue-form-invalide" class="alert alert-warning alert-block hidden">
307 
				<form id="form-supp" role="form" autocomplete="on">
 - 
 
308 
					<h2><?= $chpsupp['titre']; ?></h2>
 - 
 
309 
						<div id="zone-supp" class="row">
 - 
 
310 
							<div class="col-md-6">
 - 
 
311 
 
 558 
							<a class="close">×</a>
312 
			                  <?php foreach( $widget['chpSupp']['sauvagessupp']['champs-supp'] as $champ ) :?>
 559 
							<h4 class="alert-heading"><?= $resume['alertchp']; ?></h4>
313 
			                    <?php
 - 
 
314 
			                      $min         = ( $champ['fieldValues']['min'] )? ' min="' . $champ['fieldValues']['min'] . '"':'';
 560 
							<p><?= $resume['alertchp-desc']; ?></p>
315 
                      $max         = ( $champ['fieldValues']['max'] )? ' max="' . $champ['fieldValues']['max'] . '"':'';
 - 
 
316 
                      $step        = ( $champ['fieldValues']['step'] )? ' step="' . $champ['fieldValues']['step'] . '"':'';
 - 
 
317 
                      $default     = ( $champ['fieldValues']['default'] )? ' value="' . $champ['fieldValues']['default'] . '"':'';
 - 
 
318 
                      $description = ( $champ['description'] )? ' title="' . $champ['description'] . '"':'';
 - 
 
319 
                      $placeholder = ( $champ['fieldValues']['placeholder'] )? ' placeholder="' . $champ['fieldValues']['placeholder'] . '"':'';
 - 
 
320 
                      $required    = '';
 - 
 
321 
                      $mandatory   = '';
 561 
						</div>
322 
                      $datepicker  = '';
 562 
					</div>
323 
                      $pattern     = '';
 - 
 
324 
                      $obs_radio   = '';
 - 
 
325 
                      $help        = '';
 563 
				</div>
326 
                      $help_button = '';
 - 
 
327 
 
 564 
 
328 
                      if( /*true*/$champ['help'] ) {
 565 
				<!-- Affiche le tableau récapitualif des observations ajoutées -->
329 
                        $help = ' and-help';
 566 
				<div id="zone-liste-obs" class="hidden">
330 
                        // TODO récupérer un $champ['help_mime_type']
 - 
 
331 
                        // $champ['help_mime_type'] = 'application/pdf';
 567 
					<div class="alert alert-info">
332 
                        $champ['help_mime_type'] = 'image.*';
 568 
						<h2 class="transmission-title"><strong><?= $resume['titre']; ?> <span class="obs-nbre badge badge-info">0</span></strong></h2>
333 
                        $help_button = ' <div class="help-button help-' . $champ['key'] . ' btn btn-outline-info btn-sm border-0" data-key="' . $champ['key'] . '" data-name="' . $champ['name'] . '" data-mime-type="' . $champ['help_mime_type'] . '"><i class="fas fa-info-circle"></i></div>';
 569 
						<button id="transmettre-obs" class="btn btn-primary droite" disabled="disabled"
334 
                      }
 - 
 
335 
 
 - 
 
336 
                      if( $champ['mandatory'] ) {
 570 
							title="<?= $resume['trans-title']; ?>" type="button">
337 
                        // Attr required
 571 
							<?= $resume['trans']; ?>
338 
                        $required  = ' required';
 - 
 
339 
                        // class="obligatoire"
 - 
 
340 
                        $mandatory = ' obligatoire';
 - 
 
341 
                      }
 572 
						</button>
342 
 
 573 
					</div>
343 
                      if( 'date' === $champ['element'] ) {
 574 
					<div id="liste-obs" ></div>
344 
                        $datepicker = ' date';
 - 
 
345 
                        $pattern    = ' pattern="(^(((0[1-9]|1[0-9]|2[0-8])[\/](0[1-9]|1[012]))|((29|30|31)[\/](0[13578]|1[02]))|((29|30)[\/](0[4,6,9]|11)))[\/](19|[2-9][0-9])\d\d$)|(^29[\/]02[\/](19|[2-9][0-9])(00|04|08|12|16|20|24|28|32|36|40|44|48|52|56|60|64|68|72|76|80|84|88|92|96)$)"';
 575 
					<div class="row">
346 
                      }
 - 
 
347 
 
 576 
						<div class="zone-alerte">
348 
                      switch( $champ['element'] ) {
 - 
 
349 
                        case 'radio':
 577 
							<div id="dialogue-zero-obs" class="alert alert-block hidden">
350 
                        case 'checkbox': ?>
 - 
 
351 
                          <div class="control-group <?= $champ['element']; ?> mb-3"<?php echo $description . $required; ?>>
 - 
 
352 
                            <div class="col-sm-8 list-label<?php echo $help . $mandatory; ?>">
 578 
								<a class="close">×</a>
353 
                              <?= $champ['name'] . $help_button; ?>
 579 
								<h4 class="alert-heading"><?= $resume['alert0obs']; ?></h4>
354 
                            </div>
 - 
 
355 
                            <div class="col-sm-8">
 - 
 
356 
 
 - 
 
357 
                              <?php foreach ( $champ['fieldValues']['listValue'] as $i => $list_value ) : ?>
 580 
								<p><?= $resume['alert0obs-desc']; ?></p>
358 
 
 - 
 
359 
                                  <?php
 581 
							</div>
360 
                                    $checked = '';
 - 
 
361 
                                    if ( '#' === substr( $list_value, -1 ) ) :
 - 
 
362 
                                      $checked = ' checked';
 - 
 
363 
                                      $list_value = substr( $list_value, 0, -1 );
 - 
 
364 
                                    endif;
 582 
							<div id="dialogue-obs-transaction-ok" class="alert alert-success alert-block hidden">
365 
                                  ?>
 - 
 
Line -... Line 583...
- 
 
 583 
								<a class="close">×</a>
- 
 
 584 
								<h4 class="alert-heading"><?= $resume['info-trans']; ?></h4>
- 
 
 585 
								<div class="alert-txt"></div>
366 
 
 586 
							</div>
- 
 
 587 
							<div id="dialogue-obs-transaction-ko" class="alert alert-error alert-block hidden">
- 
 
 588 
								<a class="close">×</a>
- 
 
 589 
								<h4 class="alert-heading"><?= $resume['alerttrans']; ?></h4>
- 
 
 590 
								<div class="alert-txt"></div>
- 
 
 591 
							</div>
- 
 
 592 
						</div>
- 
 
 593 
					</div>
- 
 
 594 
				</div>
- 
 
 595 
 
Line 367... Line 596...
367 
                                  <?php if( 'other' !== $list_value ) : ?>
 596 
				<!-- Fenêtres modales -->
368 
                                    <label for="<?php echo $champ['fieldValues']['cleanListValue'][$i]; ?>" class="<?php echo $champ['fieldValues']['cleanListValue'][$i]; ?>">
 597 
				<div id="chargement" class="modal-fenetre hidden">
369 
                                      <input type="<?= $champ['element']; ?>" id="<?php echo $champ['fieldValues']['cleanListValue'][$i]; ?>" name="<?= $champ['key']; ?>" value="<?= $list_value; ?>"<?= $checked; ?> class="<?php echo $champ['fieldValues']['cleanListValue'][$i]; ?>" data-label="<?= $champ['name']; ?>">
 598 
					<div id="chargement-centrage" class="modal-contenu">
370 
                                      <?= $list_value; ?>
 599 
						<div class="progress progress-striped active">
371 
                                    </label>
 600 
							<div id="barre-progression-upload" class="bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="10" style="">
372 
                                  <?php else : ?>
 601 
									<span class="sr-only">0/10 <?= $resume['nbobs']; ?></span>
373 
                                    <label for="other-<?= $champ['key']; ?>">
 - 
 
374 
                                      <input type="<?= $champ['element']; ?>" id="other-<?= $champ['key']; ?>" name="<?= $champ['key']; ?>" value="other" class="other" data-label="<?= $champ['name']; ?>" data-element="<?= $champ['element']; ?>">
 602 
								</div>
375 
                                      Autre
 603 
						</div>
- 
 
 604 
						<p id="chargement-txt" style="color:white;font-size:1.5em;">
376 
                                    </label>
 605 
							<?= $resume['transencours']; ?>
377 
                                  <?php endif; ?>
 606 
						</p>
378 
 
 - 
 
379 
                              <?php endforeach; ?>
 607 
					</div>
380 
 
 608 
				</div>
381 
                            </div>
 609 
 
382 
                          </div>
 610 
				<!-- Templates HTML -->
383 
                        <?php break;
 - 
 
384 
 
 611 
				<div id="tpl-transmission-ok" class="hidden">
385 
                        case 'list-checkbox': ?>
 612 
					<p class="msg"><?= $resume['transok']; ?></p>
- 
 
 613 
				</div>
386 
                          <div class="multiselect <?php echo $champ['element'] . $help; ?>">
 614 
				<div id="tpl-transmission-ko" class="hidden">
387 
                            <label class="col-sm-8<?= $mandatory; ?>"><?= $champ['name'] . $help_button; ?></label>
 615 
					<p class="msg"><?= $resume['transko']; ?></p>
388 
                            <div class="control-group col-sm-8 mb-3">
 616 
				</div>
389 
                              <div class="selectBox">
 617 
			</div>
390 
                                <select class="form-control" id="list-checkbox-<?= $champ['key']; ?>"<?php echo $description . $required; ?> class="form-control">
 618 
		</div>
- 
 
 619 
		<div id="help-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="help-modal-label" style="display: none;" aria-hidden="true">
391 
                                  <option>Plusieurs choix possibles</option>
 620 
			<div class="modal-dialog modal-dialog-centered" role="document">
392 
                                </select>
 621 
				<div class="modal-content">
393 
                                <div class="overSelect"></div>
 622 
					<div class="modal-header">
394 
                              </div>
 623 
						<h5 class="modal-title" id="help-modal-label"></h5>
395 
                              <div class="checkboxes hidden">
 624 
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
396 
                                <?php foreach ( $champ['fieldValues']['listValue'] as $i => $list_value ) : ?>
 - 
 
397 
 
 - 
 
398 
                                  <?php
 625 
							<span aria-hidden="true">&times;</span>
399 
                                    $checked = '';
 - 
 
400 
                                    if ( '#' === substr( $list_value, -1 ) ) :
 626 
						</button>
- 
 
 627 
					</div>
401 
                                      $checked = ' checked';
 628 
					<div class="modal-body" id="print_content"></div>
402 
                                      $list_value = substr( $list_value, 0, -1 );
 - 
 
Line -... Line 629...
- 
 
 629 
					<div class="modal-footer">
403 
                                    endif;
 630 
						<button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
Line 729... Line 743...
729 
          //
 743 
					//
Line 730... Line 744...
730 
          //
 744 
					//
731 
          // Squelette d'URL du web service d'eFlore fournissant les noms de communes.
 745 
					// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
732 
          widget.serviceNomCommuneUrl = "https://api.tela-botanica.org/service:eflore:0.1/osm/nom-commune?lon={lon}&lat={lat}";
 746 
					widget.serviceNomCommuneUrl = "https://api.tela-botanica.org/service:eflore:0.1/osm/nom-commune?lon={lon}&lat={lat}";