Line 44... |
Line 44... |
44 |
|
44 |
|
45 |
<!-- CSS -->
|
45 |
<!-- CSS -->
|
46 |
<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" />
|
46 |
<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" />
|
47 |
<link rel="stylesheet" type="text/css" href="https://resources.tela-botanica.org/bootstrap/3.1.0/css/bootstrap.min.css" />
|
47 |
<link rel="stylesheet" type="text/css" href="https://resources.tela-botanica.org/bootstrap/3.1.0/css/bootstrap.min.css" />
|
48 |
<link rel="stylesheet" type="text/css" href="<?php echo $url_base; ?>modules/manager/squelettes/css/manager.css" media="screen" />
|
- |
|
49 |
<link rel="stylesheet" type="text/css" id="telabotanica-style-css" href="https://www.tela-botanica.org/wp-content/themes/telabotanica/dist/bundle.css?ver=4.9.7" media="all">
|
48 |
<link rel="stylesheet" type="text/css" href="<?php echo $url_base; ?>modules/manager/squelettes/css/manager.css" media="screen" />
|
Line 50... |
Line 49... |
50 |
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous">
|
49 |
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous">
|
51 |
|
50 |
|
52 |
<!-- Google Analytics -->
|
51 |
<!-- Google Analytics -->
|
Line 104... |
Line 103... |
104 |
|
103 |
|
105 |
<label for="langue">Langue</label>
|
104 |
<label for="langue">Langue</label>
|
106 |
<?php if ($mode === 'modification') : ?>
|
105 |
<?php if ($mode === 'modification') : ?>
|
107 |
<input id="langue" name="langue" readonly value="<?php echo $widget['langue']; ?>">
|
106 |
<input id="langue" name="langue" readonly value="<?php echo $widget['langue']; ?>">
|
108 |
<?php else : ?>
|
107 |
<?php else : ?>
|
109 |
<input id="langue" name="langue" list="langues">
|
108 |
<div class="select-wrapper">
|
110 |
<datalist id="langues" >
|
109 |
<select id="langue" name="langue">
|
111 |
<?php foreach ($langues as $code => $langue) : ?>
|
110 |
<?php foreach ($langues as $code => $langue) : ?>
|
112 |
<option value="<?php echo $code; ?>"><?php echo $langue['nom']; ?></option>
|
111 |
<option value="<?php echo $code; ?>" <?php echo $code === 'fr' ? 'selected' : '';?>><?php echo $langue['nom']; ?></option>
|
- |
|
112 |
<?php endforeach; ?>
|
113 |
<?php endforeach; ?>
|
113 |
</select>
|
114 |
</datalist>
|
114 |
</div>
|
115 |
<?php endif; ?>
|
115 |
<?php endif; ?>
|
Line 116... |
Line 116... |
116 |
</div><!-- end #basic-details-section -->
|
116 |
</div><!-- end #basic-details-section -->
|
Line 241... |
Line 241... |
241 |
|
241 |
|
Line 242... |
Line 242... |
242 |
</div><!-- end .widget-blocks = tout le bloc de gauche-->
|
242 |
</div><!-- end .widget-blocks = tout le bloc de gauche-->
|
243 |
|
243 |
|
244 |
<div class="widget-blocks col-md-8">
|
244 |
<div class="widget-blocks col-md-8">
|
Line 245... |
Line 245... |
245 |
<!-- <iframe src="http://localhost/widget:cel:saisie2?projet=<?php echo isset($widget['projet'])?$widget['projet']:'base'; ?>" class="widget-renderer" height="100%" width="100%" ></iframe> -->
|
245 |
<!-- <iframe src="http://localhost/widget:cel:saisie2?projet=<?php echo isset($widget['projet'])?$widget['projet']:'base'; ?>" class="widget-renderer" height="100%" width="100%" ></iframe> -->
|
246 |
<div class="widget-renderer" style="background:rgba(248, 245, 239, 0.6);">
|
246 |
<div class="widget-renderer">
|
247 |
|
247 |
|
248 |
<div id="preview-header" class="row">
|
248 |
<div id="preview-header" class="row">
|
Line 300... |
Line 300... |
300 |
|
300 |
|
Line 301... |
Line 301... |
301 |
<form id="preview-form-observateur" role="form" autocomplete="on">
|
301 |
<form id="preview-form-observateur" role="form" autocomplete="on">
|
Line 302... |
Line 302... |
302 |
|
302 |
|
Line 303... |
Line 303... |
303 |
<h2>Observateur</h2>
|
303 |
<h2>Observateur</h2>
|
304 |
|
304 |
|
305 |
<div id="zone-courriel" class="row align-items-center">
|
305 |
<div id="zone-courriel" class="row">
|
306 |
|
306 |
|
307 |
<div class="col-md-6">
|
- |
|
308 |
<label for="courriel" class="" title="Veuillez saisir votre adresse courriel.">
|
- |
|
309 |
<strong class="obligatoire">*</strong>Courriel
|
307 |
<div class="col-md-6">
|
310 |
</label>
|
308 |
<label for="courriel" class="" title="Veuillez saisir votre adresse courriel.">
|
311 |
<div class="input-group">
|
- |
|
312 |
<span class="input-group-addon"><i class="fa fa-envelope"></i></span>
|
309 |
<i class="fa fa-envelope"></i> Courriel *
|
Line 313... |
Line 310... |
313 |
<input type="email" id="courriel" name="courriel" class="form-control" title="Veuillez saisir votre adresse courriel. ">
|
310 |
</label>
|
314 |
<input type="hidden" id="id_utilisateur" name="id_utilisateur">
|
311 |
<input type="email" id="courriel" name="courriel" title="Veuillez saisir votre adresse courriel. ">
|
315 |
</div>
|
312 |
<input type="hidden" id="id_utilisateur" name="id_utilisateur">
|
316 |
</div>
|
313 |
</div>
|
317 |
|
- |
|
318 |
<div id="zone-courriel-confirmation" class="col-md-6 ">
|
- |
|
319 |
<label for="courriel_confirmation" class="" title="Veuillez confirmer le courriel.">
|
314 |
|
320 |
<strong class="obligatoire">*</strong> Courriel (confirmation)
|
- |
|
321 |
</label>
|
315 |
<div id="zone-courriel-confirmation" class="col-md-6 ">
|
Line 322... |
Line 316... |
322 |
<div class="input-group">
|
316 |
<label for="courriel_confirmation" class="" title="Veuillez confirmer le courriel.">
|
Line 323... |
Line 317... |
323 |
<span class="input-group-addon"><i class="fa fa-envelope"></i></span>
|
317 |
<i class="fa fa-envelope"></i> Courriel * (confirmation)
|
Line 324... |
Line 318... |
324 |
<input type="email" id="courriel_confirmation" name="courriel_confirmation" class="form-control">
|
318 |
</label>
|
325 |
</div>
|
319 |
<input type="email" id="courriel_confirmation" name="courriel_confirmation">
|
326 |
</div>
|
- |
|
327 |
|
- |
|
328 |
</div>
|
320 |
</div>
|
329 |
|
- |
|
330 |
<div id="zone-prenom-nom" class="row align-items-center">
|
321 |
|
Line 331... |
Line 322... |
331 |
|
322 |
</div>
|
332 |
<div class="col-md-6 ">
|
323 |
|
333 |
<label for="prenom" class="">Prénom</label>
|
- |
|
334 |
<div class="input-group">
|
- |
|
335 |
<span class="input-group-addon"><i class="fa fa-user"></i></span>
|
324 |
<div id="zone-prenom-nom" class="row">
|
336 |
<input type="text" id="prenom" name="prenom" class="form-control">
|
- |
|
337 |
</div>
|
325 |
|
Line 338... |
Line 326... |
338 |
</div>
|
326 |
<div class="col-md-6">
|
Line 339... |
Line 327... |
339 |
|
327 |
<label for="prenom" class=""><i class="fa fa-user"></i> Prénom</label>
|
Line 340... |
Line 328... |
340 |
<div class="col-md-6 ">
|
328 |
<input type="text" id="prenom" name="prenom">
|
Line 341... |
Line 329... |
341 |
<label for="nom" class="">Nom</label>
|
329 |
</div>
|
Line 342... |
Line 330... |
342 |
<div class="input-group">
|
330 |
|
Line 343... |
Line 331... |
343 |
<span class="input-group-addon"><i class="fa fa-user"></i></span>
|
331 |
<div class="col-md-6 ">
|
344 |
<input type="text" id="nom" name="nom" class="form-control">
|
332 |
<label for="nom" class=""><i class="fa fa-user"></i> Nom</label>
|
345 |
</div>
|
333 |
<input type="text" id="nom" name="nom">
|
346 |
</div>
|
334 |
</div>
|
347 |
|
- |
|
348 |
</div>
|
- |
|
349 |
|
335 |
|
350 |
</form>
|
336 |
</div>
|
351 |
|
- |
|
352 |
<form id="form-observation" role="form" autocomplete="on">
|
- |
|
353 |
|
- |
|
- |
|
337 |
|
354 |
<h2>Observation</h2>
|
338 |
</form>
|
355 |
|
339 |
|
356 |
<div id="zone-observation" class="row align-items-center">
|
- |
|
357 |
|
340 |
<form id="form-observation" role="form" autocomplete="on">
|
Line 358... |
Line 341... |
358 |
<div class="col-md-6 ">
|
341 |
|
359 |
<label for="courriel" class="" title="Veuillez saisir votre adresse courriel.">
|
342 |
<h2>Observation</h2>
|
360 |
<strong class="obligatoire">*</strong>Geolocalisation
|
343 |
|
361 |
</label>
|
344 |
<div id="zone-observation" class="row">
|
362 |
<div class="input-group">
|
345 |
|
363 |
<span class="input-group-addon"><i class="fa fa-envelope"></i></span>
|
- |
|
364 |
<input type="email" id="courriel" name="courriel" class="form-control" title="Veuillez saisir votre adresse courriel. ">
|
346 |
<div class="col-md-6 ">
|
365 |
<input type="hidden" id="id_utilisateur" name="id_utilisateur">
|
347 |
<label for="courriel" class="" title="Veuillez saisir votre adresse courriel.">
|
- |
|
348 |
<i class="fa fa-envelope"></i> Geolocalisation *
|
366 |
</div>
|
349 |
</label>
|
367 |
<label for="milieu" class="">Milieu</label>
|
350 |
<input type="email" id="courriel" name="courriel" title="Veuillez saisir votre adresse courriel. ">
|
368 |
<div class=" input-group">
|
351 |
<input type="hidden" id="id_utilisateur" name="id_utilisateur">
|
369 |
<span class="input-group-addon"><i class="fa fa-street-view"></i></span>
|
- |
|
370 |
<input type="text" id="milieu" name="milieu" class="form-control" placeholder="bois, champ, falaise, ...">
|
- |
|
371 |
</div>
|
352 |
|
372 |
</div>
|
353 |
<label for="milieu" class=""><i class="fa fa-street-view"></i> Milieu</label>
|
373 |
|
354 |
<input type="text" id="milieu" name="milieu" placeholder="bois, champ, falaise, ...">
|
374 |
<div class="col-md-6">
|
355 |
</div>
|
375 |
<label for="date" class="" title="">
|
- |
|
376 |
<strong class="obligatoire">*</strong>Date de relevé
|
356 |
|
- |
|
357 |
<div class="col-md-6">
|
377 |
</label>
|
358 |
<label for="date" class="" title="">
|
378 |
<div class=" input-group date" id="datetimepicker">
|
359 |
<i class="fa fa-calendar"></i> Date de relevé *
|
379 |
<span id="date-icone" class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
- |
|
380 |
<input type="date" id="date" name="date" class="form-control hasDatepicker">
|
360 |
</label>
|
381 |
</div>
|
361 |
<div class="date" id="datetimepicker">
|
- |
|
362 |
<input type="date" id="date" name="date" class="form-control hasDatepicker">
|
382 |
<label for="referentiel" class="" title="">
|
363 |
</div>
|
383 |
<strong class="obligatoire">*</strong>Référentiel
|
364 |
|
384 |
</label>
|
365 |
<label for="referentiel" class="" title="">
|
385 |
<div class=" input-group">
|
- |
|
386 |
<span class="input-group-addon"><i class="fa fa-book"></i></span>
|
- |
|
387 |
<div class="select-wrapper add-field-select">
|
366 |
<i class="fa fa-book"></i> Référentiel *
|
388 |
<select id="referentiel" name="referentiel" class="form-control">
|
367 |
</label>
|
389 |
<option value="" selected="" title="">-</option>
|
368 |
<div class="select-wrapper add-field-select">
|
390 |
</select>
|
369 |
<select id="referentiel" name="referentiel">
|
391 |
</div>
|
- |
|
392 |
</div>
|
370 |
<option value="" selected="" title="">-</option>
|
393 |
<label for="taxon" class="" title="">Espèce</label>
|
371 |
</select>
|
Line 394... |
Line 372... |
394 |
<div class=" input-group date">
|
372 |
</div>
|
Line 395... |
Line 373... |
395 |
<span class="input-group-addon"><i class="fa fa-leaf"></i></span>
|
373 |
|
Line -... |
Line 374... |
- |
|
374 |
<label for="taxon" class="" title=""><i class="fa fa-leaf"></i> Espèce</label>
|
396 |
<input type="text" name="taxon" class="form-control" id="taxon" >
|
375 |
<div class="date">
|
397 |
</div>
|
376 |
<input type="text" name="taxon" id="taxon" >
|
398 |
<label for="certitude" class="" title="">
|
377 |
</div>
|
399 |
<strong class="obligatoire">*</strong>Certitude
|
378 |
|
400 |
</label>
|
379 |
<label for="certitude" class="" title="">
|