Line 1... |
Line 1... |
1 |
<!DOCTYPE html>
|
1 |
<!DOCTYPE html>
|
2 |
<html>
|
2 |
<html>
|
3 |
<head>
|
3 |
<head>
|
4 |
<title>Saisie simplifiée du CEL</title>
|
4 |
<title>Saisie simplifiée du CEL - messicoles</title>
|
Line 5... |
Line 5... |
5 |
|
5 |
|
6 |
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
|
- |
|
7 |
<meta http-equiv="Content-style-type" content="text/css" />
|
- |
|
8 |
<meta http-equiv="Content-script-type" content="text/javascript" />
|
- |
|
Line 9... |
Line 6... |
9 |
<meta http-equiv="Content-language" content="fr" />
|
6 |
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
|
10 |
|
7 |
|
11 |
<meta name="revisit-after" content="15 days" />
|
8 |
<meta name="revisit-after" content="15 days" />
|
12 |
<meta name="robots" content="index,follow" />
|
9 |
<meta name="robots" content="index,follow" />
|
13 |
<meta name="author" content="Tela Botanica" />
|
10 |
<meta name="author" content="Tela Botanica" />
|
Line 14... |
Line 11... |
14 |
<meta name="keywords" content="Tela Botanica, CEL" />
|
11 |
<meta name="keywords" content="Tela Botanica, CEL" />
|
15 |
<meta name="description" content="Widget de saisie simplifiée pour le CEL" />
|
12 |
<meta name="description" content="Widget de saisie simplifiée pour le CEL" />
|
16 |
|
13 |
|
17 |
<!-- OpenGraph pour Facebook, Pinterest, Google+ -->
|
14 |
<!-- OpenGraph pour Facebook, Pinterest, Google+ -->
|
18 |
<meta property="og:type" content="website" />
|
15 |
<meta property="og:type" content="website" />
|
19 |
<meta property="og:title" content="Saisie rapide d'observations" />
|
16 |
<meta property="og:title" content="Saisie rapide d'observations - messicoles" />
|
20 |
<meta property="og:site_name" content="Tela Botanica" />
|
17 |
<meta property="og:site_name" content="Tela Botanica" />
|
21 |
<meta property="og:description" content="Saisissez et partagez facilement vos observations de plantes sauvages grâce au Widget de saisie du Carnet en Ligne (Licence CC-BY-SA)" />
|
18 |
<meta property="og:description" content="Saisissez et partagez facilement vos observations de plantes sauvages grâce au Widget de saisie du Carnet en Ligne (Licence CC-BY-SA)" />
|
Line 31... |
Line 28... |
31 |
<!-- Favicones -->
|
28 |
<!-- Favicones -->
|
32 |
<link rel="shortcut icon" type="image/x-icon" href="http://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
|
29 |
<link rel="shortcut icon" type="image/x-icon" href="http://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
|
Line 33... |
Line 30... |
33 |
|
30 |
|
34 |
<!-- Javascript : bibliothèques -->
|
31 |
<!-- Javascript : bibliothèques -->
|
35 |
<!-- Google Map v3 -->
|
32 |
<!-- Google Map v3 -->
|
36 |
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&language=fr&region=FR"></script>
|
33 |
<script type="text/javascript" src="http://maps.google.com/maps/api/js?language=fr&region=FR"></script>
|
37 |
<!-- Jquery -->
|
34 |
<!-- Jquery -->
|
38 |
<script type="text/javascript" src="http://resources.tela-botanica.org/jquery/1.11.1/jquery-1.11.1.min.js"></script>
|
35 |
<script type="text/javascript" src="http://resources.tela-botanica.org/jquery/1.11.1/jquery-1.11.1.min.js"></script>
|
39 |
<!-- Jquery UI : nécessaire pour le minicalendrier et l'auto-complétion -->
|
36 |
<!-- Jquery UI : nécessaire pour le minicalendrier et l'auto-complétion -->
|
40 |
<script type="text/javascript" src="http://resources.tela-botanica.org/jquery/jquery-ui/1.11.0/js/jquery-ui.min.js"></script>
|
37 |
<script type="text/javascript" src="http://resources.tela-botanica.org/jquery/jquery-ui/1.11.0/js/jquery-ui.min.js"></script>
|
Line 49... |
Line 46... |
49 |
<!-- Bootstrap -->
|
46 |
<!-- Bootstrap -->
|
50 |
<script type="text/javascript" src="http://resources.tela-botanica.org/bootstrap/2.3.2/js/bootstrap.min.js"></script>
|
47 |
<script type="text/javascript" src="http://resources.tela-botanica.org/bootstrap/2.3.2/js/bootstrap.min.js"></script>
|
Line 51... |
Line 48... |
51 |
|
48 |
|
52 |
<!-- Javascript : appli saisie -->
|
49 |
<!-- Javascript : appli saisie -->
|
- |
|
50 |
<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/defaut/js/WidgetSaisie.js"></script>
|
53 |
<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/defaut/js/WidgetSaisie.js"></script>
|
51 |
<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/messicoles/js/WidgetSaisieMessicoles.js"></script>
|
54 |
<script type="text/javascript">
|
52 |
<script type="text/javascript">
|
55 |
//<![CDATA[
|
53 |
//<![CDATA[
|
56 |
$(document).ready(function() {
|
54 |
$(document).ready(function() {
|
57 |
// OMG un modèle objet !!
|
55 |
// OMG un modèle objet !!
|
Line 58... |
Line 56... |
58 |
var widget = new WidgetSaisie();
|
56 |
var widget = new WidgetSaisieMessicoles();
|
59 |
|
57 |
|
60 |
// La présence du parametre 'debug' dans l'URL enclenche le débogage
|
58 |
// La présence du parametre 'debug' dans l'URL enclenche le débogage
|
61 |
widget.debug = <?=isset($_GET['debug']) ? 'true' : 'false'?>;
|
59 |
widget.debug = <?=isset($_GET['debug']) ? 'true' : 'false'?>;
|
Line 270... |
Line 268... |
270 |
</div>
|
268 |
</div>
|
271 |
<div class="row-fluid">
|
269 |
<div class="row-fluid">
|
272 |
<div class="span12">
|
270 |
<div class="span12">
|
273 |
<div class="well">
|
271 |
<div class="well">
|
274 |
<div class="row-fluid">
|
272 |
<div class="row-fluid">
|
- |
|
273 |
<!-- 1e colonne : date, lieu, geoloc -->
|
275 |
<div class="span6">
|
274 |
<div class="span6">
|
276 |
<div>
|
275 |
<div>
|
277 |
<div class="row-fluid">
|
276 |
<div class="row-fluid">
|
278 |
<div class="span12">
|
277 |
<div class="span12">
|
279 |
<h2>Lieu du relevé</h2>
|
278 |
<h2>Date du relevé</h2>
|
280 |
</div>
|
279 |
</div>
|
- |
|
280 |
<div class="span12">
|
- |
|
281 |
<label for="date" class="has-tooltip"
|
- |
|
282 |
title="Veuillez indiquer la date du relevé au format jj/mm/aaaa. Vous pouvez
|
- |
|
283 |
cliquer sur l'icône de calendrier pour sélectionner une date">
|
- |
|
284 |
Date du relevé
|
- |
|
285 |
</label>
|
- |
|
286 |
<div class="input-prepend">
|
- |
|
287 |
<span id="date-icone" class="add-on"></span><input id="date"
|
- |
|
288 |
class="input-small" name="date" type="text"
|
- |
|
289 |
placeholder="jj/mm/aaaa" />
|
281 |
</div>
|
290 |
</div>
|
- |
|
291 |
</div>
|
282 |
<div class="row-fluid">
|
292 |
<div class="span12">
|
- |
|
293 |
<h2>Lieu du relevé</h2>
|
- |
|
294 |
</div>
|
- |
|
295 |
<!-- Lieu du relevé -->
|
283 |
<div class="span4">
|
296 |
<div class="span12 control-group">
|
284 |
<label for="map_canvas" title="Veuillez localiser l'observation">
|
297 |
<label class="has-tooltip"
|
- |
|
298 |
title="Vous pouvez sélectionner un type de culture parmi la liste ou en saisir un manuellement via l'option Autres">
|
285 |
Géolocalisation
|
299 |
Type de champ
|
286 |
</label>
|
300 |
</label>
|
- |
|
301 |
<!-- Céréale -->
|
- |
|
302 |
<label for="cereale" class="radio">
|
- |
|
303 |
<input type="radio" id="cereale" name="type-culture" value="cereale" />
|
- |
|
304 |
Céréale
|
- |
|
305 |
<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
|
- |
|
306 |
</i>
|
- |
|
307 |
</label>
|
- |
|
308 |
<div class="popover-html-content" data-for="cereale">
|
- |
|
309 |
<h3>Céréale</h3>
|
- |
|
310 |
Une description du champ de céréales<br/>
|
- |
|
311 |
...
|
- |
|
312 |
</div>
|
- |
|
313 |
<!-- Friche -->
|
- |
|
314 |
<label for="friche" class="radio">
|
- |
|
315 |
<input type="radio" id="friche" name="type-culture" value="friche" />
|
- |
|
316 |
Friche
|
- |
|
317 |
<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
|
- |
|
318 |
</i>
|
- |
|
319 |
</label>
|
- |
|
320 |
<div class="popover-html-content" data-for="friche">
|
- |
|
321 |
<h3>Friche</h3>
|
- |
|
322 |
Une description du champ de Friche<br/>
|
- |
|
323 |
...
|
- |
|
324 |
</div>
|
- |
|
325 |
<!-- Légumineuse -->
|
- |
|
326 |
<label for="legumineuse" class="radio">
|
- |
|
327 |
<input type="radio" id="legumineuse" name="type-culture" value="legumineuse" />
|
- |
|
328 |
Légumineuse
|
- |
|
329 |
<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
|
- |
|
330 |
</i>
|
- |
|
331 |
</label>
|
- |
|
332 |
<div class="popover-html-content" data-for="legumineuse">
|
- |
|
333 |
<h3>Légumineuse</h3>
|
- |
|
334 |
Une description du champ de Légumineuse<br/>
|
- |
|
335 |
...
|
- |
|
336 |
</div>
|
- |
|
337 |
<!-- Vigne -->
|
- |
|
338 |
<label for="vigne" class="radio">
|
- |
|
339 |
<input type="radio" id="friche" name="type-culture" value="vigne" />
|
- |
|
340 |
Vigne
|
- |
|
341 |
<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
|
- |
|
342 |
</i>
|
- |
|
343 |
</label>
|
- |
|
344 |
<div class="popover-html-content" data-for="vigne">
|
- |
|
345 |
<h3>Vigne</h3>
|
- |
|
346 |
Une description du champ de Vigne<br/>
|
- |
|
347 |
...
|
- |
|
348 |
</div>
|
- |
|
349 |
<!-- Verger -->
|
- |
|
350 |
<label for="verger" class="radio">
|
- |
|
351 |
<input type="radio" id="verger" name="type-culture" value="verger" />
|
- |
|
352 |
Verger
|
- |
|
353 |
<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
|
- |
|
354 |
</i>
|
- |
|
355 |
</label>
|
- |
|
356 |
<div class="popover-html-content" data-for="verger">
|
- |
|
357 |
<h3>Verger</h3>
|
- |
|
358 |
Une description du champ de Verger<br/>
|
- |
|
359 |
...
|
- |
|
360 |
</div>
|
- |
|
361 |
<!-- Autres -->
|
- |
|
362 |
<label for="autres" class="radio">
|
- |
|
363 |
<input type="radio" id="autres" name="type-culture" value="autres" />
|
- |
|
364 |
Autres
|
- |
|
365 |
<input type="text" id="culture-autres" name="culture-autres">
|
- |
|
366 |
</label>
|
- |
|
367 |
</div>
|
287 |
</div>
|
368 |
</div>
|
- |
|
369 |
<h2>Géolocalisation</h2>
|
- |
|
370 |
<div class="row-fluid">
|
288 |
<div class="span8 droite">
|
371 |
<div class="span12 droite">
|
289 |
<form id="form-carte-recherche" class="form-search form-horizontal" action="#" >
|
372 |
<form id="form-carte-recherche" class="form-search form-horizontal" action="#" >
|
290 |
<div class="control-group">
|
373 |
<div class="control-group">
|
291 |
<label for="carte-recherche">Rechercher</label>
|
374 |
<label for="carte-recherche">Rechercher</label>
|
292 |
<input id="carte-recherche" class="search-query has-tooltip" type="text" value=""
|
375 |
<input id="carte-recherche" class="search-query has-tooltip" type="text" value=""
|
293 |
title="Permet de centrer la carte sur le lieu recherché."
|
376 |
title="Permet de centrer la carte sur le lieu recherché."
|
Line 371... |
Line 454... |
371 |
</div>
|
454 |
</div>
|
372 |
</div>
|
455 |
</div>
|
373 |
</form>
|
456 |
</form>
|
374 |
</div>
|
457 |
</div>
|
375 |
</div>
|
458 |
</div>
|
- |
|
459 |
<!-- 2e colonne : observation -->
|
376 |
<div class="span6">
|
460 |
<div class="span6">
|
377 |
<form id="form-obs" action="#" autocomplete="on">
|
461 |
<form id="form-obs" action="#" autocomplete="on">
|
378 |
<h2>Observation</h2>
|
462 |
<h2>Observation</h2>
|
379 |
<?php if(!$referentiel_impose && !$espece_imposee) : ?>
|
463 |
<?php if(!$referentiel_impose && !$espece_imposee) : ?>
|
380 |
<div class="row-fluid">
|
464 |
<div class="row-fluid">
|
Line 397... |
Line 481... |
397 |
</span>
|
481 |
</span>
|
398 |
</div>
|
482 |
</div>
|
399 |
</div>
|
483 |
</div>
|
400 |
<?php endif; ?>
|
484 |
<?php endif; ?>
|
401 |
<div class="row-fluid">
|
485 |
<div class="row-fluid">
|
402 |
<div class="span4 has-tooltip"
|
- |
|
403 |
title="Vous pouvez cliquer sur l'icône de calendrier pour
|
- |
|
404 |
sélectionner une date dans un calendrier.">
|
- |
|
405 |
<label for="date" title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
|
- |
|
406 |
Date du relevé
|
- |
|
407 |
</label>
|
- |
|
408 |
<div class="input-prepend">
|
- |
|
409 |
<span id="date-icone" class="add-on"></span><input id="date"
|
- |
|
410 |
class="input-small" name="date" type="text"
|
- |
|
411 |
placeholder="jj/mm/aaaa" />
|
- |
|
412 |
</div>
|
- |
|
413 |
</div>
|
- |
|
414 |
<div id="taxon-input-groupe" class="span8 has-tooltip"
|
486 |
<div id="taxon-input-groupe" class="span8 has-tooltip"
|
415 |
title="Sélectionnez une espèce dans la liste déroulante pour lier
|
487 |
title="Sélectionnez une espèce dans la liste déroulante pour lier
|
416 |
votre nom au référentiel selectionné. Si vous
|
488 |
votre nom au référentiel selectionné. Si vous
|
417 |
le désirez vous pouvez aussi saisir un nom absent du référentiel
|
489 |
le désirez vous pouvez aussi saisir un nom absent du référentiel
|
418 |
(Ex. : 'fleur violette' ou 'viola sinensis???')." >
|
490 |
(Ex. : 'fleur violette' ou 'viola sinensis???')." >
|
Line 427... |
Line 499... |
427 |
</div>
|
499 |
</div>
|
428 |
</div>
|
500 |
</div>
|
429 |
</div>
|
501 |
</div>
|
430 |
<div class="row-fluid">
|
502 |
<div class="row-fluid">
|
431 |
<div class="span12">
|
503 |
<div class="span12">
|
- |
|
504 |
<label for="identification">Identification</label>
|
- |
|
505 |
<div>
|
- |
|
506 |
<select name="identification" id="identification">
|
- |
|
507 |
<option value="certaine">Certaine</option>
|
- |
|
508 |
<option value="douteuse">Douteuse</option>
|
- |
|
509 |
<option value="adeterminer">À déterminer</option>
|
- |
|
510 |
</select>
|
- |
|
511 |
</div>
|
- |
|
512 |
</div>
|
- |
|
513 |
</div>
|
- |
|
514 |
<div class="row-fluid">
|
- |
|
515 |
<div class="span12">
|
- |
|
516 |
<label for="abondance">Abondance</label>
|
- |
|
517 |
<div>
|
- |
|
518 |
<select name="abondance" id="abondance">
|
- |
|
519 |
<option value="1">1 à 10</option>
|
- |
|
520 |
<option value="10">10 à 100</option>
|
- |
|
521 |
<option value="100">100 à 1000</option>
|
- |
|
522 |
</select>
|
- |
|
523 |
</div>
|
- |
|
524 |
</div>
|
- |
|
525 |
</div>
|
- |
|
526 |
<div class="row-fluid">
|
- |
|
527 |
<div class="span12">
|
- |
|
528 |
<label for="zone-champ">Zone du champ</label>
|
- |
|
529 |
<!-- Bordure -->
|
- |
|
530 |
<label for="bordure" class="checkbox">
|
- |
|
531 |
<input type="checkbox" id="bordure" name="zone-champ[]" value="bordure" />
|
- |
|
532 |
Bordure
|
- |
|
533 |
<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
|
- |
|
534 |
</i>
|
- |
|
535 |
</label>
|
- |
|
536 |
<div class="popover-html-content" data-for="bordure">
|
- |
|
537 |
<h3>Bordure</h3>
|
- |
|
538 |
Une description de la zone Bordure<br/>
|
- |
|
539 |
...
|
- |
|
540 |
</div>
|
- |
|
541 |
<!-- Cœur du champ -->
|
- |
|
542 |
<label for="coeur-champ" class="checkbox">
|
- |
|
543 |
<input type="checkbox" id="coeur-champ" name="zone-champ[]" value="coeur" />
|
- |
|
544 |
Cœur du champ
|
- |
|
545 |
<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
|
- |
|
546 |
</i>
|
- |
|
547 |
</label>
|
- |
|
548 |
<div class="popover-html-content" data-for="coeur-champ">
|
- |
|
549 |
<h3>Cœur du champ</h3>
|
- |
|
550 |
Une description de la zone Cœur du champ<br/>
|
- |
|
551 |
...
|
- |
|
552 |
</div>
|
- |
|
553 |
<!-- Zone délaissée -->
|
- |
|
554 |
<label for="zone-delaissee" class="checkbox">
|
- |
|
555 |
<input type="checkbox" id="zone-delaissee" name="zone-champ[]" value="zone-delaissee" />
|
- |
|
556 |
Zone délaissée
|
- |
|
557 |
<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
|
- |
|
558 |
</i>
|
- |
|
559 |
</label>
|
- |
|
560 |
<div class="popover-html-content" data-for="zone-delaissee">
|
- |
|
561 |
<h3>Zone délaissée</h3>
|
- |
|
562 |
Une description de la Zone délaissée<br/>
|
- |
|
563 |
...
|
- |
|
564 |
</div>
|
- |
|
565 |
</div>
|
- |
|
566 |
</div>
|
- |
|
567 |
<div class="row-fluid">
|
- |
|
568 |
<div class="span12">
|
432 |
<label for="notes">Commentaires</label>
|
569 |
<label for="notes">Notes</label>
|
433 |
<div>
|
570 |
<div>
|
434 |
<textarea id="notes" class="span6" rows="7" name="notes"
|
571 |
<textarea id="notes" class="span6" rows="7" name="notes"
|
435 |
placeholder="vous pouvez éventuellement ajouter des informations complémentaires à votre observation (altitude, taille de la plante...)"></textarea>
|
572 |
placeholder="vous pouvez éventuellement ajouter des informations complémentaires à votre observation (altitude, taille de la plante...)"></textarea>
|
436 |
</div>
|
573 |
</div>
|
437 |
</div>
|
574 |
</div>
|