3,7 → 3,7 |
<head> |
<title>Florilèges</title> |
<meta charset="utf-8"> |
|
|
<meta name="author" content="Jean-Pascal MILCENT, Aurélien PERONNET" /> |
<meta name="keywords" content="Florilege, Tela Botanica, CEL" /> |
<meta name="description" content="Widget de saisie du projet Florilege" /> |
10,18 → 10,18 |
|
<!-- Viewport Mobile --> |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<!-- Favicones --> |
<link rel="shortcut icon" type="image/x-icon" href="<?=$url_base?>/modules/saisie/squelettes/florileges/img/favicon.ico" /> |
|
|
<!-- Javascript : bibliothèques --> |
<!-- Google Map v3 --> |
<!--<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>--> |
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&language=fr&region=FR"></script> |
|
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&language=fr&region=FR"></script> |
|
<!-- Jquery --> |
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.min.js"></script> |
|
|
<!-- Jquery UI : nécessaire pour le minicalendrier et l'auto-complétion --> |
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.10.2/js/jquery-ui-1.10.2.custom.min.js"></script> |
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.10.2/js/jquery.ui.datepicker-fr.min.js"></script> |
32,10 → 32,10 |
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.11.1/messages_fr.js"></script> |
<!-- Jquery Form :nécessaire pour l'upload des images --> |
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/form/3.32/jquery.form.min.js"></script> |
|
|
<!-- Bootstrap --> |
<script type="text/javascript" src="http://www.tela-botanica.org/commun/bootstrap/2.3.2/js/bootstrap.min.js"></script> |
|
|
<!-- Javascript : appli saisie --> |
<script src="<?=$url_base?>saisie?projet=florileges&service=taxons" type="text/javascript"></script> |
<script type="text/javascript"> |
46,7 → 46,7 |
var HTML5 = <?=isset($_GET['html5']) ? 'true' : 'false'?>; |
// Mot-clé du widget/projet |
var TAG_PROJET = "Florileges,WidgetFlorileges,Sauvages"; |
|
|
// Mots-clés à ajouter aux images |
var TAG_IMG = "<?=isset($_GET['tag-img']) ? $_GET['tag-img'] : ''?>"; |
var SEPARATION_TAG_IMG = "<?= isset($_GET['motcle']) && isset($_GET['tag-img']) ? ',' : '' ?>"; |
55,7 → 55,7 |
var TAG_OBS = "<?=isset($_GET['tag-obs']) ? $_GET['tag-obs'] : ''?>"; |
var SEPARATION_TAG_OBS = "<?= isset($_GET['projet']) && isset($_GET['tag-obs']) ? ',' : '' ?>"; |
TAG_OBS = <?=isset($_GET['projet']) ? "'".$_GET['projet']."' + SEPARATION_TAG_OBS + TAG_OBS" : 'TAG_OBS' ?>; |
|
|
// Précharger le formulaire avec les infos d'une observation |
var OBS_ID = "<?=isset($_GET['id-obs']) ? $_GET['id-obs'] : ''?>"; |
// URL du web service réalisant l'insertion des données dans la base du CEL. |
62,12 → 62,8 |
var SERVICE_SAISIE_URL = "<?=$url_ws_saisie?>"; |
// URL du web service permettant de récupérer les infos d'une observation du CEL. |
var SERVICE_OBS_URL = "<?=$url_ws_obs?>"; |
// Code du référentiel utilisé pour les nom scientifiques (de la forme nom:code). |
// Code du référentiel utilisé pour les nom scientifiques. |
var NOM_SCI_REFERENTIEL = "<?=$ns_referentiel?>"; |
// Nom du référentiel utilisé pour les nom scientifiques. |
var NOM_SCI_PROJET = "<?=$ns_projet?>"; |
// Code de la version du référentiel utilisé pour les nom scientifiques. |
var NOM_SCI_VERSION = "<?=$ns_version?>"; |
// Indication de la présence d'une espèce imposée |
var ESPECE_IMPOSEE = "<?=$espece_imposee; ?>"; |
// Tableau d'informations sur l'espèce imposée |
76,14 → 72,11 |
var AUTOCOMPLETION_ELEMENTS_NBRE = 20; |
// Indication de la présence d'un référentiel imposé |
var REFERENTIEL_IMPOSE = "<?=$referentiel_impose; ?>"; |
// Indication des version utilisées de chaque référentiel |
var PROJETS_VERSIONS = <?=json_encode($projets_versions)?>; |
// URL du web service permettant l'auto-complétion des noms scientifiques. |
var SERVICE_AUTOCOMPLETION_NOM_SCI_URL = "<?=$url_ws_autocompletion_ns?>?"+ |
"masque={masque}&"+ |
"recherche=etendue&"+ |
"retour.champs=famille,nom_retenu,nom_retenu_complet,num_taxonomique,nom_retenu.id&"+ |
//"version.projet="+NOM_SCI_VERSION+"&"+ |
"ns.structure=au"+"&"+ |
"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE; |
// URL du web service permettant l'auto-complétion des noms scientifiques. |
91,7 → 84,6 |
"masque={masque}&"+ |
"recherche=etendue&"+ |
"retour.champs=famille,nom_retenu,nom_retenu_complet,num_taxonomique,nom_retenu.id&"+ |
//"version.projet="+NOM_SCI_VERSION+"&"+ |
"ns.structure=au"+"&"+ |
"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE; |
// Nombre d'observations max autorisé avant transmission |
119,7 → 111,7 |
//]]> |
</script> |
<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/florileges/js/florileges.js"></script> |
|
|
<!-- CSS --> |
<link href="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.10.2/css/smoothness/jquery-ui-1.10.2.custom.css" rel="stylesheet" type="text/css" media="screen" /> |
<link href="http://www.tela-botanica.org/commun/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="screen" /> |
136,9 → 128,9 |
<p> |
Bienvenue sur l'interface de saisie en ligne des données |
"Florilèges"-RUES. Cette interface vous permet d'enregistrer vos |
observations de terrain et de les partager simplement |
observations de terrain et de les partager simplement |
(sous <a href="http://creativecommons.org/licenses/by-sa/2.0/fr/">licence CC-BY-SA</a>) |
avec <a href="http://www.plante-et-cite.fr">Plante & Cité</a>, |
avec <a href="http://www.plante-et-cite.fr">Plante & Cité</a>, |
<a href="http://www.tela-botanica.org/site:accueil">le réseau Tela Botanica</a> |
et <a href="http://sauvagesdemarue.mnhn.fr">le programme Sauvage de ma Rue</a>. |
</p> |
145,9 → 137,9 |
<p> |
En vous identifiant, vous pourrez retrouver et consulter l'ensemble de |
vos observations dans <a href="http://www.tela-botanica.org/appli:cel">le Carnet en ligne</a>.<br /> |
Renseignez tout d'abord les caractéristiques et l'itinéraire technique mis en place |
sur le site des relevés, puis détaillez ensuite les espèces observées sur ce site. |
Ajoutez chaque observation à la liste à transmettre à l'aide du bouton |
Renseignez tout d'abord les caractéristiques et l'itinéraire technique mis en place |
sur le site des relevés, puis détaillez ensuite les espèces observées sur ce site. |
Ajoutez chaque observation à la liste à transmettre à l'aide du bouton |
« Créer ». |
</p> |
<p> |
154,9 → 146,9 |
L'interface de saisie vous permet de renseigner jusqu'à 10 observations à des dates |
différentes pour un même site. |
Partagez-les avec le bouton « Transmettre ». |
Elles apparaissent immédiatement sur |
<a href="http://www.tela-botanica.org/site:botanique?langue=fr">la carte</a> et |
<a href="http://www.tela-botanica.org/site:botanique?langue=fr">la galerie photos</a> |
Elles apparaissent immédiatement sur |
<a href="http://www.tela-botanica.org/site:botanique?langue=fr">la carte</a> et |
<a href="http://www.tela-botanica.org/site:botanique?langue=fr">la galerie photos</a> |
du projet. |
</p> |
<p> |
168,11 → 160,11 |
<button id="btn-aide" class="btn btn-mini btn-success"> |
<span class="icon-question-sign icon-white"></span> |
<span id="btn-aide-txt" >Désactiver l'aide</span> |
</button> |
</button> |
</p> |
</div> |
</div> |
|
|
<div class="span5"> |
<div class="well forcer-colonne"> |
<h2>Observateur</h2> |
180,11 → 172,11 |
<div class="row-fluid"> |
<div class="span6 control-group has-tooltip" data-placement="bottom" |
title="Saisissez le courriel avec lequel vous être inscrit à Tela Botanica. |
Si vous n'êtes pas inscrit, ce n'est pas grave, vous pourrez le faire |
ultérieurement. Des informations complémentaires vont vous être |
Si vous n'êtes pas inscrit, ce n'est pas grave, vous pourrez le faire |
ultérieurement. Des informations complémentaires vont vous être |
demandées : prénom et nom."> |
<label class="control-label" for="courriel"> |
<strong class="obligatoire">*</strong> |
<strong class="obligatoire">*</strong> |
Courriel |
</label> |
<div class="controls"> |
196,11 → 188,11 |
<input id="id_utilisateur" name="id_utilisateur" type="hidden"/> |
</div> |
</div> |
|
|
</div> |
<div id="zone-courriel-confirmation" class="span6 hidden control-group has-tooltip" |
data-placement="bottom" |
title="Saisissez à nouveau votre courriel afin de le confirmer. Le |
data-placement="bottom" |
title="Saisissez à nouveau votre courriel afin de le confirmer. Le |
copier/coller est désactivé pour éviter les erreurs."> |
<label class="control-label" for="courriel_confirmation"> |
<strong class="obligatoire">*</strong> |
211,7 → 203,7 |
<span class="add-on"> |
<i class="icon-envelope"></i> |
</span> |
<input id="courriel_confirmation" name="courriel_confirmation" |
<input id="courriel_confirmation" name="courriel_confirmation" |
class="span11" type="text"/> |
</div> |
</div> |
237,8 → 229,8 |
</div> |
<div id="zone-personne-complement" class="forcer-colonne"> |
<div class="row-fluid"> |
<div class="span6 control-group has-tooltip" |
title="Précisez l'entreprise, l'association, l'école, ... au nom de |
<div class="span6 control-group has-tooltip" |
title="Précisez l'entreprise, l'association, l'école, ... au nom de |
laquelle vous participez."> |
<label for="structure" class="control-label"> |
<strong class="obligatoire">*</strong> |
245,11 → 237,11 |
Structure |
</label> |
<div class="controls"> |
<input id="structure" name="personneStructure" class="span12 obs-chp-etendu" |
<input id="structure" name="personneStructure" class="span12 obs-chp-etendu" |
type="text" data-label="Structure de l'observateur"/> |
</div> |
</div> |
<div class="span6 control-group has-tooltip" |
<div class="span6 control-group has-tooltip" |
title="Précisez le service de la structure au nom de laquelle vous participez."> |
<label for="service" class="control-label"> |
<strong class="obligatoire">*</strong> |
256,7 → 248,7 |
Service |
</label> |
<div class="controls"> |
<input id="service" name="personneService" class="span12 obs-chp-etendu" |
<input id="service" name="personneService" class="span12 obs-chp-etendu" |
type="text" data-label="Service de l'observateur"/> |
</div> |
</div> |
267,7 → 259,7 |
<label for="fonction"> |
Fonction |
</label> |
<input id="fonction" name="personneFonction" class="span12 obs-chp-etendu" |
<input id="fonction" name="personneFonction" class="span12 obs-chp-etendu" |
type="text" data-label="Fonction de l'observateur"/> |
</div> |
</div> |
293,7 → 285,7 |
<p> |
Vous n'êtes pas inscrit à Tela Botanica avec ce courriel.<br/> |
Veuillez compléter les champs supplémentaires ou indiquer votre courriel d'inscription.<br/> |
Pour retrouver vos observations dans le <a href="http://www.tela-botanica.org/appli:cel">Carnet en ligne</a>, |
Pour retrouver vos observations dans le <a href="http://www.tela-botanica.org/appli:cel">Carnet en ligne</a>, |
il sera nécesaire de <a href="http://www.tela-botanica.org/page:inscription">vous inscrire à Tela Botanica</a>. |
</p> |
</div> |
316,7 → 308,7 |
</div> |
</div> |
<div class="row-fluid"> |
<div class="span12 control-group has-tooltip" |
<div class="span12 control-group has-tooltip" |
title="Nom du site d'étude (quartier, rue, ...)." > |
<label for="station" class="control-label"> |
<strong class="obligatoire">*</strong> |
330,7 → 322,7 |
<div class="forcer-colonne well control-group"> |
<div class="row-fluid"> |
<div class="span12"> |
<label for="map_canvas" class="control-label" |
<label for="map_canvas" class="control-label" |
title="Veuillez localiser l'observation"> |
<strong class="obligatoire">*</strong> |
Géolocalisation |
347,7 → 339,7 |
</div> |
<div class="form-search form-horizontal"> |
<div class="control-group"> |
<input id="carte-recherche" |
<input id="carte-recherche" |
class="search-query span12 obs-chp-etendu has-tooltip" |
type="text" |
title="Permet de centrer la carte sur le lieu recherché. Il est nécessaire de sélectionner le lieu dans la liste déroulante." |
361,9 → 353,9 |
</div> |
<div class="row-fluid"> |
<div class="span12"> |
<div id="map-canvas" class="has-tooltip" |
<div id="map-canvas" class="has-tooltip" |
title="Vous pouvez cliquer sur la carte pour déplacer le marqueur |
représentant votre station ou bien le glisser-déposer sur |
représentant votre station ou bien le glisser-déposer sur |
le lieu souhaité."></div> |
</div> |
</div> |
373,7 → 365,7 |
<span class="afficher-coord-action">Afficher</span> |
<span class="afficher-coord-action" style="display:none;">Cacher</span> |
coordonnées |
<span id="lat-lon-info" class="info has-tooltip" |
<span id="lat-lon-info" class="info has-tooltip" |
title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées"> |
(WGS84) |
</span> |
383,7 → 375,7 |
<span for="marqueur-commune">Commune : </span> |
<span id="marqueur-commune"> |
<span id="commune-nom" class="commune-info"></span> |
(<span id="commune-code-insee" class="commune-info has-tooltip" |
(<span id="commune-code-insee" class="commune-info has-tooltip" |
title="Code INSEE de la commune"></span>) |
</span> |
</div> |
425,7 → 417,7 |
</div> |
</div> |
<div class="row-fluid"> |
<div class="span12 control-group has-tooltip" |
<div class="span12 control-group has-tooltip" |
title="Précisez la typologie du site." > |
<label for="typo-urbaine" class="control-label"> |
<strong class="obligatoire">*</strong> |
445,7 → 437,7 |
</div> |
</div> |
<div class="row-fluid"> |
<div class="span12 control-group has-tooltip" |
<div class="span12 control-group has-tooltip" |
title="Indiquez le type de revêtement au sol." > |
<label for="revetement-sol" class="control-label"> |
<strong class="obligatoire">*</strong> |
465,11 → 457,11 |
</div> |
</div> |
<div class="row-fluid"> |
<div class="span12 has-tooltip" |
<div class="span12 has-tooltip" |
title="Évaluez la densité de zones végétalisés autour du site (haie, aménagement paysager, parcs et jardins, ...)." > |
<label> |
Présence de zones végétalisés |
<select id="presence-zone-vegetalise" class="obs-chp-etendu slider" |
<select id="presence-zone-vegetalise" class="obs-chp-etendu slider" |
name="presenceZoneVegetalise" data-label="Présence de zones végétalisés"> |
<option selected value=""></option> |
<option value="nulle">nulle</option> |
481,11 → 473,11 |
</div> |
</div> |
<div class="row-fluid"> |
<div class="span12 has-tooltip" |
<div class="span12 has-tooltip" |
title="Indiquez la hauteur des bâtiments avoisinants (en étages)." > |
<label> |
Hauteur des bâtiments |
<select id="hauteur-batiment-avoisinant" class="obs-chp-etendu slider" |
<select id="hauteur-batiment-avoisinant" class="obs-chp-etendu slider" |
name="hauteurBatimentAvoisinant" data-label="Hauteur des bâtiments"> |
<option selected value=""></option> |
<option value="0">0</option> |
506,7 → 498,7 |
</div> |
</div> |
<div class="row-fluid"> |
<div class="span12 control-group has-tooltip" |
<div class="span12 control-group has-tooltip" |
title="Évaluez l'intensité de gestion du site." > |
<label for="intensite-gestion" class="control-label"> |
<strong class="obligatoire">*</strong> |
513,7 → 505,7 |
Intensité de gestion |
</label> |
<div class="controls"> |
<select id="intensite-gestion" class="span12 obs-chp-etendu" |
<select id="intensite-gestion" class="span12 obs-chp-etendu" |
name="intensiteGestion" data-label="Intensité de gestion"> |
<option selected value="">Sélectionnez l'intensité</option> |
<option>extensive</option> |
526,7 → 518,7 |
<div class="row-fluid"> |
<div class="span12"> |
<div class="row-fluid"> |
<div class="span12 control-group has-tooltip" |
<div class="span12 control-group has-tooltip" |
title="Évaluez la fréquence d'utilisation de produits phytosanitaires sur le site." > |
<label for="periodicite-traitement-phyto" class="control-label"> |
<strong class="obligatoire">*</strong> |
533,8 → 525,8 |
Utilisation de produits phytosanitaires |
</label> |
<div class="controls"> |
<select id="periodicite-traitement-phyto" |
class="obs-chp-etendu slider" |
<select id="periodicite-traitement-phyto" |
class="obs-chp-etendu slider" |
name="periodiciteTraitementPhyto" |
data-label="Utilisation de produits phytosanitaires"> |
<option selected value=""></option> |
547,17 → 539,17 |
</div> |
</div> |
<div id="datp-zone" class="row-fluid hidden"> |
<div class="span12 has-tooltip" |
title="Indiquez la date approximative de l'arrêt des traitements. |
Vous pouvez cliquer sur l'icône de calendrier pour |
<div class="span12 has-tooltip" |
title="Indiquez la date approximative de l'arrêt des traitements. |
Vous pouvez cliquer sur l'icône de calendrier pour |
sélectionner une date dans un calendrier."> |
<label title="Veuillez indiquer la date du relevé au format jj/mm/aaaa"> |
Date d'arrêt des traitements |
<div class="input-prepend"> |
<span id="date-arret-traitement-phyto-icone" class="add-on"></span> |
<input id="date-arret-traitement-phyto" class="input-small obs-chp-etendu" |
<input id="date-arret-traitement-phyto" class="input-small obs-chp-etendu" |
name="dateArretTraitementPhyto" type="text" |
placeholder="jj/mm/aaaa" |
placeholder="jj/mm/aaaa" |
data-label="Date d'arrêt des traitements"/> |
</div> |
</label> |
566,8 → 558,8 |
</div> |
</div> |
<div class="row-fluid"> |
<div class="span12 control-group has-tooltip" |
title="Description de l'itinéraire de gestion (type de traitement, |
<div class="span12 control-group has-tooltip" |
title="Description de l'itinéraire de gestion (type de traitement, |
matériel utilisé, fréquence de passage, ...)." > |
<label for="itineraire-gestion" class="control-label"> |
<strong class="obligatoire">*</strong> |
574,8 → 566,8 |
Description de l'itinéraire de gestion |
</label> |
<div class="controls"> |
<textarea id="itineraire-gestion" class="span12 obs-chp-etendu" |
rows="7" name="itineraireGestion" |
<textarea id="itineraire-gestion" class="span12 obs-chp-etendu" |
rows="7" name="itineraireGestion" |
data-label="Description de l'itinéraire de gestion"></textarea> |
</div> |
</div> |
594,26 → 586,26 |
</div> |
<div class="span9"> |
<form id="form-date" class="form-inline"> |
<div class="span5 control-group has-tooltip" |
title="Vous pouvez cliquer sur l'icône de calendrier pour |
sélectionner une date dans un calendrier. La date doit être au format : |
<div class="span5 control-group has-tooltip" |
title="Vous pouvez cliquer sur l'icône de calendrier pour |
sélectionner une date dans un calendrier. La date doit être au format : |
jj/mm/aaaa"> |
<label class="control-label"> |
<strong class="obligatoire">*</strong> |
Date du relevé |
Date du relevé |
<div class="input-prepend"> |
<span id="date-icone" class="add-on"></span> |
<input id="date" class="input-small" name="date" type="text" |
<input id="date" class="input-small" name="date" type="text" |
placeholder="jj/mm/aaaa" /> |
</div> |
</label> |
</div> |
<div class="span7 control-group has-tooltip" |
<div class="span7 control-group has-tooltip" |
title="Date approximative de la dernière intervention." > |
<label class="span12 control-label"> |
<strong class="obligatoire">*</strong> |
Dernière intervention |
<select id="date-derniere-intervention" class="span8 obs-chp-etendu" |
<select id="date-derniere-intervention" class="span8 obs-chp-etendu" |
name="dateDerniereIntervention" data-label="Dernière intervention"> |
<option selected value="">Sélectionnez la date d'intervention</option> |
<option value="inconnue">ne sais pas</option> |
637,10 → 629,10 |
<div class="row-fluid"> |
<div class="span12"> |
<div id="taxon-liste-input-groupe" class="control-group has-tooltip" |
title="Sélectionnez une espèce dans la liste déroulante par son nom latin |
title="Sélectionnez une espèce dans la liste déroulante par son nom latin |
ou commun. Si une espèce est absente, sélectionner «Autre espèce»." > |
<label class="control-label" for="taxon-liste" title="Choisissez l'espèce rencontrée."> |
<strong class="obligatoire">*</strong> |
<strong class="obligatoire">*</strong> |
Espèces les plus communes |
</label> |
<div class="controls"> |
648,15 → 640,15 |
<span class="add-on"> |
<i class="icon-leaf"></i> |
</span> |
|
|
<select id="taxon-liste" class="span10" name="taxon-liste"> |
<option value="" selected>Sélectionner une espèce</option> |
|
|
<optgroup id="taxon-liste-noms"> |
<?php foreach ($taxons['sci-et-fr'] as $taxon) :?> |
<option |
class="<?=$taxon['nom_type'] ?>" |
value="<?=$taxon['num_nom'] ?>" |
<option |
class="<?=$taxon['nom_type'] ?>" |
value="<?=$taxon['num_nom'] ?>" |
title="<?=$taxon['nom_title'] ?>" |
data-nom-a-sauver="<?=$taxon['nom_a_sauver'] ?>" |
> |
666,9 → 658,9 |
</optgroup> |
<optgroup id="taxon-liste-special"> |
<?php foreach ($taxons['speciaux'] as $taxon) :?> |
<option |
class="<?=$taxon['nom_type'] ?>" |
value="<?=$taxon['num_nom'] ?>" |
<option |
class="<?=$taxon['nom_type'] ?>" |
value="<?=$taxon['num_nom'] ?>" |
title="<?=$taxon['nom_title'] ?>" |
data-nom-a-sauver="<?=$taxon['nom_a_sauver'] ?>" |
> |
685,9 → 677,9 |
</div> |
<div id="taxon-input-groupe" class="row-fluid hidden"> |
<div class="span12"> |
<div class="control-group has-tooltip" |
title="Sélectionnez une espèce dans la liste déroulante pour lier |
votre nom au référentiel. Si vous le désirez vous pouvez aussi saisir |
<div class="control-group has-tooltip" |
title="Sélectionnez une espèce dans la liste déroulante pour lier |
votre nom au référentiel. Si vous le désirez vous pouvez aussi saisir |
un nom absent du référentiel (Ex. : 'fleur violette' ou 'Viola sp.1')." > |
<label for="taxon" class="control-label" title="Choisissez l'espèce rencontrée."> |
Autre espèce |
694,7 → 686,7 |
</label> |
<div class="controls"> |
<input id="taxon" name="taxon" type="text" class="span12" |
placeholder="Autre espèce (ou indication sur la plante)" |
placeholder="Autre espèce (ou indication sur la plante)" |
value="<?= $nom_sci_espece_defaut; ?>" /> |
</div> |
</div> |
701,7 → 693,7 |
</div> |
</div> |
<div class="row-fluid"> |
<div class="span12 control-group has-tooltip" |
<div class="span12 control-group has-tooltip" |
title="Sélectionnez un ou plusieurs milieux dans lesquels l'espèce est présente sur le site."> |
<label class="span2 control-label"> |
<strong class="obligatoire">*</strong> |
764,26 → 756,26 |
</div> |
</div> |
</div> |
|
|
<div class="row-fluid"> |
<div class="span12 control-group has-tooltip" |
title="Indiquez la hauteur maximum en centimètre de la plante sur le site."> |
<label class="control-label"> |
<strong class="obligatoire">*</strong> |
Hauteur max. (en cm) de la plante |
<input id="hauteur-plante" class="span2 obs-chp-etendu" |
name="hauteurPlante" |
type="number" min="0" step="5" |
Hauteur max. (en cm) de la plante |
<input id="hauteur-plante" class="span2 obs-chp-etendu" |
name="hauteurPlante" |
type="number" min="0" step="5" |
data-label="Hauteur max. (en cm) de la plante"/> |
</label> |
</div> |
</div> |
|
|
<div class="row-fluid"> |
<div class="span12"> |
<label for="notes">Commentaires</label> |
<div> |
<textarea id="notes" class="span12" rows="7" name="notes" |
<textarea id="notes" class="span12" rows="7" name="notes" |
placeholder="vous pouvez éventuellement ajouter des informations complémentaires à votre observation (altitude, taille de la plante...)"></textarea> |
</div> |
</div> |
793,7 → 785,7 |
<div class="span6"> |
<div class="well"> |
<div class="row-fluid"> |
<div class="span12 control-group has-tooltip" |
<div class="span12 control-group has-tooltip" |
title="Évaluez la résistance/résilience de l'espèce face aux traitements utilisés sur ce site." > |
<label class="control-label"> |
<strong class="obligatoire">*</strong> |
800,9 → 792,9 |
Résistance/Résilience |
</label> |
<div class="controls"> |
<select id="resistance-traitement-phyto" |
class="obs-chp-etendu slider" |
name="resistanceTraitementPhyto" |
<select id="resistance-traitement-phyto" |
class="obs-chp-etendu slider" |
name="resistanceTraitementPhyto" |
data-label="Résistance/Résilience"> |
<option selected value=""></option> |
<option value="pas de traitement">pas de traitement</option> |
814,14 → 806,14 |
</div> |
</div> |
</div> |
|
|
<div class="row-fluid"> |
<div class="span12 has-tooltip" |
<div class="span12 has-tooltip" |
title="Évaluez la vitesse de croissance de l'espèce sur ce site." > |
<label> |
Croissance |
<select id="vitesse-croissance" |
class="obs-chp-etendu slider" |
<select id="vitesse-croissance" |
class="obs-chp-etendu slider" |
name="vitesseCroissance" |
data-label="Croissance"> |
<option selected value=""></option> |
837,7 → 829,7 |
</div> |
<div class="well"> |
<div class="row-fluid"> |
<div class="span12 has-tooltip" |
<div class="span12 has-tooltip" |
title="Perception globale de l'espèce par l'équipe technique."> |
<label class="span4"> |
Perceptions par l'équipe |
885,13 → 877,13 |
</div> |
</div> |
</div> |
|
|
<div class="row-fluid"> |
<div class="span12 has-tooltip" |
<div class="span12 has-tooltip" |
title="Évaluez la mauvaise perception des riverains vis à vis de cette espèce." > |
<label> |
Mauvaise perception par les riverains ? |
<select id="perception-riverain-mauvaise" class="obs-chp-etendu" |
<select id="perception-riverain-mauvaise" class="obs-chp-etendu" |
name="perceptionRiverainMauvaise" data-label="Mauvaise perception par les riverains ?"> |
<option>inconnue</option> |
<option>oui</option> |
904,16 → 896,16 |
</div> |
</div> |
</form> |
|
<form id="form-upload" class="form-horizontal" action="<?= $url_ws_upload ?>" |
|
<form id="form-upload" class="form-horizontal" action="<?= $url_ws_upload ?>" |
method="post" enctype="multipart/form-data"> |
<div class="row-fluid"> |
<div class="span12 well"> |
<strong>Ajoutez des images</strong> |
<strong>Ajoutez des images</strong> |
<p class="miniature-info" class="discretion help-inline">Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacunes.</p> |
<div id ="photos-conteneur"> |
<input type="file" id="fichier" name="fichier" accept="image/jpeg" /> |
<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/> |
<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/> |
<div id="miniatures"></div> |
<p class="miniature-msg" class="span12"> </p> |
</div> |
921,8 → 913,8 |
</div> |
</form> |
<div class="row-fluid"> |
<div class="span12 centre has-tooltip" |
title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour |
<div class="span12 centre has-tooltip" |
title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour |
ajouter votre observation à la liste à transmettre."> |
<button id="ajouter-obs" class="btn btn-primary btn-large" type="button"> |
Créer |
929,10 → 921,10 |
</button> |
</div> |
</div> |
|
|
</div> |
</div> |
|
|
<!-- Messages d'erreur du formulaire--> |
<div class="row-fluid"> |
<div class="zone-alerte span6 offset3"> |
966,7 → 958,7 |
</div> |
</div> |
</div> |
|
|
<!-- Affiche le tableau récapitualif des observations ajoutées --> |
<div id="zone-liste-obs" class="row-fluid hidden"> |
<div class="span12"> |
976,9 → 968,9 |
<h2>Observations à transmettre : <span class="obs-nbre">0</span></h2> |
</div> |
<div class="span4 droite"> |
<button id="transmettre-obs" class="btn btn-primary btn-large has-tooltip" |
<button id="transmettre-obs" class="btn btn-primary btn-large has-tooltip" |
type="button" disabled="disabled" |
title="Ajoute les observations ci-dessous à votre Carnet en Ligne et les rend publiques."> |
title="Ajoute les observations ci-dessous à votre Carnet en Ligne et les rend publiques."> |
Transmettre |
</button> |
</div> |
987,7 → 979,7 |
</div> |
</div> |
</div> |
|
|
<div class="row-fluid"> |
<div class="zone-alerte span6 offset3"> |
<div id="dialogue-zero-obs" class="alert alert-block" style="display: none;"> |
995,13 → 987,13 |
<h4 class="alert-heading">Attention : aucune observation</h4> |
<p>Veuillez saisir des observations pour les transmettres.</p> |
</div> |
|
|
<div id="dialogue-obs-transaction-ok" class="alert alert-success alert-block" style="display: none;"> |
<a class="close">×</a> |
<h4 class="alert-heading">Information : transmission des observations</h4> |
<div class="alert-txt"></div> |
</div> |
|
|
<div id="dialogue-obs-transaction-ko" class="alert alert-error alert-block" style="display: none;"> |
<a class="close">×</a> |
<h4 class="alert-heading">Erreur : transmission des observations</h4> |
1010,14 → 1002,14 |
</div> |
</div> |
|
|
|
<footer class="row-fluid"> |
<p class="span12">© Tela Botanica 2013</p> |
</footer> |
</div> |
|
|
<!-- Fenêtres modales --> |
<div id="chargement" class="modal-fenetre" style="display:none;"> |
<div id="chargement" class="modal-fenetre" style="display:none;"> |
<div id="chargement-centrage" class="modal-contenu"> |
<div class="progress progress-striped active"> |
<div id="barre-progression-upload" class="bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="10" style=""> |
1026,24 → 1018,24 |
</div> |
<p id="chargement-txt" style="color:white;font-size:1.5em;"> |
Transfert des observations en cours...<br /> |
Cela peut prendre plusieurs minutes en fonction de la taille des images et du nombre |
Cela peut prendre plusieurs minutes en fonction de la taille des images et du nombre |
d'observations à transférer. |
</p> |
</div> |
</div> |
|
|
<!-- Templates HTML --> |
<div id="tpl-transmission-ok" style="display:none;"> |
<p class="msg"> |
Vos observations ont bien été transmises.<br /> |
Elles sont désormais consultables à travers les différents outils de visualisation |
du réseau Tela Botanica (<a href="http://www.tela-botanica.org/site:botanique">eFlore</a>, |
<a href="http://www.tela-botanica.org/appli:pictoflora">galeries d'images</a>, |
Elles sont désormais consultables à travers les différents outils de visualisation |
du réseau Tela Botanica (<a href="http://www.tela-botanica.org/site:botanique">eFlore</a>, |
<a href="http://www.tela-botanica.org/appli:pictoflora">galeries d'images</a>, |
<a href="http://www.tela-botanica.org/appli:identiplante">identiplante</a>, |
<a href="http://www.tela-botanica.org/widget:cel:cartoPoint">cartographie (widget)</a>...)<br /> |
Si vous souhaitez les modifier ou les supprimer, vous pouvez les retrouver en vous |
Si vous souhaitez les modifier ou les supprimer, vous pouvez les retrouver en vous |
connectant à votre <a href="http://www.tela-botanica.org/appli:cel">Carnet en ligne</a>.<br /> |
N'oubliez pas qu'il est nécessaire de |
N'oubliez pas qu'il est nécessaire de |
<a href="http://www.tela-botanica.org/page:inscription">s'inscrire à Tela Botanica</a> |
au préalable, si ce n'est pas déjà fait. |
</p> |
1051,10 → 1043,10 |
<div id="tpl-transmission-ko" style="display:none;"> |
<p class="msg"> |
Une erreur est survenue lors de la transmission d'une observation (indiquée en rouge).<br /> |
Vous pouvez tenter de la retransmettre en cliquant à nouveau sur le bouton transmettre ou bien la supprimer |
Vous pouvez tenter de la retransmettre en cliquant à nouveau sur le bouton transmettre ou bien la supprimer |
et transmettre les suivantes.<br /> |
Néanmoins, les observations n'apparaissant plus dans la liste "observations à transmettre", ont bien été transmises lors de votre précédente tentative. <br /> |
Si le problème persiste, vous pouvez signaler le dysfonctionnement sur |
Si le problème persiste, vous pouvez signaler le dysfonctionnement sur |
<a href="<?= $url_remarques ?>?email=cel_remarques@tela-botanica.org&pageSource=<?php echo urlencode('http://'.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'].'?'.$_SERVER['QUERY_STRING']); ?>" |
target="_blank" |
onclick="javascript:window.open(this.getAttribute('href'), 'Tela Botanica - Remarques', config='height=700, width=640, scrollbars=yes, resizable=yes'); return false;"> |
1061,7 → 1053,7 |
le formulaire de signalement d'erreurs</a>. |
</p> |
</div> |
|
|
<!-- Stats : Google Analytics--> |
<script type="text/javascript"> |
//<![CDATA[ |
1068,7 → 1060,7 |
var _gaq = _gaq || []; |
_gaq.push(['_setAccount', 'UA-20092557-1']); |
_gaq.push(['_trackPageview']); |
|
|
(function() { |
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; |
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; |