Line 30... |
Line 30... |
30 |
<!-- Favicones -->
|
30 |
<!-- Favicones -->
|
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" />
|
Line 32... |
Line 32... |
32 |
|
32 |
|
33 |
<!-- CSS -->
|
33 |
<!-- 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" />
|
- |
|
35 |
<!-- <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 |
<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" />
|
36 |
<!-- Bootstrap CSS -->
|
35 |
<!-- Bootstrap CSS -->
|
37 |
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous" />
|
- |
|
38 |
<!-- <link href="https://www.tela-botanica.org/commun/bootstrap/2.0.2/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="screen"> -->
|
36 |
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous" />
|
39 |
<link rel="stylesheet" type="text/css" href="<?= $url_base; ?>modules/saisie2/squelettes/css/bootstrap-4/css/bootstrap.min.css" />
|
- |
|
40 |
<!-- <link rel="stylesheet" type="text/css" href="https://resources.tela-botanica.org/bootstrap/3.1.0/css/bootstrap.min.css"> -->
|
- |
|
41 |
<!-- <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> -->
|
37 |
<link rel="stylesheet" type="text/css" href="<?= $url_base; ?>modules/saisie2/squelettes/css/bootstrap-4/css/bootstrap.min.css" />
|
42 |
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous" />
|
- |
|
43 |
<!-- <link id="telabotanica-style-css" rel="stylesheet" href="https://beta.tela-botanica.org/preprod/wp-content/themes/telabotanica/dist/bundle.css?ver=4.9.7" type="text/css" media="all"> -->
|
38 |
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous" />
|
Line 44... |
Line 39... |
44 |
<link href="<?= $url_base; ?>modules/saisie2/squelettes/css/saisie.css" rel="stylesheet" type="text/css" media="screen" />
|
39 |
<link href="<?= $url_base; ?>modules/saisie2/squelettes/css/saisie.css" rel="stylesheet" type="text/css" media="screen" />
|
45 |
|
40 |
|
46 |
<!-- Google Analytics -->
|
41 |
<!-- Google Analytics -->
|
Line 111... |
Line 106... |
111 |
<div id="tb-navigation" data-courant="widget-cel-saisie2" data-squelette="navigation" data-mode="test">
|
106 |
<div id="tb-navigation" data-courant="widget-cel-saisie2" data-squelette="navigation" data-mode="test">
|
112 |
<!-- dev (localhost) : -->
|
107 |
<!-- dev (localhost) : -->
|
113 |
<!-- <div id="tb-navigation" data-courant="widget-cel-saisie2" data-squelette="navigation" data-mode="local"> -->
|
108 |
<!-- <div id="tb-navigation" data-courant="widget-cel-saisie2" data-squelette="navigation" data-mode="local"> -->
|
114 |
<div class="navbar-default mb-3" id="tb-navbar">
|
109 |
<div class="navbar-default mb-3" id="tb-navbar">
|
115 |
<div class="nav navbar-nav navbar-right row">
|
110 |
<div class="nav navbar-nav navbar-right row">
|
116 |
<div id="bouton-connexion" class="dropdown col-md-6 col-sm-12">
|
111 |
<div id="bouton-connexion" class="dropdown col-md-6 col-sm-8">
|
117 |
<label for="bouton-connexion">Je me connecte à mon compte : </label>
|
112 |
<label for="bouton-connexion">Je me connecte à mon compte : </label>
|
118 |
<a id="connexion" href="<?= $authTpl; ?>" class="btn btn-success mr-1 mb-1" taget="_blank">Connexion</a>
|
113 |
<a id="connexion" href="<?= $authTpl; ?>" class="btn btn-success mr-1 mb-1" taget="_blank">Connexion</a>
|
119 |
<a id="bouton-inscription" href="https://beta.tela-botanica.org/test/inscription" class="btn btn-primary mr-1 mb-1" taget="_blank">Inscription</a>
|
114 |
<a id="bouton-inscription" href="https://beta.tela-botanica.org/test/inscription" class="btn btn-primary mr-1 mb-1" taget="_blank">Inscription</a>
|
120 |
</div>
|
115 |
</div>
|
121 |
<div id="creation-compte" class="dropdown col-md-6 col-sm-12">
|
116 |
<div id="creation-compte" class="dropdown col-md-6 col-sm-8">
|
122 |
<label for="creation-compte">Je ne souhaite pas m'inscrire : </label>
|
117 |
<label for="creation-compte">Je ne souhaite pas m'inscrire : </label>
|
123 |
<a id="bouton-anonyme" href="#" class="btn btn-info mr-1 mb-1">Observation sans inscription</a>
|
118 |
<a id="bouton-anonyme" href="#" class="btn btn-info mr-1 mb-1">Observation sans inscription</a>
|
124 |
</div>
|
119 |
</div>
|
125 |
<div id="utilisateur-connecte" class="dropdown hidden">
|
120 |
<div id="utilisateur-connecte" class="dropdown hidden">
|
126 |
<label for="utilisateur-connecte">Bienvenue : </label>
|
121 |
<label for="utilisateur-connecte">Bienvenue : </label>
|
127 |
<a href="#" class="list-tool btn btn-largee btn-primary dropdown-toggle" data-toggle="dropdown">
|
122 |
<a href="#" class="list-tool btn btn-largee btn-primary dropdown-toggle" data-toggle="dropdown">
|
128 |
<span id="nom-complet"></span>
|
123 |
<span id="nom-complet"></span>
|
129 |
</a>
|
124 |
</a>
|
130 |
<div class="dropdown-menu">
|
125 |
<div class="dropdown-menu">
|
131 |
<div id="profil-utilisateur"><a href="https://beta.tela-botanica.org/test/inscription" taget="_blank">Mon profil</a></div>
|
126 |
<div id="profil-utilisateur"><a href="https://beta.tela-botanica.org/test/inscription" taget="_blank">Mon profil</a></div>
|
132 |
<div id="deconnexion"><a href="https://beta.tela-botanica.org/widget:reseau:auth?action=deconnexion&origine=" taget="_blank">Déconnexion</a></div>
|
127 |
<div id="deconnexion"><a href="#">Déconnexion</a></div>
|
133 |
</div>
|
128 |
</div>
|
134 |
</div>
|
129 |
</div>
|
135 |
</div>
|
130 |
</div>
|
136 |
</div>
|
131 |
</div>
|
137 |
</div>
|
132 |
</div>
|
Line 139... |
Line 134... |
139 |
<div id="anonyme" class="mb-3 hidden">
|
134 |
<div id="anonyme" class="mb-3 hidden">
|
140 |
<label for="anonyme">Informations sur l'observateur : </label>
|
135 |
<label for="anonyme">Informations sur l'observateur : </label>
|
141 |
<div id="zone-courriel" class="row">
|
136 |
<div id="zone-courriel" class="row">
|
142 |
<div class="control-group col-md-6">
|
137 |
<div class="control-group col-md-6">
|
Line 143... |
Line 138... |
143 |
|
138 |
|
144 |
<label for="courriel" class="col-sm-12 obligatoire" title="<?= $observateur['courriel-title']; ?>">
|
139 |
<label for="courriel" class="col-sm-8 obligatoire" title="<?= $observateur['courriel-title']; ?>">
|
145 |
<i class="fa fa-envelope" aria-hidden="true"></i>
|
140 |
<i class="fa fa-envelope" aria-hidden="true"></i>
|
146 |
<?= $observateur['courriel']; ?>
|
141 |
<?= $observateur['courriel']; ?>
|
147 |
</label>
|
142 |
</label>
|
148 |
<div class="col-sm-8 mb-3">
|
143 |
<div class="col-sm-8 mb-3">
|
Line 151... |
Line 146... |
151 |
</div>
|
146 |
</div>
|
Line 152... |
Line 147... |
152 |
|
147 |
|
153 |
</div>
|
148 |
</div>
|
Line 154... |
Line 149... |
154 |
<div id="zone-courriel-confirmation" class="control-group col-md-6 hidden">
|
149 |
<div id="zone-courriel-confirmation" class="control-group col-md-6 hidden">
|
155 |
|
150 |
|
156 |
<label for="courriel_confirmation" class="col-sm-12 obligatoire" title="Veuillez confirmer le courriel.">
|
151 |
<label for="courriel_confirmation" class="col-sm-8 obligatoire" title="Veuillez confirmer le courriel.">
|
157 |
<i class="fa fa-envelope" aria-hidden="true"></i>
|
152 |
<i class="fa fa-envelope" aria-hidden="true"></i>
|
158 |
Courriel (confirmation)
|
153 |
Courriel (confirmation)
|
159 |
</label>
|
154 |
</label>
|
Line 164... |
Line 159... |
164 |
</div>
|
159 |
</div>
|
165 |
</div>
|
160 |
</div>
|
166 |
<div id="zone-prenom-nom" class="row hidden">
|
161 |
<div id="zone-prenom-nom" class="row hidden">
|
167 |
<div class="control-group col-md-6">
|
162 |
<div class="control-group col-md-6">
|
Line 168... |
Line 163... |
168 |
|
163 |
|
169 |
<label for="prenom" class="col-sm-12">
|
164 |
<label for="prenom" class="col-sm-8">
|
170 |
<i class="fa fa-user" aria-hidden="true"></i>
|
165 |
<i class="fa fa-user" aria-hidden="true"></i>
|
171 |
<?= $observateur['prenom']; ?>
|
166 |
<?= $observateur['prenom']; ?>
|
172 |
</label>
|
167 |
</label>
|
173 |
<div class="input-group col-sm-8">
|
168 |
<div class="input-group col-sm-8">
|
174 |
<input id="prenom" name="prenom" class="form-control" type="text">
|
169 |
<input id="prenom" name="prenom" class="form-control" type="text">
|
Line 175... |
Line 170... |
175 |
</div>
|
170 |
</div>
|
176 |
|
171 |
|
Line 177... |
Line 172... |
177 |
</div>
|
172 |
</div>
|
178 |
<div class="control-group col-md-6">
|
173 |
<div class="control-group col-md-6">
|
179 |
|
174 |
|
180 |
<label for="nom" class="col-sm-12">
|
175 |
<label for="nom" class="col-sm-8">
|
181 |
<i class="fa fa-user" aria-hidden="true"></i>
|
176 |
<i class="fa fa-user" aria-hidden="true"></i>
|
182 |
<?= $observateur['nom']; ?>
|
177 |
<?= $observateur['nom']; ?>
|
Line 221... |
Line 216... |
221 |
<form id="form-observation" role="form" autocomplete="on">
|
216 |
<form id="form-observation" role="form" autocomplete="on">
|
222 |
<h2><?= $observation['titre']; ?></h2>
|
217 |
<h2><?= $observation['titre']; ?></h2>
|
223 |
<div id="zone-observation" class="row">
|
218 |
<div id="zone-observation" class="row">
|
224 |
<div class="col-md-6">
|
219 |
<div class="col-md-6">
|
225 |
<div class="control-group">
|
220 |
<div class="control-group">
|
226 |
<label for="geolocalisation" class="col-sm-12 obligatoire" title="<?= $observateur['courriel-title']; ?>">
|
221 |
<label for="geolocalisation" class="col-sm-8 obligatoire" title="<?= $observateur['courriel-title']; ?>">
|
227 |
<i class="fa fa-street-view" aria-hidden="true"></i>
|
222 |
<i class="fa fa-street-view" aria-hidden="true"></i>
|
228 |
<?= $observation['geolocalisation']; ?>
|
223 |
<?= $observation['geolocalisation']; ?>
|
229 |
</label>
|
224 |
</label>
|
230 |
<div class="col-sm-12 mb-3">
|
225 |
<div class="col-sm-8 mb-3">
|
231 |
<input id="geolocalisation" name="geolocalisation" type="hidden">
|
226 |
<input id="geolocalisation" name="geolocalisation" type="hidden">
|
232 |
<!-- code à décommenter pour avoir un aperçu de la carte qui fonctionne sous chrome,
|
227 |
<!-- code à décommenter pour avoir un aperçu de la carte qui fonctionne sous chrome,
|
233 |
à remplacer quand Stéphane aura fait une release sur https://github.com/steph-del/tb-geoloc-lib/releases -->
|
228 |
à remplacer quand Stéphane aura fait une release sur https://github.com/steph-del/tb-geoloc-lib/releases -->
|
234 |
<!-- <app-root></app-root>
|
229 |
<!-- <app-root></app-root>
|
235 |
<script type="text/javascript" src="modules/saisie2/squelettes/js/runtime.js"></script>
|
230 |
<script type="text/javascript" src="modules/saisie2/squelettes/js/runtime.js"></script>
|
Line 238... |
Line 233... |
238 |
<script type="text/javascript" src="modules/saisie2/squelettes/js/vendor.js"></script>
|
233 |
<script type="text/javascript" src="modules/saisie2/squelettes/js/vendor.js"></script>
|
239 |
<script type="text/javascript" src="modules/saisie2/squelettes/js/main.js"></script> -->
|
234 |
<script type="text/javascript" src="modules/saisie2/squelettes/js/main.js"></script> -->
|
240 |
</div>
|
235 |
</div>
|
241 |
</div>
|
236 |
</div>
|
242 |
<div class="control-group">
|
237 |
<div class="control-group">
|
243 |
<label for="milieu" class="col-sm-12">
|
238 |
<label for="milieu" class="col-sm-8">
|
244 |
<i class="fa fa-street-view" aria-hidden="true"></i>
|
239 |
<i class="fa fa-street-view" aria-hidden="true"></i>
|
245 |
<?= $observation['milieu']; ?>
|
240 |
<?= $observation['milieu']; ?>
|
246 |
</label>
|
241 |
</label>
|
247 |
<div class="col-sm-8 mb-3">
|
242 |
<div class="col-sm-8 mb-3">
|
248 |
<?php if ( 0 < count( (array) $widget['milieux'] ) ) :?>
|
243 |
<?php if ( 0 < count( (array) $widget['milieux'] ) ) :?>
|
Line 258... |
Line 253... |
258 |
</div>
|
253 |
</div>
|
259 |
</div>
|
254 |
</div>
|
260 |
<div class="col-md-6">
|
255 |
<div class="col-md-6">
|
Line 261... |
Line 256... |
261 |
|
256 |
|
262 |
<div class="control-group">
|
257 |
<div class="control-group">
|
263 |
<label for="date_releve" class="col-sm-12 obligatoire" title="">
|
258 |
<label for="date_releve" class="col-sm-8 obligatoire" title="">
|
264 |
<i class="fa fa-calendar" aria-hidden="true"></i>
|
259 |
<i class="fa fa-calendar" aria-hidden="true"></i>
|
265 |
<?= $observation['date']; ?>
|
260 |
<?= $observation['date']; ?>
|
266 |
</label>
|
261 |
</label>
|
267 |
<div class="col-sm-8 mb-3" id="datetimepicker">
|
262 |
<div class="col-sm-8 mb-3" id="datetimepicker">
|
268 |
<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">
|
263 |
<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">
|
269 |
</div>
|
264 |
</div>
|
Line 270... |
Line 265... |
270 |
</div>
|
265 |
</div>
|
271 |
|
266 |
|
272 |
<?php if( 'referentiel' === $widget['type_especes'] && '' === $widget['referentiel'] ) : ?>
|
267 |
<?php if( 'referentiel' === $widget['type_especes'] && '' === $widget['referentiel'] ) : ?>
|
273 |
<div class="control-group">
|
268 |
<div class="control-group">
|
274 |
<label for="referentiel" class="col-sm-12 obligatoire" title="">
|
269 |
<label for="referentiel" class="col-sm-8 obligatoire" title="">
|
275 |
<i class="fa fa-book" aria-hidden="true"></i>
|
270 |
<i class="fa fa-book" aria-hidden="true"></i>
|
276 |
<?= $observation['referentiel']; ?>
|
271 |
<?= $observation['referentiel']; ?>
|
277 |
</label>
|
272 |
</label>
|
Line 293... |
Line 288... |
293 |
<?php else : ?>
|
288 |
<?php else : ?>
|
294 |
<input id="referentiel" name="referentiel" value="<?= $widget['referentiel']; ?>" type="hidden">
|
289 |
<input id="referentiel" name="referentiel" value="<?= $widget['referentiel']; ?>" type="hidden">
|
295 |
<?php endif; ?>
|
290 |
<?php endif; ?>
|
Line 296... |
Line 291... |
296 |
|
291 |
|
297 |
<div class="control-group">
|
292 |
<div class="control-group">
|
298 |
<label for="taxon" class="col-sm-12 obligatoire" title="">
|
293 |
<label for="taxon" class="col-sm-8 obligatoire" title="">
|
299 |
<i class="fa fa-leaf" aria-hidden="true"></i>
|
294 |
<i class="fa fa-leaf" aria-hidden="true"></i>
|
300 |
<?= $observation['espece']; ?>
|
295 |
<?= $observation['espece']; ?>
|
301 |
</label>
|
296 |
</label>
|
302 |
<div class="col-sm-8 mb-3">
|
297 |
<div class="col-sm-8 mb-3">
|
303 |
<input id="taxon" name="taxon" class="form-control" type="text">
|
298 |
<input id="taxon" name="taxon" class="form-control" type="text">
|
304 |
</div>
|
299 |
</div>
|
Line 305... |
Line 300... |
305 |
</div>
|
300 |
</div>
|
306 |
|
301 |
|
307 |
<div class="control-group">
|
302 |
<div class="control-group">
|
308 |
<label for="certitude" class="col-sm-12 obligatoire" title="">
|
303 |
<label for="certitude" class="col-sm-8 obligatoire" title="">
|
309 |
<i class="fa fa-question" aria-hidden="true"></i>
|
304 |
<i class="fa fa-question" aria-hidden="true"></i>
|
310 |
<?= $observation['certitude']; ?>
|
305 |
<?= $observation['certitude']; ?>
|
311 |
</label>
|
306 |
</label>
|
Line 354... |
Line 349... |
354 |
$max = ( $champ['fieldValues']['max'] )? ' max="' . $champ['fieldValues']['max'] . '"':'';
|
349 |
$max = ( $champ['fieldValues']['max'] )? ' max="' . $champ['fieldValues']['max'] . '"':'';
|
355 |
$step = ( $champ['fieldValues']['step'] )? ' step="' . $champ['fieldValues']['step'] . '"':'';
|
350 |
$step = ( $champ['fieldValues']['step'] )? ' step="' . $champ['fieldValues']['step'] . '"':'';
|
356 |
$default = ( $champ['fieldValues']['default'] )? ' value="' . $champ['fieldValues']['default'] . '"':'';
|
351 |
$default = ( $champ['fieldValues']['default'] )? ' value="' . $champ['fieldValues']['default'] . '"':'';
|
357 |
$description = ( $champ['description'] )? ' title="' . $champ['description'] . '"':'';
|
352 |
$description = ( $champ['description'] )? ' title="' . $champ['description'] . '"':'';
|
358 |
$placeholder = ( $champ['fieldValues']['placeholder'] )? ' placeholder="' . $champ['fieldValues']['placeholder'] . '"':'';
|
353 |
$placeholder = ( $champ['fieldValues']['placeholder'] )? ' placeholder="' . $champ['fieldValues']['placeholder'] . '"':'';
|
359 |
$help = ( $champ['help'] )? ' and-help':'';
|
- |
|
360 |
$required = '';
|
354 |
$required = '';
|
361 |
$mandatory = '';
|
355 |
$mandatory = '';
|
362 |
$datepicker = '';
|
356 |
$datepicker = '';
|
363 |
$pattern = '';
|
357 |
$pattern = '';
|
364 |
$obs_radio = '';
|
358 |
$obs_radio = '';
|
- |
|
359 |
$help = '';
|
- |
|
360 |
$help_button = '';
|
- |
|
361 |
|
- |
|
362 |
if( /*true*/$champ['help'] ) {
|
- |
|
363 |
$help = ' and-help';
|
- |
|
364 |
// TODO récupérer un $champ['help_mime_type']
|
- |
|
365 |
// $champ['help_mime_type'] = 'application/pdf';
|
- |
|
366 |
$champ['help_mime_type'] = 'image.*';
|
- |
|
367 |
$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>';
|
- |
|
368 |
}
|
Line 365... |
Line 369... |
365 |
|
369 |
|
366 |
if( $champ['mandatory'] ) {
|
370 |
if( $champ['mandatory'] ) {
|
367 |
// Attr required
|
371 |
// Attr required
|
368 |
$required = ' required';
|
372 |
$required = ' required';
|
Line 377... |
Line 381... |
377 |
|
381 |
|
378 |
switch( $champ['element'] ) {
|
382 |
switch( $champ['element'] ) {
|
379 |
case 'radio':
|
383 |
case 'radio':
|
380 |
case 'checkbox': ?>
|
384 |
case 'checkbox': ?>
|
381 |
<div class="control-group <?= $champ['element']; ?> mb-3"<?php echo $description . $required; ?>>
|
385 |
<div class="control-group <?= $champ['element']; ?> mb-3"<?php echo $description . $required; ?>>
|
382 |
<div class="col-sm-12 list-label<?php echo $help . $mandatory; ?>">
|
386 |
<div class="col-sm-8 list-label<?php echo $help . $mandatory; ?>">
|
383 |
<?= $champ['name']; ?>
|
387 |
<?= $champ['name'] . $help_button; ?>
|
384 |
</div>
|
388 |
</div>
|
Line 385... |
Line 389... |
385 |
<div class="col-sm-8">
|
389 |
<div class="col-sm-8">
|
Line 399... |
Line 403... |
399 |
<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']; ?>">
|
403 |
<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']; ?>">
|
400 |
<?= $list_value; ?>
|
404 |
<?= $list_value; ?>
|
401 |
</label>
|
405 |
</label>
|
402 |
<?php else : ?>
|
406 |
<?php else : ?>
|
403 |
<label for="other-<?= $champ['key']; ?>">
|
407 |
<label for="other-<?= $champ['key']; ?>">
|
404 |
<input type="<?= $champ['element']; ?>" id="other-<?= $champ['key']; ?>"'name="<?= $champ['key']; ?>" value="other" class="other" data-label="<?= $champ['name']; ?>" data-element="<?= $champ['element']; ?>">
|
408 |
<input type="<?= $champ['element']; ?>" id="other-<?= $champ['key']; ?>" name="<?= $champ['key']; ?>" value="other" class="other" data-label="<?= $champ['name']; ?>" data-element="<?= $champ['element']; ?>">
|
405 |
Autre
|
409 |
Autre
|
406 |
</label>
|
410 |
</label>
|
407 |
<?php endif; ?>
|
411 |
<?php endif; ?>
|
Line 408... |
Line 412... |
408 |
|
412 |
|
Line 412... |
Line 416... |
412 |
</div>
|
416 |
</div>
|
413 |
<?php break;
|
417 |
<?php break;
|
Line 414... |
Line 418... |
414 |
|
418 |
|
415 |
case 'list-checkbox': ?>
|
419 |
case 'list-checkbox': ?>
|
416 |
<div class="multiselect <?php echo $champ['element'] . $help; ?>">
|
420 |
<div class="multiselect <?php echo $champ['element'] . $help; ?>">
|
417 |
<label class="col-sm-12<?= $mandatory; ?>"><?= $champ['name']; ?></label>
|
421 |
<label class="col-sm-8<?= $mandatory; ?>"><?= $champ['name'] . $help_button; ?></label>
|
418 |
<div class="control-group col-sm-8 mb-3">
|
422 |
<div class="control-group col-sm-8 mb-3">
|
419 |
<div class="selectBox">
|
423 |
<div class="selectBox">
|
420 |
<select class="form-control" id="list-checkbox-<?= $champ['key']; ?>"<?php echo $description . $required; ?> class="form-control">
|
424 |
<select class="form-control" id="list-checkbox-<?= $champ['key']; ?>"<?php echo $description . $required; ?> class="form-control">
|
421 |
<option>Plusieurs choix possibles</option>
|
425 |
<option>Plusieurs choix possibles</option>
|
Line 451... |
Line 455... |
451 |
</div>
|
455 |
</div>
|
452 |
</div>
|
456 |
</div>
|
453 |
<?php break;
|
457 |
<?php break;
|
Line 454... |
Line 458... |
454 |
|
458 |
|
455 |
case 'select': ?>
|
459 |
case 'select': ?>
|
456 |
<label for="<?= $champ['key']; ?>" class="col-sm-12<?= $mandatory; ?>"<?= $description; ?>><?= $champ['name']; ?></label>
|
460 |
<label for="<?= $champ['key']; ?>" class="col-sm-8<?= $mandatory; ?>"<?= $description; ?>><?= $champ['name'] . $help_button; ?></label>
|
457 |
<div class="champ col-sm-8 mb-3">
|
461 |
<div class="champ col-sm-8 mb-3">
|
458 |
<div class="select-wrapper add-field-select <?php echo $champ['element'] . $help; ?>">
|
462 |
<div class="select-wrapper add-field-select <?php echo $champ['element'] . $help; ?>">
|
Line 459... |
Line 463... |
459 |
<select name="<?= $champ['key']; ?>" id="<?= $champ['key']; ?>" class="<?= $champ['key']; ?> form-control"<?= $required; ?> data-label="<?= $champ['name']; ?>">
|
463 |
<select name="<?= $champ['key']; ?>" id="<?= $champ['key']; ?>" class="<?= $champ['key']; ?> form-control"<?= $required; ?> data-label="<?= $champ['name']; ?>">
|
Line 482... |
Line 486... |
482 |
</div>
|
486 |
</div>
|
483 |
</div>
|
487 |
</div>
|
484 |
<?php break;
|
488 |
<?php break;
|
Line 485... |
Line 489... |
485 |
|
489 |
|
486 |
case 'file' : ?>
|
490 |
case 'file' : ?>
|
487 |
<div class="control-group col-sm-12 mb-3">
|
491 |
<div class="control-group col-sm-8 mb-3">
|
488 |
<div class="input-file-container<?= $help; ?>">
|
492 |
<div class="input-file-container<?= $help; ?>">
|
489 |
<input type="<?= $champ['element']; ?>" name="<?= $champ['key']; ?>" class="<?php echo $champ['key'] . ' input-file'; ?> form-control" <?php echo $description . $placeholder . $required; ?> accept="application/pdf, image/*, video/*" data-label="<?= $champ['name']; ?>">
|
493 |
<input type="<?= $champ['element']; ?>" name="<?= $champ['key']; ?>" class="<?php echo $champ['key'] . ' input-file'; ?> form-control" <?php echo $description . $placeholder . $required; ?> accept="application/pdf, image/*, video/*" data-label="<?= $champ['name']; ?>">
|
Line 490... |
Line 494... |
490 |
<label for="<?= $champ['key']; ?>" class="label-file<?= $mandatory; ?>" <?= $description; ?>><i class="fas fa-download" aria-hidden="true"></i> <?= $champ['name']; ?></label>
|
494 |
<label for="<?= $champ['key']; ?>" class="label-file<?= $mandatory; ?>" <?= $description; ?>><i class="fas fa-download" aria-hidden="true"></i> <?= $champ['name']; ?></label>
|
Line 497... |
Line 501... |
497 |
</div>
|
501 |
</div>
|
498 |
<?php break;
|
502 |
<?php break;
|
Line 499... |
Line 503... |
499 |
|
503 |
|
500 |
case 'textarea': ?>
|
504 |
case 'textarea': ?>
|
501 |
<div class="control-group">
|
505 |
<div class="control-group">
|
502 |
<label for="<?= $champ['key']; ?>" class="col-sm-12<?php echo $help . $mandatory; ?>" <?= $description; ?>><?= $champ['name']; ?></label>
|
506 |
<label for="<?= $champ['key']; ?>" class="col-sm-8<?php echo $help . $mandatory; ?>" <?= $description; ?>><?= $champ['name'] . $help_button; ?></label>
|
503 |
<div class="col-sm-8 mb-3">
|
507 |
<div class="col-sm-8 mb-3">
|
504 |
<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>
|
508 |
<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>
|
505 |
</div>
|
509 |
</div>
|
506 |
</div>
|
510 |
</div>
|
Line 507... |
Line 511... |
507 |
<?php break;
|
511 |
<?php break;
|
508 |
|
512 |
|
509 |
case 'range': ?>
|
513 |
case 'range': ?>
|
510 |
<div class="control-group">
|
514 |
<div class="control-group">
|
511 |
<label for="<?= $champ['key']; ?>" class="col-sm-12<?= $help . $mandatory; ?>" <?= $description; ?>><?= $champ['name']; ?></label>
|
515 |
<label for="<?= $champ['key']; ?>" class="col-sm-8<?= $help . $mandatory; ?>" <?= $description; ?>><?= $champ['name'] . $help_button; ?></label>
|
512 |
<div class="col-sm-8 mb-3">
|
516 |
<div class="col-sm-8 mb-3">
|
513 |
<input type="<?= $champ['element']; ?>" name="<?= $champ['key']; ?>" class="<?= $champ['key'] . $help; ?> form-control" <?php echo $description . $placeholder . $step . $default . $min . $max . $required; ?> data-label="<?= $champ['name']; ?>">
|
517 |
<input type="<?= $champ['element']; ?>" name="<?= $champ['key']; ?>" class="<?= $champ['key'] . $help; ?> form-control" <?php echo $description . $placeholder . $step . $default . $min . $max . $required; ?> data-label="<?= $champ['name']; ?>">
|
514 |
</div>
|
518 |
</div>
|
Line 515... |
Line 519... |
515 |
</div>
|
519 |
</div>
|
516 |
<?php break;
|
520 |
<?php break;
|
517 |
|
521 |
|
518 |
case 'number':
|
522 |
case 'number':
|
519 |
case 'date': ?>
|
523 |
case 'date': ?>
|
520 |
<div class="control-group">
|
524 |
<div class="control-group">
|
521 |
<label for="<?= $champ['key']; ?>" class="col-sm-12<?php echo $datepicker . $mandatory; ?>" <?= $description; ?>><?= $champ['name']; ?></label>
|
525 |
<label for="<?= $champ['key']; ?>" class="col-sm-8<?php echo $datepicker . $mandatory; ?>" <?= $description; ?>><?= $champ['name'] . $help_button; ?></label>
|
522 |
<div class="col-sm-8 mb-3">
|
526 |
<div class="col-sm-8 mb-3">
|
523 |
<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']; ?>">
|
527 |
<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']; ?>">
|
Line 524... |
Line 528... |
524 |
</div>
|
528 |
</div>
|
525 |
</div>
|
529 |
</div>
|
526 |
<?php break;
|
530 |
<?php break;
|
527 |
|
531 |
|
528 |
case 'text' :
|
532 |
case 'text' :
|
529 |
case 'email':
|
533 |
case 'email':
|
530 |
default: ?>
|
534 |
default: ?>
|
531 |
<div class="control-group">
|
535 |
<div class="control-group">
|
532 |
<label for="<?= $champ['key']; ?>" class="col-sm-12<?= $mandatory; ?>" <?= $description; ?>><?= $champ['name']; ?></label>
|
536 |
<label for="<?= $champ['key']; ?>" class="col-sm-8<?= $mandatory; ?>" <?= $description; ?>><?= $champ['name'] . $help_button; ?></label>
|
533 |
<div class="col-sm-8 mb-3">
|
537 |
<div class="col-sm-8 mb-3">
|
Line 685... |
Line 689... |
685 |
</a>
|
689 |
</a>
|
686 |
</div>
|
690 |
</div>
|
687 |
</footer>
|
691 |
</footer>
|
688 |
</div>
|
692 |
</div>
|
689 |
</div>
|
693 |
</div>
|
- |
|
694 |
<div id="help-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="help-modal-label" style="display: none;" aria-hidden="true">
|
- |
|
695 |
<div class="modal-dialog modal-dialog-centered" role="document">
|
- |
|
696 |
<div class="modal-content">
|
- |
|
697 |
<div class="modal-header">
|
- |
|
698 |
<h5 class="modal-title" id="help-modal-label"></h5>
|
- |
|
699 |
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
- |
|
700 |
<span aria-hidden="true">×</span>
|
- |
|
701 |
</button>
|
- |
|
702 |
</div>
|
- |
|
703 |
<div class="modal-body" id="print_content"></div>
|
- |
|
704 |
<div class="modal-footer">
|
- |
|
705 |
<button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
|
- |
|
706 |
</div>
|
- |
|
707 |
</div>
|
- |
|
708 |
</div>
|
- |
|
709 |
</div>
|
690 |
<!-- Jquery -->
|
710 |
<!-- Jquery -->
|
691 |
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.1.js"></script>
|
711 |
<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/1.11.1/jquery-1.11.1.min.js"></script>
|
Line 692... |
Line 712... |
692 |
|
712 |
|
693 |
<!-- Jquery UI : nécessaire pour le minicalendrier et l'auto-complétion -->
|
713 |
<!-- Jquery UI : nécessaire pour le minicalendrier et l'auto-complétion -->
|
694 |
<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/jquery-ui/1.11.0/js/jquery-ui.min.js"></script>
|
714 |
<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/jquery-ui/1.11.0/js/jquery-ui.min.js"></script>
|
695 |
<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/jquery-ui/1.11.0/js/datepicker-fr.js"></script>
|
715 |
<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/jquery-ui/1.11.0/js/datepicker-fr.js"></script>
|
696 |
<!-- Jquery Plugins -->
|
716 |
<!-- Jquery Plugins -->
|
697 |
<!-- Jquery Validate : nécessaire pour la validation des formulaires -->
|
717 |
<!-- Jquery Validate : nécessaire pour la validation des formulaires -->
|
698 |
<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/jquery.validate.min.js"></script>
|
- |
|
699 |
<!-- <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/jquery.validate-patched.min.js"></script> -->
|
718 |
<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/jquery.validate.min.js"></script>
|
700 |
<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/additional-methods.min.js"></script>
|
719 |
<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/additional-methods.min.js"></script>
|
701 |
<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/messages_fr.js"></script>
|
720 |
<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/messages_fr.js"></script>
|
702 |
<!-- Jquery Form :nécessaire pour l'upload des images -->
|
721 |
<!-- Jquery Form :nécessaire pour l'upload des images -->
|
703 |
<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/form/3.51/jquery.form.min.js"></script>
|
722 |
<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/form/3.51/jquery.form.min.js"></script>
|
704 |
<!-- Bootstrap -->
|
- |
|
705 |
<!-- <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> -->
|
723 |
<!-- Bootstrap -->
|
706 |
<!-- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> -->
|
- |
|
707 |
<script type="text/javascript" src="https://resources.tela-botanica.org/bootstrap/2.3.2/js/bootstrap.min.js"></script>
|
724 |
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
|
708 |
<!-- Authentification -->
|
725 |
<!-- Authentification -->
|
709 |
<script type="text/javascript" src="<?= $url_base; ?>modules/saisie2/squelettes/js/auth.js"></script>
|
726 |
<script type="text/javascript" src="<?= $url_base; ?>modules/saisie2/squelettes/js/auth.js"></script>
|
710 |
<!-- Connexion, bloc de prévisualisation, date -->
|
727 |
<!-- Connexion, bloc de prévisualisation, date -->
|
711 |
<script type="text/javascript" src="<?= $url_base; ?>modules/saisie2/squelettes/js/WidgetSaisie.js"></script>
|
728 |
<script type="text/javascript" src="<?= $url_base; ?>modules/saisie2/squelettes/js/WidgetSaisie.js"></script>
|