Subversion Repositories eFlore/Applications.cel

Compare Revisions

Ignore whitespace Rev 2407 → Rev 2408

/trunk/widget/modules/saisie/squelettes/florileges/florileges.tpl.html
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&amp;language=fr&amp;region=FR"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&amp;language=fr&amp;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&amp;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 &amp; Cité</a>,
avec <a href="http://www.plante-et-cite.fr">Plante &amp; 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
«&nbsp;Créer&nbsp;».
</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 «&nbsp;Transmettre&nbsp;».
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">&nbsp;</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">&copy; 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';